Vila dos
Animais

O site original era um WordPress + Elementor — pesado, sem identidade visual coesa, sem sistema de reservas, e sem caminho claro pra quem chegava. A migração foi operacional: marcação de festa que antes era WhatsApp manual virou booking online com calendário central que evita dupla-reserva automaticamente.

A1ANTES WordPress · Elementor

1. Identidade emprestada do template Elementor. Layout reconhecível como tema WP — sem nada que diferencie de qualquer pousada do país.
2. Menu pesado com 7 itens + submenus. Home · A Vila · Passeio Rural ▾ · Evento Particular ▾ · Escolas · Eventos · Contato.
3. CTA single: "Agende uma visita" via WhatsApp. Toda reserva passa por conversa manual — sem booking, sem catálogo, sem preço.
4. Sem sistema de agenda visível. Visitante não sabe quais datas estão livres antes de mandar mensagem.
5. 10+ seções empilhadas no scroll. Tudo na home, sem hierarquia clara.
6. Performance limitada por WP + Elementor. Plugins legados, jQuery, LCP mobile acima de 3s.

B1DEPOIS Next.js · Supabase · GCal

1. Identidade própria. Direção C "Bichos & Capim" — paleta exclusiva, Bricolage Grotesque + DM Sans, formas orgânicas.
2. Headline que posiciona. "Um dia de bicho pra família inteira" — diz o que é, pra quem é, em uma frase.
3. Nav direto com CTA Agendar. Início · Passeio · Aniversários · Confraternizações · Escolas · Agenda · Mais · [Agendar].
4. Booking online integrado. Catálogo + slotStarts + GCal sincronizado. Dupla-reserva é impossível por desenho.
5. Performance excelente. LCP < 1s, Next.js Image, edge cache via Vercel. 243 imagens migradas + otimizadas.
6. Stats que provam. Banner verde com 4 números-chave (área, distância, atividades, ano) — credibilidade instantânea.

Antes de escrever a primeira linha de código, exploramos três identidades visuais distintas — cada uma com paleta, tipografia e mood próprios. A escolha da Direção C "Bichos & Capim" veio de uma conversa com a proprietária: a Vila não é resort de luxo, é fazendinha lúdica — e a paleta tinha que carregar capim, terra e bicho, não mármore e vidro.

Direção C "Bichos & Capim" — formalizada como sistema reutilizável. Cinco cores com função clara, duas tipografias (display + body) escolhidas pra contraste editorial sem ornamento, e três princípios visuais que guiaram cada decisão de layout.

O Brand DNA virou sistema editorial: 4 templates de post pensados pra cobrir os 4 momentos principais da Vila — anúncio de fim de semana, festas infantis, visitas escolares, e CTA de reserva. Cada um carrega paleta e tipografia próprias, mas conversa visualmente com os outros. A proprietária consegue produzir uma semana inteira de conteúdo em uma sessão.

O sistema visual é construído ao redor das fotografias reais do parque (cedidas pela Vila), não de stock photos. Cada imagem foi selecionada pra reforçar uma faceta: passeio rural, festa infantil, visita escolar, e o ambiente verde dominante.

// IMAGENS HOSPEDADAS EM VILADOSANIMAIS.COM.BR · USO AUTORIZADO PELA PROPRIETÁRIA

Era o problema #1 declarado na primeira entrevista. A solução não foi um plugin de calendário avulso — foi um sistema completo onde catálogo, calendário, GCal da Vila e WhatsApp em lote operam como um só.

Fluxo de reserva

Sincronizado com o Google Calendar da proprietária. Cada confirmação cria evento no GCal automaticamente — ela vê tudo no celular dela como qualquer compromisso pessoal.

Painel admin — o lado da proprietária

A interface que a proprietária realmente usa. Sem treinamento, sem documentação — desenhada pra ser óbvia. Aba "Base de contatos" persiste todos os leads (mesmo os cancelados) pra que ela nunca perca um contato.

Cada fase termina com versão funcional no ar. A proprietária usava o que estava pronto enquanto o próximo módulo era construído. Sem big-bang release, sem espera de 6 meses pra ver resultado.

Extras pós-Fase 4

Escolhas técnicas guiadas por velocidade de entrega + custo operacional baixo (Vercel Hobby + Supabase Free no início) + reuso para próximos projetos. Mesma base aplicada em outros clientes da GC Automations.