Visão Geral
Reimaginar o prazer de dirigir
A BMW é sinônimo de engenharia alemã, performance e status. Mas a primeira curva que muitos futuros clientes fazem não é na estrada: é no site. Este projeto repensa a landing page da marca para traduzir, em uma experiência digital, a mesma emoção que se sente ao ligar o motor, do primeiro scroll ao agendamento do test drive.
O desafio
Sites automotivos costumam cair em dois extremos: catálogos frios cheios de especificações, ou vitrines bonitas que não levam a lugar nenhum. A marca precisava de uma página que fizesse as duas coisas ao mesmo tempo: emocionar e converter.
O problema central que identifiquei:
- Falta de narrativa. A página apresentava o produto, mas não contava uma história capaz de segurar a atenção.
- Emoção x informação. O conteúdo técnico (engenharia, potência, tecnologia) competia com o apelo visual em vez de reforçá-lo.
- Conversão difusa. As chamadas para "Configurar" e "Agendar test drive" se perdiam no meio do caminho.
Objetivos
- Traduzir os pilares da marca engenharia alemã, inovação e design em uma jornada visual contínua.
- Aumentar o engajamento com uma experiência imersiva que incentive o usuário a percorrer toda a página.
- Guiar para a conversão com CTAs claros e recorrentes: Configurar meu BMW e Agendar Test Drive.
Direção visual & Design System
Criei um sistema enxuto e rigoroso para manter a página coesa e premium. A paleta é quase monocromática, preto fosco, cinzas titânio e um azul institucional que substitui a antiga faixa tricolor, tornando a identidade puramente BMW. A tipografia condensada e pesada remete à precisão mecânica; o espaçamento generoso comunica luxo.
Solução
O resultado é uma landing page escura, cinematográfica e orientada à ação: cada seção conduz naturalmente à próxima e sempre oferece um caminho para converter.
Decisões de design que fizeram diferença
- Contraste a serviço do foco. O fundo escuro faz o carro e o azul saltarem, dirigindo o olhar exatamente para onde importa.
- Movimento com propósito. Cada animação (reveal, count-up, parallax) reforça a mensagem em vez de distrair motion como narrativa, não como enfeite.
- Conversão sem pressão. Os CTAs aparecem em momentos-chave e o formulário pede o mínimo necessário, reduzindo o atrito.
Aprendizados
O maior aprendizado foi que emoção e clareza não são opostos. Quando o movimento serve à história e a hierarquia visual respira, o usuário não só sente a marca, ele age. Reduzir a paleta a um único acento e apostar no scrollytelling deu à página uma personalidade forte sem sacrificar a conversão.