Falar sobre um projeto
Início
  • Captura de ALLPRO, imagem 1 de 10
  • Captura de ALLPRO, imagem 2 de 10
  • Captura de ALLPRO, imagem 3 de 10
  • Captura de ALLPRO, imagem 4 de 10
  • Captura de ALLPRO, imagem 5 de 10
  • Captura de ALLPRO, imagem 6 de 10
  • Captura de ALLPRO, imagem 7 de 10
  • Captura de ALLPRO, imagem 8 de 10
  • Captura de ALLPRO, imagem 9 de 10
  • Captura de ALLPRO, imagem 10 de 10

ALLPRO

E-commerce Yampi | Direção visual + configuração de layout | Universo gamer e geek

Plataforma
Yampi
Período
fev. de 2026
Stack
  • Yampi
  • CSS

Visão geral

A ALLPRO foi um projeto de e-commerce desenvolvido na plataforma Yampi, com foco em criar uma experiência moderna, organizada e comercial para um catálogo gamer e geek. Minha responsabilidade foi estruturar o layout e a apresentação visual da loja, garantindo uma vitrine forte na home e uma página de produto clara, escaneável e pronta para conversão.

Contexto e objetivo

O objetivo era entregar uma loja com identidade marcante, mas fácil de navegar, considerando um catálogo com produtos visuais, como Funko Pop, acessórios e periféricos. A estratégia foi construir uma home que funcionasse como vitrine de promoções e categorias, ao mesmo tempo em que a página de produto mantivesse hierarquia simples para acelerar decisão de compra.

O desafio

O desafio principal foi equilibrar um visual forte, com cores intensas e atmosfera gamer, sem perder legibilidade. Além disso, era necessário organizar múltiplas seções de vitrine, promoções e prova social sem transformar a página inicial em um bloco poluído. Na página de produto, a prioridade foi manter clareza no preço, chamada de ação e informações essenciais, com leitura rápida tanto no desktop quanto no mobile.

A estratégia

A estratégia foi aplicar um sistema visual consistente baseado em contraste e repetição de componentes. A home foi estruturada com um hero promocional forte, seguida por atalhos de categorias e vitrines em carrossel, criando ritmo e mantendo o usuário navegando. O layout também priorizou elementos de confiança, como benefícios de compra, avaliações e áreas de cadastro, reforçando credibilidade ao longo da jornada.

O que foi implementado

Home page como vitrine comercial:

  • Hero promocional: banner principal com oferta de primeira compra e CTA em destaque, criando impacto imediato e direcionando ação.
  • Atalhos de categorias: cards com ícones para acesso rápido a categorias como acessórios, jogos, Funko Pop, periféricos e hardware.
  • Vitrines por intenção: seções como “Mais vendidos” e “Promoção” em formato de carrossel para aumentar descoberta e facilitar comparação.
  • Banners de destaque: blocos horizontais para reforçar categorias e campanhas, mantendo ritmo visual ao longo da home.

Identidade visual e consistência:

  • Paleta com alto contraste: base roxa com detalhes em laranja para reforçar o universo gamer, com CTAs bem visíveis.
  • Tipografia e hierarquia: títulos grandes e leitura direta, com botões e preços em evidência para decisão rápida.
  • Componentes padronizados: repetição de cards de produto e botões para criar previsibilidade e melhorar escaneabilidade.

Página de produto orientada a conversão:

  • Galeria clara: imagens com miniaturas laterais para visualização rápida do produto.
  • Área de compra objetiva: preço em destaque, seleção de quantidade e CTA principal com leitura imediata.
  • Cálculo de frete acessível: campo de CEP posicionado de forma visível, sem competir com o CTA.
  • Conteúdo organizado: descrição do produto, especificações técnicas e avaliações estruturadas em blocos para leitura leve.

Confiança e retenção:

  • Bloco de avaliações: seção dedicada para reforçar prova social e reduzir objeções.
  • Newsletter: área de cadastro para captar leads e manter relacionamento com a audiência.
  • Rodapé completo: estrutura com informações institucionais, políticas, atendimento e selos de segurança para reforçar credibilidade.

Resultado

O resultado foi uma loja Yampi com visual marcante e navegação simples, pronta para vender dentro do universo gamer e geek. A home funciona como vitrine comercial com campanhas e categorias bem organizadas, enquanto a página de produto mantém foco em conversão com hierarquia clara, conteúdo escaneável e elementos de confiança distribuídos na jornada.