BB Games
Loja virtual de uma rede de games que sustenta na mesma página a venda, a troca de usado e a assistência técnica.
- Cliente
- BB Games
- Nicho
- Loja de games
- do início à entrega
- 20 dias
O problema
A BB Games é uma rede de lojas de games com unidade em vários estados, e ganha dinheiro de três jeitos diferentes. Vende console e acessório novo, aceita usado na troca por um aparelho mais recente, e faz assistência técnica em equipamento de jogo.

Um e-commerce comum resolve só o primeiro. Os outros dois dependem de a pessoa ir até a loja, e vivem escondidos em páginas internas que ninguém visita. O site precisava sustentar as três frentes sem transformar a home num painel confuso.

O que eu fiz
A loja virtual ocupa o topo, que é o que a maior parte das visitas veio fazer. Lançamentos, destaque por plataforma e a régua de marcas aparecem primeiro, com os produtos organizados em abas de PlayStation, Xbox e Switch, porque quem compra videogame já chega decidido de time.

A troca de usado e a assistência técnica ganharam duas faixas grandes, lado a lado, no meio da página. São os dois serviços que a concorrência de marketplace não oferece, e é por eles que a rede física ainda faz sentido num mercado que migrou para a internet.

A dobra de lojas é a maior de todas, com 28 unidades, cada uma com foto da fachada, endereço e telefone. Quem vai levar um console para trocar ou consertar precisa saber qual loja fica no shopping que ele frequenta, e essa informação não podia estar a três cliques de distância.

A foto de cada fachada foi tratada como informação, não como decoração. Loja de shopping se reconhece pela vitrine, e o cliente que já passou em frente identifica a unidade antes de ler o endereço.

A paleta é roxo escuro com magenta e amarelo, o vocabulário visual do público gamer, aplicado com contraste alto para o catálogo continuar legível. Videogame vende por cor saturada, e a página aceita isso sem deixar o preço e o nome do produto sumirem no fundo.

A língua visual do projeto.
- #1D0F25
- #361649
- #7C2691
- #9C177C
- #E7D516
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 & ? !
Veja o resultado final.
Escolha entre as versões para desktop ou celular. Você pode ver a página arrastando para baixo ou clicando no botão tocar.
O que ela tem, e por quê.
-
A loja virtual no topo
É o que a maior parte das visitas veio fazer, então vem antes de tudo.
-
Duas entradas para o catálogo
O topo traz o campo de busca e uma barra de nove categorias com ícone, de PlayStation a assistência técnica. Quem chega sabendo o nome do jogo digita, e quem não sabe entra pela categoria.
-
Uma coluna por plataforma, lado a lado
PS5, Xbox e Switch ficam em três colunas, cada uma com o logo no topo e a lista de produtos descendo dentro dela. Quem compra videogame chega decidido de time.
-
Destaques em carrossel de quatro
Cada cartão leva a etiqueta do console acima do nome do produto, então dá para varrer os lançamentos rolando de lado e já saber de que aparelho é cada um.
-
Troca e assistência em duas faixas de mesmo peso
As duas ficam lado a lado no meio da página, do mesmo tamanho, cada uma com a própria arte e o próprio botão. São os dois serviços que sustentam a loja física num mercado que migrou para a internet.
-
A maior dobra da página é a das lojas
São 28 unidades, e um seletor de cidade abre a dobra. Cada uma traz foto da vitrine, o estado, a cidade, o telefone e dois botões, um para a loja e um para a rota.
-
O cartão de produto em pé no celular
No desktop a foto fica ao lado do texto. Na tela pequena ela sobe para cima do nome, e a régua de marcas passa a mostrar um logo por vez.
-
Cor saturada com contraste alto
Videogame vende por cor, e a página aceita isso mantendo o nome e o preço legíveis sobre o roxo.
Análise da presença digital
Me manda os seus links. Eu olho a sua presença atual e te digo por onde começar.