1. Comece pelas suas fotos, não pela galeria
O design de uma loja no BotLaunch define três coisas: a paleta de cores, os tipos de letra e a disposição dos elementos. Não define as suas fotos, e são elas que ocupam a maior parte do ecrã da loja. Por isso, olhe primeiro para as suas imagens.
São fotos luminosas sobre fundo branco ou escuras e com uma atmosfera mais carregada? Simples ou cheias de adereços? Um design com um fundo de cor forte entra em conflito com fotos de produtos em contexto que tenham muitos elementos. Fotos simples de produtos sobre fundo branco permitem um design mais arrojado, porque a página dá a personalidade que falta às fotos.
Coloque seis fotos reais dos seus produtos lado a lado antes de abrir a galeria. Vai descartar metade dos designs à primeira vista e deixar de escolher um design por causa dos produtos de exemplo com que foi apresentado.
2. Filtre pelo nicho e depois pelo ambiente
Há mais de 100 designs prontos a usar que abrangem mais de 30 nichos de lojas, incluindo moda, sapatilhas, beleza, joalharia, flores, padaria, lojas de animais, decoração, eletrónica e livros. Comece pelo seu nicho. Depois, explore os nichos próximos: uma loja de velas pode enquadrar-se melhor em decoração ou presentes do que noutra categoria.
Dentro de um nicho, escolha pelo ambiente que pretende transmitir. Discreto ou exuberante. Quente ou frio. Selecione três designs, no máximo. Uma lista mais longa é uma forma de adiar a decisão.
Se estiver a começar do zero, o criador de lojas com IA escolhe um design a partir de uma descrição da loja numa única frase. Encare essa escolha como uma primeira proposta que pode alterar à vontade.
3. Ajuste a paleta antes de tudo o resto
A cor muda a sensação que uma loja transmite mais do que qualquer outra definição e exige menos trabalho. Há 24 paletas predefinidas. Experimente algumas antes de mexer nos tipos de letra ou na disposição dos elementos.
- Escolha a cor de destaque a partir de algo que já usa: as suas embalagens, o seu logótipo ou a fita das suas caixas.
- Garanta que o texto é fácil de ler. Segure o telemóvel à distância de um braço e confirme que ainda consegue ler um preço.
- Não use na página a mesma cor do produto. Malas vermelhas numa página vermelha passam despercebidas.
- Uma cor de destaque chega. Se tudo estiver em destaque, nada se destaca.
4. Escolha os tipos de letra com os nomes reais dos seus produtos
Há 24 tipos de letra à escolha. Não os avalie pelo texto de exemplo. Use o nome de produto mais longo que tem e um preço real.
Um nome comprido ocupa três linhas na grelha de produtos? Os caracteres da sua língua aparecem corretamente? Consegue ler o preço à primeira vista? Um tipo de letra decorativo funciona bem no nome da loja e nos títulos. As descrições e os preços precisam de um tipo de letra simples.
Altere primeiro o tipo de letra dos títulos e observe a loja. Depois, altere o tipo de letra do corpo do texto. Se mudar ambos ao mesmo tempo e a página ficar pior, não saberá qual deles foi responsável.
5. Avalie o resultado num telemóvel, dentro do Telegram
A loja é uma Mini App que abre dentro da conversa, e as pessoas usam-na com uma só mão. Um design que parecia espaçoso quando o escolheu pode parecer apertado num ecrã pequeno. Abra a loja no Telegram no seu próprio telemóvel e verifique quatro coisas.
- O primeiro ecrã. Sem fazer scroll, percebe-se claramente o que vende?
- A grelha. Quantos produtos ficam visíveis ao mesmo tempo, e esse número é adequado ao seu catálogo?
- Os botões. Consegue tocar em adicionar ao carrinho com o polegar sem tocar noutra coisa?
- A luz. Veja a loja ao ar livre, à luz do dia, e depois à noite, com o brilho do ecrã reduzido.
Depois, entregue o telemóvel a alguém que nunca tenha visto a loja e peça-lhe para encontrar um produto específico. Observe onde hesita. Não diga nada.
6. Altere uma coisa de cada vez e saiba quando parar
Depois de aplicar um design, pode continuar a editar tudo. Essa liberdade também traz um risco. Altere a paleta e observe o resultado. Altere um tipo de letra e observe o resultado. Anote o que mudou para poder voltar atrás.
Aprenda a distinguir um problema de design de um problema de conteúdo. Produtos que parecem apertados ou um banner que ocupa todo o primeiro ecrã são problemas de disposição dos elementos, e uma disposição diferente resolve-os. Uma foto desfocada, um nome de produto vago e um preço em falta são problemas de conteúdo. Nenhum design os resolve.
Defina um limite: uma noite para escolher e ajustar, depois lance a loja. As primeiras perguntas de compradores reais vão revelar mais sobre a sua loja do que mais uma hora de pré-visualizações. Se três pessoas fizerem a mesma pergunta, falta uma frase na página, e essa correção vale mais do que uma nova paleta.