Websites

BWB Empilhadeiras

Vender e locar maquinário pesado não precisa ser uma experiência bruta. A BWB Empilhadeiras precisava de um posicionamento digital que refletisse a tecnologia, a precisão e a confiabilidade da sua frota. O desafio era construir não apenas um catálogo de máquinas, mas uma experiência digital fluida e premiável, capaz de elevar o padrão estético de todo o segmento logístico.

Visitar projeto
  • UX/UI · Design de Interação · Desenvolvimento Frontend · SEO Técnico
BWB Empilhadeiras — projeto de Websites da Oneck

Vender e locar maquinário pesado não precisa ser uma experiência bruta. A BWB Empilhadeiras precisava de um posicionamento digital que refletisse a tecnologia, a precisão e a confiabilidade da sua frota. O desafio era construir não apenas um catálogo de máquinas, mas uma experiência digital fluida e premiável, capaz de elevar o padrão estético de todo o segmento logístico.

## O diferencial: design guiado por micro-interações (Awwwards-driven)

A interface rompe o estigma do "catálogo industrial clássico" ao incorporar animações temáticas com propósito. Criamos o conceito de movimento "lift" — subidas e descidas suaves inspiradas no próprio funcionamento das empilhadeiras. O uso de menus flutuantes com glassmorphism, indicadores de progresso de leitura e transições cinematográficas criam uma imersão técnica e premium desde o primeiro scroll.

## O desafio

Integrar um design altamente visual e carregado de animações complexas com a performance exigida por compradores B2B — que muitas vezes acessam o site de conexões móveis dentro de galpões logísticos. Era imperativo construir um catálogo de produtos integrado via API que fosse absurdamente rápido, com navegação fluida em dispositivos móveis e otimização impecável para os motores de busca (Core Web Vitals).

## A solução

Desenvolvemos uma plataforma orientada ao encantamento e à usabilidade. A jornada do usuário é conduzida por um smooth scrolling com efeitos de parallax, guiando o olhar pelas vantagens da marca até as empilhadeiras em destaque. Adotamos uma rigorosa abordagem Mobile-First, incorporando touch gestures nativos e garantindo que o catálogo interativo e as chamadas para ação (orçamentos) estejam literalmente a um toque de distância.

## Tecnologia

A stack escolhida representa o estado da arte do desenvolvimento web moderno: Next.js 14 (App Router) com TypeScript e Tailwind CSS. Para orquestrar as animações avançadas sem sacrificar a performance, combinamos Framer Motion, GSAP e Locomotive Scroll. O uso intensivo de React Server Components (RSC) garante que a interface pesada em efeitos visuais entregue um bundle de JavaScript mínimo ao navegador, resultando em métricas de velocidade de carregamento ultrarrápidas (*First Contentful Paint < 1.5s*).

## O resultado

Uma plataforma que redefine a presença digital no setor de movimentação de carga. O novo site da BWB não é apenas um facilitador de orçamentos, mas um construtor instantâneo de autoridade de marca através do design. É uma ferramenta B2B de alta conversão envelopada em uma experiência estética de nível global, provando que maquinário pesado e design sofisticado andam, sim, juntos.