Acelerando a experiência online da Arai Brasil

Contexto e Desafios

Para quem vive na pista, cada detalhe importa. A Arai não é apenas uma marca de capacetes: é sinônimo de segurança, precisão e performance global. Porém, no ambiente digital, a Arai Brasil enfrentava desafios em seu e-commerce. Layouts desconexos e uma navegação pouco intuitiva comprometiam a experiência do usuário e dificultavam as vendas. Era como ter o carro mais rápido do grid, mas sem um piloto confiável.

Nosso desafio foi claro: consolidar tudo em uma única plataforma que refletisse a excelência da marca, oferecendo uma experiência de compra envolvente para os pilotos e, ao mesmo tempo, garantindo uma gestão simples e um sistema confiável para a equipe interna.

Diagnóstico

A descoberta estava pronta. O funil quebrava no fim.

Auditamos home, menu, busca, catálogo, página de produto, sacola e rodapé em desktop (1440 px) e mobile (390 px), com nota de 0 a 10 por dimensão. Marca e navegação já estavam em 8. Carrinho ficou em 4 e a prontidão para a Tray em 3: a sacola não editava quantidade, não calculava frete e não levava a nenhum checkout.

Cada achado recebeu impacto (alto, médio ou baixo) e esforço (de um dia a uma semana ou mais). Desse cruzamento saíram cinco alavancas, em ordem: ligar os dados da Tray, uma página de produto que ajuda a decidir, uma sacola contínua até o checkout, confiança no momento do clique e performance no celular.

Roadmap

Quatro ondas, três portões, de 5 a 7 semanas até a loja vender.

A ordem é a decisão mais importante do projeto. A primeira onda não muda nada que o cliente veja, mas sem ela as outras não existem: guia de tamanhos e compatibilidade só funcionam com estoque real por variação. Por isso os ajustes de conversão entram na terceira onda, e não na primeira.

Onda 1Fundação2 a 3 semanas
- Tema nativo Tray (Opencode)
- Sistema único de tokens
- Catálogo e categorias reais
- Busca e mídia otimizada
Onda 2Compra2 semanas
- Estoque por tamanho
- Sacola pela Web API
- Saída para o checkout Tray
- Conta e favoritos com login
Onda 3Decisão1 a 2 semanas
- Guia de tamanhos
- Compre junto com tamanho
- Resumo do produto
- WhatsApp por produto
Onda 4Marcacontínuo
- Mobile com cara de app
- SEO e buscadores de IA
- Central de ajuda
- Testes A/B

Portão 1 · catálogo real no ar
Portão 2 · primeira venda pelo tema
Portão 3 · trocas por tamanho em queda

Cada onda virou tela. O catálogo passou a ler categorias e variações direto da Tray, a sacola fala com a Web API e leva ao checkout nativo, e o compre junto pede tamanho ou cor antes de somar o capacete. Preço e estoque são reconfirmados na página de produto, para que uma mudança no painel apareça na loja sem esperar o cache.

Plataforma

Uma nova pista, uma nova plataforma.

Decidimos acelerar de verdade. Em vez de apenas replicar os sites de outros países, projetamos uma arquitetura digital do zero, robusta, flexível e feita sob medida.

Criamos um sistema modular que valoriza a identidade global da Arai, mas com espaço para que cada categoria de produto tivesse sua personalidade. O resultado foi uma jornada fluida e familiar para os pilotos, alinhada com o DNA de competição da marca.

A home abre com a campanha e logo pergunta por onde começar: capacetes, viseiras ou personalização. O mega menu separa capacetes por modalidade e mostra os modelos com preço e tamanhos. No celular, o menu vira um cartão flutuante, como a sacola, com busca, atalhos e categorias.

Na página de produto, tamanho, Pix, parcelas e frete grátis aparecem antes do botão, e os tamanhos esgotados ficam riscados. O compre junto sugere viseira e sobreviseira compatíveis com o modelo. A história da marca usa um capacete que gira com a rolagem: a sequência caiu de 7,6 MB para 1,9 MB sem perder os 90 quadros.

No celular, o objetivo foi a sensação de app: cards em duas colunas, botões de compra do mesmo tamanho em todos os produtos, rolagem sem travar e uma central de ajuda com respostas antes do WhatsApp. O layout foi ajustado para celular, tablet, notebook, monitores grandes e TV, com cuidado específico para o Safari.

Sistema e busca

Um sistema que a Tray consegue repetir em todas as páginas.

Três paletas que conviviam no protótipo viraram uma escala única a partir do azul da logo, com três raios oficiais e dois botões. O tema também publica produto, oferta, frete, política de troca, perguntas frequentes e revendedores como dados estruturados, para que Google, ChatGPT, Claude, Perplexity e Gemini entendam a loja sem adivinhar.

Resultados

Luz verde para os resultados.

+149%de crescimento nas vendas de janeiro a junho de 2025, em relação a 2024

O trabalho da For:Human trouxe impacto imediato. Já no primeiro mês após a implementação na plataforma Tray, o novo site unificou processos, otimizou a gestão interna e elevou a experiência do cliente.

Hoje, o e-commerce da Arai Brasil é mais do que uma loja: é o pit stop digital onde pilotos encontram performance, confiança e velocidade em cada clique.

Entregas: Diagnóstico, roadmap, UX/UI, tema Tray
Plataforma: Tray Opencode
Telas: Home, catálogo, produto, sacola, central de ajuda
Resultado: +149% em vendas (jan–jun 2025 vs. 2024)

Todos os projetos