Cliente
Mr. Boxes Self Storage
Serviço
Reformulação
Stack
Next.js · TS · Tailwind
Prazo
14 dias
Setor
Logística · Storage
Site ao vivo
AbrirA Mr. Boxes tem duas unidades em Recife (Boa Viagem e Imbiribeira) e o diferencial de ser o primeiro self storage climatizado do Nordeste. O problema era o site: um slider desatualizado, seis páginas fragmentadas sem fluxo de conversão, zero comparação de tamanhos de box e mobile completamente quebrado.
Manter o amarelo, redesenhar tudo ao redor: o #f9dc4a já era reconhecido. O desafio era construir uma hierarquia visual que fizesse esse amarelo funcionar, não gritar.
Comparador de tamanhos interativo: o visitante precisava entender, antes de qualquer contato, qual box era o ideal para ele. Foto, dimensões e exemplos na mesma tela.
Pessoa física e jurídica separadas: o site antigo misturava tudo. O novo segmenta o fluxo desde o hero, conduzindo cada público até o seu CTA.
Slider desatualizado. Seis páginas fragmentadas. Sem comparador de tamanhos. Mobile quebrado.
Comparador interativo de 1 a 20 m³. Fluxo separado para pessoa física e jurídica. CTAs diretos. Mobile-first.
O comparador interativo deixa o visitante selecionar cada tamanho de box (de 1 a 20 m³) e ver na hora uma foto real do que cabe dentro. Ele chega ao WhatsApp já decidido.
7 tamanhos de box, de 1 m³ a 20 m³
Cada botão troca a foto: dimensões e exemplos de uso em tempo real
CTA direto para o WhatsApp após a escolha do tamanho
Mapeamos os pontos de abandono do site antigo, entendemos o perfil do cliente Mr. Boxes e definimos o que precisava ser mantido, evoluído ou descartado.
Mantivemos o amarelo #f9dc4a que já era reconhecido e redesenhamos tudo ao redor: estrutura, tipografia, hierarquia e copy. O #f0eeeb entrou como neutro quente para equilibrar o contraste.
Giovani Maciel acompanhou cada etapa: do briefing ao site no ar. Design, copy e desenvolvimento na mesma equipe, sem terceirização, sem retrabalho.
Paleta
O #f9dc4a já era reconhecido, mantivemos. O que mudou foi o fundo: saiu o preto puro do slider e entrou o #f0eeeb, um neutro quente que deixa o amarelo respirar sem gritar.
UX
O comparador interativo mostra foto, dimensões e exemplos de uso para cada tamanho, de 1 a 20 m³. O visitante chega ao WhatsApp já sabendo o que quer.
Copy
Escrevemos para quem está com mudança chegando ou precisa guardar algo agora. Linguagem prática, benefícios explícitos, zero rodeio.
Home
Para Você
Para Sua Empresa
Quem Somos
Contato
Quem precisa de storage geralmente está no meio de uma mudança. Estressado, no celular, sem tempo. O site foi construído mobile-first para que essa pessoa encontre o que precisa em segundos.
Formulário de contato integrado, botão de WhatsApp flutuante, navegação simplificada e tipografia que mantém hierarquia mesmo em 375px.
Páginas
5
todas responsivas
Entrega
14 dias
da reformulação ao ar
Unidades em Recife
Boa Viagem e Imbiribeira
Páginas entregues
Home, Para Você, Empresa, Quem Somos e Contato
Tamanhos de box
de 1 m³ a 20 m³
Prazo de entrega
da reformulação ao ar
Seu cliente está buscando agora
A MXC Digital constrói do zero: design system exclusivo, stack moderna, copy que posiciona. Sem template, sem terceirização, sem telefone sem fio.
