A Sara Mote e eu fundámos a MOTE em 2014. Especializamo-nos em e-commerce, disponibilizamos serviços de design aprimorados, engenharia de ponta e um nível de serviço de topo num mercado em constante evolução. No meu percurso como website developer, criei um apetite pela inovação e foquei-me na criação de sites para marcas que querem cultivar relações duradouras com o público. Aqui estão os conhecimentos que fui ganhando ao longo dos meus 26 anos de experiência.
Quando está a desenhar um site de e-commerce, deverá ter como objetivo criar algo que seja estratégico e apelativo. A Shopify agiliza a criação de um site de e-commerce que atende a estes critérios, mesmo que não tenha experiência em programação ou design.
Sendo uma das principais plataformas de e-commerce, a Shopify, permite criar lojas online com temas personalizáveis. Os sites Shopify veem com a experiência de check-out de um clique e funcionalidades de IA incorporadas para ajudar a escrever descrições de produtos, respostas a perguntas frequentes e e-mails de marketing.
Estas ferramentas são intuitivas, por isso, pode começar a vender fazendo uso de um site DIY já. E no futuro pode contratar um designer profissional à medida que a sua loja Shopify cresce.
Como fazer o design de site na Shopify
- Crie o guia de estilo da marca
- Selecione o seu tema
- Adicione elementos da marca
- Verifique o desempenho
- Foque-se na curadoria
- Harmonize os canais entre si
Quando está a fazer o design de site na Shopify, o mais importante é ter uma base sólida: um site que se foque no desempenho e na facilidade de uso, ao mesmo tempo que estabelece a marca para poder destacar-se no mercado desde o início.
Aqui está a melhor forma de abordar o design de site Shopify:
1. Crie o guia de estilo da marca
Antes de se dedicar à criação do site terá de tomar algumas decisões de branding. Se já tem diretrizes de marca, ótimo. Caso contrário, é hora de finalizar a tipografia, cores da marca e logótipo.
Tipografia
Comece com uma fonte legível, que não seja genérica, como a Basic Commercial da biblioteca de fontes da Shopify. É uma fonte gratuita com um toque premium, é utilizada por marcas de luxo como a The Row.
A tipografia pode transmitir muita personalidade rapidamente. A escolha da fonte também afeta o layout da grelha do site, ou seja, a organização visual. Logo, é sensato começar a criar a partir desse layout.
Cor
A palete de cores pode influenciar como os consumidores se sentem relativamente à marca, e como compreendem a informação no site. Paletes de cores de grande contraste são boas escolhas, pois são as mais legíveis e acessíveis.
Por exemplo, pode escolher preto e branco como palete de marca — e dentro dessas cores básicas, pode transmitir humor e branding ao selecionar tons específicos de preto e branco, como um carvão e um off-white quente.
Logótipo
Um logótipo é um elemento-chave para criar reconhecimento e consciência de marca para o negócio. Criar um logótipo é uma tarefa morosa, pois este deve ser memorável e transmitir a essência da marca.
Se está a pensar trabalhar com um designer, este poderá dar-lhe várias direções para refinar a escolha de logótipo. Se um designer não está dentro do seu orçamento atual, pode usar uma ferramenta online de criação de logótipos.
2. Selecione o seu tema
Existem muitas opções na loja de temas da Shopify, incluindo temas pagos que podem atingir valores de 450 euros.
Se não sabe bem por onde começar, experimente o Dawn. O Dawn é um tema gratuito da Shopify com um desempenho incrível nos dispositivos móveis, o que é muito importante para a conversão. É a base perfeita para uma loja Shopify de qualidade.
Ao comparar temas, tenha em consideração o seguinte:
O seu orçamento
Se está a começar e tem um orçamento limitado, talvez o ideal seja começar com um tema gratuito para testar o negócio. Pode sempre fazer uma atualização para um tema premium, depois do seu negócio crescer. Nessa altura, terá ainda mais noção das funcionalidades que pretende e está na disposição de pagar. Se quiser mais funcionalidades, mas não tiver orçamento para contratar um designer, um tema premium pode ser uma boa opção.
Tamanho do catálogo de produtos
A escolha do tema será determinada, em parte, pelo número de produtos em catálogo. A maioria dos temas gratuitos e pagos suporta mais de 200 produtos, mas há alguns temas de qualidade (como o Dawn) com um catálogo máximo de 199 produtos, e um pequeno número de temas com até 9 produtos. É fácil de filtrar os temas por tamanho de catálogo dentro da loja de temas da Shopify.
Funcionalidades do site
Se existem funcionalidades específicas necessárias à sua loja Shopify, por exemplo, um barra de navegação fixa, vídeo ou compra rápida. Pode usar a barra de pesquisa dentro da loja de temas da Shopify para identificar apenas temas com essa funcionalidade.
Experiência móvel
Se a maioria do tráfego do site vem de dispositivos móveis — por exemplo, se os clientes encontram normalmente os produtos no Instagram ou TikTok — pode priorizar a velocidade de carregamento em detrimento de funcionalidades mais sofisticadas como o vídeo ou um mega menu.
Os utilizadores móveis podem não usar estas funcionalidades de todo, e é provável que abandonem se o site demorar muito a carregar nos telemóveis. Isto tem o benefício de melhorar a otimização para motores de pesquisa (SEO). Ao comparar temas, não se esqueça de testar a versão móvel do tema de demonstração (visualizando-o idealmente a partir do seu telemóvel).
3. Adicione elementos da marca
Assim que escolher o tema, é hora de adicionar alguns elementos de branding. Eis como adicionar elementos de marca ao site da Shopify:
Adicione o logótipo e cores da marca
No admin da Shopify, selecione “Configurações” > “Geral”, depois selecione “Gerir” na secção de “Ativos da marca”. Em seguida, pode adicionar o logótipo e as cores da marca. Estas serão aplicadas automaticamente ao tema Shopify e a quaisquer outros canais com a API da Marca.
Personalize o tema
No editor de temas, pode personalizar ainda mais a sua loja Shopify. Navegue até “Loja online” > “Temas”, clique no tema que deseja editar e selecione “Personalizar”. Depois, clique no ícone das rodas dentadas das configurações do tema para personalizar tudo, desde a tipografia até às características de layout, como espaçamento horizontal e vertical.
Crie uma experiência de check-out personalizada
Os pequenos detalhes são os mais reveladores acerca de uma marca. Para uma experiência totalmente personalizada, o ideal é personalizar a sua experiência de check-out, incluindo as páginas de agradecimento e status do pedido que aparecem após o check-out em qualquer loja Shopify.
Estas devem alinhar-se com a aparência e a sensação do resto do site. Pode adicionar o logótipo e mudar as cores e fontes no admin da Shopify ao navegar até “Configurações” > “Check-out” > “Personalizar”.
Edite o modelo de e-mail
Quando um cliente faz um pedido, tem a oportunidade de aprofundar a relação. Em vez de enviar um e-mail genérico, crie um modelo de e-mail personalizado dentro do admin da Shopify.
Navegue até “Configurações” > “Notificações” > “Notificações de clientes” > “Personalizar modelo de e-mail”.
Adicione o logótipo e as cores da marca para tornar o e-mail reconhecível. Edite o texto também, para lembrar o cliente dos valores partilhados ou para que estes fiquem entusiasmados com a compra e também a conhecer melhor o produto. Certifique-se de que o e-mail usa a voz e personalidade da marca.
Incorpore a fotografia
Um site simples e intuitivo não tem de ser aborrecido. Pode dar a conhecer a personalidade da marca através das fotografias em contexto e fotografia de produtos. Mantenha a consistência com as imagens nas páginas de produtos — por exemplo, fotografe cada produto contra o mesmo fundo colorido com a mesma iluminação.
A fotografia de produtos de alta qualidade dará ao cliente confiança para fazer a compra, porém, as cores, texturas e adereços que selecionar também podem contribuir muito para criar um ambiente e estabelecer a marca.
4. Verifique o desempenho
Pode ter o site mais bonito do mundo, mas se for lento de nada servirá aos seus clientes. É por isso que a funcionalidade do site deve ser a principal prioridade ao desenhar uma loja e site Shopify.
O padrão para medir o desempenho web são os core web vitals — o termo da Google para as funcionalidades básicas que os utilizadores mais valorizam: velocidade de carregamento, interatividade e estabilidade visual.
Se os seus core web vitals forem fracos, os visitantes irão sentir alguma frustração ao utilizar o site ou ao sair do mesmo, e isto, aumenta a taxa de rejeição. Pior, as pessoas podem nem encontrar o site, se os motores de pesquisa lhe tirarem prioridade nos resultados, tal acontece se os seus web vitals não se encaixarem nos padrões exigidos.
Pode verificar os core web vitals no admin da Shopify, basta navegar até “Canais de vendas” > “Loja online” > “Temas”.
Uma das vantagens de usar um tema minimalista como o Dawn é o seu elevado desempenho desde o início. Todos os temas da Shopify foram avaliados quanto à velocidade e fiabilidade. Se começar com uma base sólida de desempenho, será fácil ver como as alterações afetam os core web vitals.
Desenhar um site Shopify gira em torno do equilíbrio. Por exemplo, o vídeo pode ser uma excelente forma de contar histórias, mas o tamanho de arquivo pode diminuir a velocidade de carregamento.
Para a marca de joias Jacquie Aiche, a solução passou por mostrar uma imagem de placehold a utilizadores com ligações à internet mais lentas. Assim, independentemente da velocidade de carregamento, a experiência dos utilizadores não é comprometida.
Não são só os vídeos, imagens grandes e outros elementos visuais que podem afetar a velocidade do site. Plug-ins — peças de código de terceiros que adicionam funcionalidades ao site Shopify ou o ligam a outras plataformas — também podem desacelerar o site.
Terá de decidir quais as funcionalidades que compensam uma queda no desempenho e quais os compromissos de web vitals que está disposto a fazer, para melhorar outras experiências no site com a sua marca.
5. Foque-se na curadoria
Quem tem uma loja online, pode influenciar as decisões dos clientes por meio de decisões de merchandising. A curadoria faz parte do merchandising de e-commerce de qualidade. Os economistas comportamentais apelidam isto de arquitetura de escolha, um termo cunhado por Richard Thaler e Cass Sunstein no livro Nudge.
Aqui está um exemplo de arquitetura de escolha: digamos que tem uma coleção de produtos “Novidades”. Em vez de exibir os produtos na dita ordem padrão, pode reorganizá-los manualmente para que os produtos que combinam estejam lado a lado.
Este tipo de curadoria pensada pode ter um efeito psicológico subtil que cria confiança nos clientes. Podem pensar: “Se esta marca se preocupa o suficiente para organizar esta página de Novidades, também se deve preocupar com a minha encomenda.”. O editor de temas de arrastar e soltar da Shopify agiliza a reorganização dos produtos e imagens para melhorar a experiência do cliente.
As páginas de coleção não são o único lugar onde pode mostrar as suas aptidões de curadoria. A aplicação Search & Discovery da Shopify permite-lhe mostrar produtos complementares em cada página de produto.
Por exemplo, se tem uma loja de roupa e alguém está a ver a página de produto de uma t-shirt, esta é uma ótima oportunidade para dizer: “Acho que esta t-shirt combinava na perfeição com estas calças e este casaco.”. A curadoria de produtos complementares não só ajuda a estabelecer confiança, como também tem o benefício de aumentar o valor médio do pedido.
6. Harmonize os canais entre si
A loja Shopify não é o único lugar onde podem encontrar o seu negócio de e-commerce. Se utiliza as redes sociais ou outras plataformas, é importante ver a sua loja Shopify como parte de uma estratégia de vendas multicanal.
Por exemplo, digamos que está a fazer uma campanha de marketing de influencers no Instagram. Coloque uma imagem desse influencer logo na página inicial. Assim, se o cliente chegar ao site através do Instagram, sentirá uma continuidade. As suas expectativas serão atendidas e começará logo a criar confiança.
Na loja de aplicações da Shopify, há aplicações para ligar o site da Shopify a outros canais, como o Instagram e o TikTok, para gerir todas as campanhas num único lugar — no admin da Shopify.
Ter tudo num só lugar agiliza quaisquer alterações consistentes à sua marca.
Quando deve contratar um designer para a sua loja Shopify?
À medida que a marca cresce, talvez veja que não faz sentido continuar a gerir o site em modo DIY.
É hora de contratar um designer para a sua loja Shopify se:
- O tempo que passa a trabalhar no site faz-lhe falta para outras atividades cruciais do negócio, como desenhar produtos, curar coleções ou gerir a equipa.
- O tema da Shopify já não atende às suas necessidades.
- Está a fazer o rebranding e quer um site novo a combinar.
Um bom designer ou developer dá-lhe apoio à medida que a marca cresce, e analisa os dados mensalmente para recomendar quaisquer atualizações ou designs. Ademais, pode adicionar funcionalidades personalizadas que não encontrará num modelo padrão, pois as suas necessidades serão cada vez mais complexas.
Perguntas frequentes sobre como criar um design de site Shopify
Quanto custa criar um site Shopify?
Pode criar um site Shopify com um domínio personalizado por apenas 24 euros por mês com o pla no básico da Shopify, que tem tudo o que precisa para começar uma loja online. A escolha do plano resume-se ao tamanho da equipa:
- O plano básico da Shopify vem com um utilizador da conta Shopify.
- Os planos padrão da Shopify têm 5 contas adicionais para a equipa.
- O Shopify Advanced disponibiliza 15 contas adicionais para a equipa.
- Os comerciantes com grandes volumes de negócios podem atualizar para o Shopify Plus, que inclui contas ilimitadas para a equipa e capacidades de B2B.
Preciso de ter experiência em programação para criar um site Shopify?
Não, não precisa de ter experiência em programação para criar um site Shopify e começar a vender na sua loja online. O editor de temas de arrastar e soltar da Shopify agiliza a personalização do site de e-commerce — não precisa de programar.
Como posso contratar um designer para criar um site Shopify?
Há muitos web designers que se especializam na criação de sites Shopify. Pode encontrá-los no diretório de parceiros da Shopify.
