Estudo de caso · 2026
Solandra Paisagismo
O trabalho da Sandra vive nas fotos dos jardins. O site novo dá a elas a tela inteira, com arcos, trilhos que andam com a rolagem e um painel para a equipe trocar cada foto sem código.
- Cliente
- Solandra Paisagismo, da paisagista Sandra Maronezi
- Segmento
- Paisagismo e jardins verticais
- Entrega
- Site institucional + painel de fotos
- Ano
- 2026
01 · O site
Rodando aqui dentro
Uma cópia do site roda dentro desta página: role, clique e troque entre computador e celular. O formulário está desligado aqui.
02 · O desafio
O site anterior era uma página única em WordPress com Elementor. As fotos, que são o argumento de venda de um paisagista, apareciam pequenas, e o novo site precisava manter todo o conteúdo original, sem inventar nada.
03 · A resposta
Uma página única refeita do zero: fotos em tela cheia, arcos que recortam os jardins, um jardim horizontal que anda de lado enquanto a página desce e colunas do jardim vertical em velocidades diferentes. Por trás, um painel próprio de fotos, com papéis de acesso, ponto de foco por imagem e cada foto gerada em AVIF e WebP em quatro larguras.
- Site one-page
- Painel de fotos com papéis
- SEO e dados estruturados
- FAQ para IAs (AEO)
- Consentimento LGPD
- Formulário de 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
Leitura do site antigo inteiro. Todo o texto foi mantido, só reorganizado, e a única correção foi um erro de digitação.
- 02UX e arquitetura
Estratégia e conteúdo
A ordem segue quem quer um jardim: inspiração primeiro, depois serviços, a Sandra, as obras, os depoimentos e o contato.
- 03Direção de arte
Arquitetura e wireframes
Página única com âncoras, como a original, alternando seções de foto em tela cheia com seções claras de texto.
- 04Motion e interação
Direção de arte
Verdes profundos com rosado e ouro suave. Quicksand nos títulos, Albert Sans no texto, arcos como assinatura.
- 05Desenvolvimento
Desenvolvimento
HTML estático gerado por templates, CSS embutido na página e painel em PHP com módulo de fotos, biblioteca e limpeza automática.
- 06SEO, AEO e dados
SEO, AEO e performance
Schema de negócio local, FAQ montado com frases do próprio site e nenhuma tag de anúncio antes do aceite de cookies.
- 07Qualidade e performance
Testes e entrega
Baterias automáticas de segurança do painel, de usuários, de âncoras e de cookies antes da entrega.
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
- Verde-escuro#012420
- Verde#003d32
- Verde-médio#4b7166
- Verde-claro#a9c2b6
- Rosado#f8ebe5
- Ouro#f3db98
- QuicksandTítulos
- Albert SansTexto
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.