Sites e páginas de vendas

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.

Trecho da página

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.

Trecho da página

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.

Trecho da página

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.

Trecho da página

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.

Trecho da página

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.

Trecho da página

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.

Trecho da página
Identidade

A língua visual do projeto.

  • #1D0F25
  • #361649
  • #7C2691
  • #9C177C
  • #E7D516
Títulos Gobold licenciada, usada pela marca
Corpo Sora geométrica, para catálogo longo

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 & ? !

Resultado

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.

BB Games — página rolando
O projeto

O que ela tem, e por quê.

  1. A loja virtual no topo

    É o que a maior parte das visitas veio fazer, então vem antes de tudo.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. 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.

  7. 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.

  8. 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.

Próximo passo

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.