Impakto Games
Loja de game novo, usado e retro, com o estado do produto como filtro principal.
- Cliente
- Impakto Games
- Segmento
- E-commerce · Games
- Ano
- 2026
- Escopo
- Identidade · UX/UI · Desenvolvimento WooCommerce · Cadastro sob medida
O problema
Público gamer reconhece design genérico de longe e pune com desinteresse. O clichê do neon roxo padroniza o segmento inteiro, então parecer com os outros é o pior resultado possível.
Do lado operacional o desafio era outro: uma loja que vende jogo novo, usado, lacrado e raro precisa que o estado do produto seja tão navegável quanto a plataforma. Quem procura PS2 usado e quem procura PS5 lacrado estão em jornadas diferentes.
O que eu fiz
A direção de arte foi testada em três caminhos e ficou o de maior diferenciação. A energia vem de tipografia, ritmo e atitude, sobre fundo quase preto. Sem excesso, porque excesso é justamente o que todo concorrente já faz.
O catálogo é segmentado por plataforma até o console específico, de PS1 a PS5 e de NES a Switch 2, com o estado do produto como faceta de primeira classe. O cadastro é sob medida, com CPF, nick público, regra de senha explícita e confirmação por e-mail, porque loja de usado depende de identificar o comprador. Manutenção, avaliação gratuita e compra de coleção ganharam lugar na navegação, já que são receita além da venda direta.
Personalidade é consistência, não efeito
Nada de neon nem de glow. O que dá identidade é o mesmo ritmo tipográfico repetido em toda página, e as cores das marcas de console entrando como acento em vez de virar tema.
Serviço como diferencial competitivo
Manutenção e compra de coleção não ficaram escondidas no rodapé. São o que uma loja física de dezenove anos tem e um marketplace não tem, então entraram no menu principal.
Por dentro
Documentação do projeto
Direção de arte
Loja de game é território de excesso — banner piscando, contador, selo de promoção em cima de tudo. Fui na direção oposta: cinza escuro em três camadas pra separar fundo, card e destaque sem uma borda sequer, e um vermelho só, guardado pro botão que importa. Quando tudo grita, nada é ouvido; a página tem um único lugar onde o olho é puxado.
Paleta
- #0A0A0A Fundo
- #0F0F0F Superfície
- #121212 Card
- #141414 Elevado
- #E01A22 Ação
- #FF2B33 Ação · hover
Quatro tons de quase-preto separados por três pontos de luminância cada. É o suficiente pro olho ler profundidade e pouco o bastante pra nenhuma borda ser necessária.
Por que essa stack
WooCommerce de novo, mas o problema aqui era outro: checkout. A loja vende pro Brasil inteiro, então Pix e Mercado Pago não são extra, são o caminho principal, e frete precisa comparar transportadora na hora. O cadastro foi reescrito porque o padrão do Woo pede dado demais antes da primeira compra — cada campo a mais é gente desistindo no carrinho.
Detalhes
Menos campo, mais pedido
Tirei do cadastro tudo que dá pra perguntar depois. O checkout pede o que a transportadora exige e nada além disso.
Em números
O que foi construído, contado no próprio site.
estados de produto como filtro: lacrado, novo, usado e raro
famílias de console cobertas, até modelos de Master System a Switch 2
ano em que a loja física abriu, e o argumento de confiança do site