Turtlebox: Tema Shopify à medida

O tema antigo cumpria o básico, mas era genérico. Uma marca com tanta personalidade (aventura, música alta, vida ao ar livre) aparecia numa loja que podia ser de qualquer outra. Os valores da marca ficavam à porta.

• Desempenho lento da loja: As páginas de produto demoravam demasiado a carregar, e cada segundo conta.
• Presença de marca fraca: A marca Turtlebox não era visível nem consistente em todos os ecrãs.
• Produtos pouco destacados: O layout não colocava os produtos em primeiro plano para os clientes.

Em vez de adaptar um tema pronto, decidimos construir um tema à medida. Assim, cada secção existe por uma razão e a loja não carrega código de que não precisa, o que ajuda diretamente na velocidade.

Começámos pela marca: a tipografia, as cores e o tom descontraído da Turtlebox passaram a ser a base do design, e não um retoque no fim. Depois, desenhámos as secções a pensar nos produtos: como mostrar quatro colunas diferentes, as suas cores e funcionalidades, sem cansar quem visita.

Recebemos os designs da Turtlebox e concentrámo-nos apenas em implementá-los no tema Shopify, garantindo uma construção fiel e de alto desempenho.

Um tema Shopify feito de raiz, com secções próprias para pôr os produtos em destaque: hero em vídeo, coleção de colunas com troca de cores, blocos de funcionalidades e espaço para os embaixadores e as histórias da marca. Tudo é editável no editor do Shopify, para que a equipa da Turtlebox crie e mude páginas sem depender de nós.

A parte mais exigente foi o personalizador de produto. O cliente escolhe a cor base, a cor das pegas, pés ou bumper (conforme o modelo) e pode acrescentar um monograma até três caracteres. A cada escolha, a imagem da coluna atualiza em tempo real, com vista de frente e de trás.

O desafio era manter tudo rápido e fiável: muitas combinações possíveis, imagens que têm de aparecer sem esperas e a configuração certa a chegar ao carrinho e à encomenda.

Cada secção foi pensada também para o telemóvel, com navegação simples e botões fáceis de tocar.

• Personalização de Produto

  Criámos uma interface para personalizar cada produto com as iniciais dos clientes e estes escolherem a cor pretendida para criar um produto que parece unicamente deles.

Trabalhámos com a integração do Shopify com o GitHub. O novo tema viveu num branch de desenvolvimento, ligado a um tema de pré-visualização na loja, onde fizemos todo o QA (páginas, personalizador, carrinho e responsividade no telemóvel) sem tocar na loja ao vivo. Com tudo validado, publicámos. Do arranque ao lançamento passaram 3 a 4 semanas, e a mudança foi tranquila para a equipa e para os clientes.

1. Semana 3 · Testes

   Testámos todas as funcionalidades do website para garantir que tudo estava a funcionar bem.

2. Lançamento

   O lançamento correu bem e sem incidentes.

3. Pós lançamento · Suporte

   Monitorização, correções e todas as melhorias.