Pular para o conteúdo

Instituto Odontológico Dr. Rodrigo Fassa

Redesign e desenvolvimento em Next.js para uma clínica odontológica em Votuporanga, SP, com nove páginas de tratamentos e agendamento de avaliações pelo WhatsApp.

Da homepage em WordPress ao novo site em Next.js

O desafio

O Instituto Odontológico Dr. Rodrigo Fassa queria modernizar seu site em WordPress, melhorar a experiência no celular e reduzir o tempo de carregamento. A página inicial reunia a apresentação da clínica, os tratamentos e os dados de contato. Com nove procedimentos descritos na mesma página, o visitante precisava percorrer vários blocos até encontrar o tratamento de interesse.

O projeto também precisava dar mais destaque ao agendamento. O WhatsApp já era um canal de contato da clínica, e o redesign deveria facilitar o acesso a ele desde a primeira visita.

A solução

A Wookye redesenhou a interface e reconstruiu o site em Next.js. Na primeira dobra, destacamos dois caminhos para o visitante: conhecer os tratamentos ou solicitar uma avaliação. A chamada Agendar avaliação ganhou destaque no menu e na abertura da homepage, com um link que abre uma conversa no WhatsApp da clínica com uma mensagem inicial preenchida.

Reorganizamos os nove tratamentos em cards com descrições breves e páginas próprias. Assim, o visitante pode localizar um procedimento pelo menu ou pela homepage e abrir a página correspondente para saber mais. Também demos espaço ao perfil do Dr. Rodrigo, ao vídeo institucional e às avaliações de pacientes, além de reunir endereço, horários e o link de rotas em uma seção de contato.

O layout foi adaptado para desktop e celular. A reconstrução em Next.js e o uso de imagens em WebP fizeram parte do trabalho voltado ao desempenho.

Entregas

  • Redesign UI/UX e layout responsivo
  • Reconstrução do site em Next.js a partir da versão em WordPress
  • Nove páginas individuais de tratamentos com acesso pelo menu e pela homepage
  • Chamadas para agendamento via WhatsApp com mensagem inicial preenchida
  • Seções de apresentação do dentista
  • vídeo institucional e avaliações de pacientes
  • Área de contato com endereço
  • horários e link de rotas

Resultados

O novo site oferece um caminho mais direto para quem já quer marcar uma avaliação e uma navegação mais organizada para quem ainda está pesquisando. Cada tratamento passou a ter uma URL própria que pode ser compartilhada diretamente com pacientes. No celular, a ação de agendar fica acessível tanto na abertura da página quanto no menu.

Antes e Depois

Da homepage em WordPress ao novo site em Next.js
Da homepage em WordPress ao novo site em Next.js
AntesDepois

Antes

  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js

Depois

  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js
  • Da homepage em WordPress ao novo site em Next.js

Serviços por Trás Deste Projeto

Veja como a Wookye pode ajudar com necessidades semelhantes.