Adrenaline

Com mais de duas décadas de atuação, o Adrenaline é considerado o portal mais influente do país nos segmentos de tecnologia, games e hardware, reunindo milhões de acessos semanais e criando uma imagem de grande confiabilidade para entusiastas e profissionais da área.

O ecossistema do grupo vai além do site de notícias: inclui um fórum técnico com mais de 150 mil usuários registrados, um dos mais ativos do Brasil, além de um canal no YouTube com análises aprofundadas, transmissões e benchmarks em vídeo, com mais de 1 milhão de inscritos. Juntos, esses canais formam uma comunidade vibrante, altamente especializada e comprometida com o consumo de conteúdo técnico de qualidade.

Este projeto foi uma das minhas primeiras contribuições dentro da Seox: participar da concepção de uma nova funcionalidade para o portal, que estava sendo reconstruído do zero. A entrega consistiu no desenvolvimento do Comparador de Preços e Hardwares, uma feature pensada para valorizar o conteúdo do site e apoiar a decisão de compra do leitor.

DESAFIOS DO PROJETO

A equipe do Adrenaline tinha como meta criar uma feature de alto valor dentro do seu portal, que já contava com canais de aquisição externos importantes como o fórum e o YouTube. Como mote do projeto foi identificado que um dos principais ativos no segmento de hardware era a comparação entre componentes como processadores, motherboards e GPUs, prática muito procurada pelo público alvo. No entanto, os modelos existentes, especialmente no Brasil, limitavam-se a tabelas extensas e pouco intuitivas, dificultando a experiência de análise entre componentes.

O desafio do projeto foi equilibrar robustez técnica com fluidez de uso. O público do Adrenaline possui alta proficiência na leitura e interpretação de especificações, o que exigiu uma arquitetura de informação bem pensada e uma navegação sem atrito. Durante o processo de benchmark, identificou-se que a maioria das referências priorizava apenas a experiência em desktop. No entanto, os dados do Google Search Console indicavam que a maior parte dos acessos no Adrenaline aconteciam via dispositivos móveis, o que ampliou os desafios de design responsivo, especialmente considerando a exigência do cliente de que a feature deveria permitir a comparação de até cinco produtos simultaneamente.

SOLUÇÕES IMPLEMENTADAS

Para viabilizar essa experiência, foi desenvolvida uma taxonomia para os produtos de hardware, contando com uma página própria para o comparativo, bem como uma aplicação secundária através da inserção de blocos do recurso nas páginas de matéria, via shortcode. Isso permitiu flexibilidade editorial e uma forte integração da ferramenta com o restante do site. 

O desenvolvimento mobile first foi iterativo, com a prototipação de soluções que buscassem manter a clareza da comparação sem sacrificar a usabilidade em telas com restrições de espaço. A solução adotada traz dois slots com scroll horizontal; o processo de busca e seleção é acompanhado por um indicador animado que orienta o usuário na inclusão de novos hardwares. Durante a visualização dos dados comparados, um cabeçalho fixo exibe nome e imagem dos produtos, funcionando como um slider sincronizado com a tabela, mantendo a referência visual enquanto o usuário navega pelas especificações.

Na versão desktop, foi implementada uma lógica de repetição inteligente: três slots são exibidos inicialmente, e, ao preencher o terceiro, um novo aparece automaticamente. Cada produto inserido carrega imagem, título e botões com link para a ficha técnica e o artigo de análise já publicados. Após a seleção dos produtos, a ação de comparar gera uma nova URL com uma página própria, otimizada em performance e pensada para ser facilmente compartilhável, inclusive com integração aos conteúdos em vídeo do canal do YouTube. Essa abordagem reforça a estratégia multicanal da marca e amplia o potencial de engajamento com a base de usuários.

O comparador de preços foi um sucesso entre os usuários e rapidamente se consolidou como um novo ponto de aquisição de tráfego para o Adrenaline. Além de contribuir diretamente para o aumento dos acessos ao portal, a ferramenta passou a ser utilizada como referência por outros canais do próprio ecossistema da marca, como vídeos no YouTube e postagens no fórum. Ao lado do índice interativo, o projeto exemplifica como soluções de design bem fundamentadas podem gerar valor para o usuário e fortalecer a estratégia editorial e comercial do produto.

Aviso: Este projeto foi desenvolvido durante o período de prestação de serviços para a Seox. Todos os direitos de uso, reprodução e distribuição estão integralmente reservados à empresa, sendo vedada qualquer utilização não autorizada.