Neste projeto, o objetivo foi criar uma landing page de produto para um mouse gamer de alta performance, com foco em storytelling visual, destaque das especificações técnicas e uma experiência imersiva que transmite precisão e velocidade.
O mercado de periféricos gamers é extremamente competitivo, e a página de um produto precisa vender performance antes mesmo do usuário ler qualquer especificação técnica.
Escolhi o G Pro como estudo de caso para explorar como uma landing page de produto pode usar imagens em alta definição, tipografia agressiva e microinterações para comunicar sensação de velocidade e precisão — características centrais de um mouse voltado para e-sports.
Mais do que uma vitrine de produto, esse trabalho serviu como exercício de storytelling visual: pensar como cada seção — do hero ao detalhamento técnico — conduz o visitante até a decisão de compra, e como pequenos detalhes de design reforçam a percepção de qualidade premium do produto.
Pontos de atenção ao projetar uma página de produto gamer.
Especificações técnicas de sensor, DPI e polling rate precisavam ser apresentadas sem sobrecarregar visualmente a página ou intimidar o usuário casual.
Transmitir velocidade e precisão em uma página estática é um desafio — foi preciso usar composição, contraste e movimento para simular a sensação de resposta rápida do produto.
O produto precisa competir com marcas consolidadas do setor gamer, então a página exigiu um acabamento visual à altura — fotografia de produto em destaque, paleta escura e acentos de cor bem dosados.
Uma página estática sem transições ou micro-interações reduz o impacto do produto. Para um item de performance, o site também precisa "responder rápido" ao usuário.
No desktop, a página explora seções amplas em tela cheia para dar destaque à fotografia do produto, com blocos de especificações técnicas organizados em uma leitura progressiva — do impacto visual aos detalhes de engenharia.
Tipografia forte e espaçamento generoso reforçam a sensação de um produto premium, guiando o olhar do visitante até o CTA de compra.
No mobile, as seções foram empilhadas verticalmente sem perder o impacto visual — imagens otimizadas e blocos de conteúdo reorganizados garantem uma navegação fluida mesmo em telas menores.
Como boa parte do público gamer pesquisa produtos pelo celular antes de comprar no desktop, a experiência mobile foi tratada com o mesmo cuidado da versão principal.
