Estudo de caso · 2026
Mobian Designer
Móveis planejados de alto padrão. O site dá espaço ao acabamento e ao projeto sob medida, com a navegação puxando para o orçamento.
- Cliente
- Mobian Designer
- Segmento
- Móveis planejados de alto padrão
- Entrega
- Site institucional com catálogo
- Ano
- 2026
- No ar
- No armobiandesigner.com.br
01 · O site
Rolando do começo ao fim
Gravação da rolagem do site publicado. Para navegar, abra o site no ar.
02 · O desafio
Móvel planejado é compra de confiança: o cliente quer ver acabamento de perto e entender o processo antes de pedir orçamento.
03 · A resposta
Fotos grandes de ambientes, tipografia serifada elegante e um catálogo organizado por ambiente, com a chamada de orçamento repetida nos pontos em que a decisão acontece.
- Site institucional
- Catálogo por ambiente
- SEO on-page
- Chamadas para orçamento
04 · Como foi feito
Sete etapas, uma equipe
Cada etapa tem uma frente responsável e um ponto de aprovação antes da seguinte. A IA entra como ferramenta, nunca como autora.
- 01Estratégia e conteúdo
Imersão
Visita ao portfólio de obras e às dúvidas mais comuns de quem pede orçamento.
- 02UX e arquitetura
Estratégia e conteúdo
Primeiro o sonho (ambientes prontos), depois o processo, depois o orçamento.
- 03Direção de arte
Arquitetura e wireframes
Página de abertura em blocos de ambiente e catálogo por categoria.
- 04Motion e interação
Direção de arte
Grafite, linho e madeira. Cormorant Garamond nos títulos e Hanken Grotesk no texto.
- 05Desenvolvimento
Desenvolvimento
Site em WordPress com catálogo de produtos organizado por ambiente.
- 06SEO, AEO e dados
SEO, AEO e performance
Metadados, textos alternativos e estrutura de categorias pensada para busca.
- 07Qualidade e performance
Testes e entrega
Revisão em desktop e celular antes da publicação.
05 · Do wireframe ao layout
A estrutura antes da arte
A página inteira, de cima a baixo. Arraste a divisória: de um lado a estrutura (blocos, títulos, fotos e botões), do outro o layout final. Role dentro do quadro.
06 · Direção de arte
Cores e tipos
- Grafite#1a1816
- Madeira escura#403329
- Taupe#ab9e8f
- Linho#f6f0ea
- Cormorant GaramondTítulos
- Hanken GroteskTexto
07 · Quem pensou cada parte
Sete frentes, um site
- 01
Estratégia e conteúdo
Quem chega, o que precisa entender e em que ordem. Define a história antes de qualquer tela.
- 02
UX e arquitetura
Mapa da página, wireframes e o caminho até o contato, testado no celular primeiro.
- 03
Direção de arte
Paleta, tipografia, fotografia e o elemento de assinatura que torna o site reconhecível.
- 04
Motion e interação
O que se move, por quê e em que velocidade. Tudo respeita quem pede movimento reduzido.
- 05
Desenvolvimento
Código próprio, sem construtor visual: HTML leve, CSS crítico embutido, painel quando o cliente precisa.
- 06
SEO, AEO e dados
Estrutura para o Google e para as IAs: schema, FAQ de respostas, metadados e consentimento LGPD.
- 07
Qualidade e performance
PageSpeed, acessibilidade, segurança e teste em desktop e celular antes de entregar.
Quer um site assim?
Conte o seu projeto. A Bertoni responde no mesmo dia, pelo WhatsApp ou e-mail.