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.









