Vila dos
Animais

O site está em produção no domínio próprio da Vila. Os números abaixo saem do banco do próprio sistema e cobrem a janela de 22 de julho a 1º de setembro de 2026 — o parque abre nos fins de semana, então são 22 datas atendidas.

Nenhum desses pedidos passou por planilha ou caderno. Cada um entrou no painel, virou evento na agenda do Google da proprietária e disparou o aviso automático — e o sistema recusa sozinho qualquer data em que o parque está fechado.

Fonte: banco de dados de produção do próprio site, consultado em 01/09/2026. Nenhum número foi estimado.

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.