Matriz de Funcionalidades

Barra de navegação fixa no topo com logo, links, botão de agendamento e menu hamburger no celular

Rodapé com links para todas as páginas, ícones de redes sociais e copyright dinâmico

Caminho de navegação em páginas internas: Home > Especialidades > Emagrecimento

Menu lateral que desliza suavemente no celular, fecha ao tocar fora ou em link

Botão que aparece ao descer a página para retornar rapidamente ao topo

Estética escura com acentos dourados — linguagem visual premium e acolhedora do consultório

Design otimizado para celular que escala elegantemente para tablet e desktop

Transição suave ao navegar entre seções da página, sem saltos

Animações de fade e slide ao mudar de página para experiência fluida

Mensagens visuais que confirmam ações: formulário enviado, erro, link copiado

Elementos surgem suavemente ao entrar na vista do visitante — efeito elegante

Formas animadas que mostram onde o conteúdo vai aparecer enquanto carrega

Hero em tela cheia com foto profissional da nutricionista, headline impactante e botão de agendamento

Selos de formação, CRN, especializações visíveis no hero para transmitir confiança imediata

Botão CTA destacado no hero com link direto para agendamento

Cards resumidos das especialidades com ícones, descrição curta e link para página de detalhe

Showcase de 2–3 materiais gratuitos (e-books) com capa e botão de download

Carrossel de depoimentos com nome, objetivo alcançado e avaliação por estrelas

Seção com CRN ativo, atendimento presencial em Goiânia, GO, consulta online e sigilo de dados

Banner emocional com chamada à ação e botão para agendar a primeira consulta

Contadores animados de pacientes atendidos, anos de experiência e especialidades

Adicionar, editar e remover especialidades com imagem, título, categoria e disponibilidade

Criar e gerenciar materiais gratuitos e pagos com capa, descrição e arquivo para download

Publicar e editar posts do blog com slug, categoria, SEO e imagem destaque

Visualizar e gerenciar solicitações de agendamento no Sanity Studio

Adicionar e gerenciar depoimentos de pacientes com nome, objetivo e avaliação

Editar perguntas frequentes com respostas formatadas e ordenação personalizada

Editar e-mail de contato, redes sociais, WhatsApp e SEO padrão do site

Ver como ficam as alterações no site antes de publicar — sem surpresas

Conteúdo atualizado no site em menos de 60 segundos após publicação no painel

Título e descrição únicos por página, editáveis no painel de gestão de conteúdo

Schema JSON-LD de LocalBusiness com endereço do consultório em Goiânia, CRN e horários

Preview correto ao compartilhar no WhatsApp, Instagram e LinkedIn com imagem e título

Dados estruturados: Profissional de Saúde, Serviço, BreadcrumbList e FAQPage

Caminho de navegação visível nos resultados de pesquisa do Google

Mapa do site gerado automaticamente pelo Next.js e atualizado com cada nova publicação

Páginas públicas indexáveis, ambiente de testes bloqueado dos motores de busca

Cada página com URL única para evitar conteúdo duplicado no Google

Todas as imagens com texto alternativo para acessibilidade e posicionamento

Galeria filtrável por categoria (Emagrecimento, Saúde da Mulher, Esportiva, Gestantes) com contadores

Cards de especialidade com imagem, título, resumo e link para detalhe

Página editorial com descrição completa, benefícios, para quem é indicado e CTA de agendamento

Abrir imagem de capa em destaque com navegação por setas e swipe mobile

Mais especialidades carregam automaticamente ao descer a página, sem recarregar

Botão no final da grade que leva ao agendamento com especialidade pré-selecionada

Badge visual nos cards indicando vagas disponíveis ou lista de espera

Avaliações verificadas de pacientes com nota, foto e moderação

Todo o site navegável via teclado com ordem lógica e foco visível

Texto legível com contraste mínimo 4.5:1 — acessível para todos

Todas as imagens com descrição alternativa para leitores de tela

Hierarquia clara de títulos para leitores de tela e motores de busca

Todos os campos de formulário com rótulo associado — não apenas placeholder

Regiões do site identificadas (navegação, conteúdo, rodapé) para tecnologias assistivas

Link que permite pular a navegação e ir diretamente ao conteúdo principal

Ao abrir modal ou lightbox, foco fica preso dentro até fechar — navegação acessível

Fluxo completo de agendamento: escolha de modalidade (presencial Goiânia / online), data, horário e dados da paciente

Horários disponíveis sincronizados com Google Calendar ou Cal.com — sem risco de duplo agendamento

Formulário multi-etapas: dados pessoais → especialidade → detalhes → enviar, com barra de progresso

E-mail de confirmação enviado automaticamente via Resend após o agendamento

Lembrete por e-mail ou WhatsApp 24h antes da consulta para reduzir no-shows

Perguntas frequentes sobre consultas com respostas expansíveis

Sincronização automática com Google Calendar para disponibilidade em tempo real na tela

Instalação e configuração para rastrear visitas, comportamento e conversões

Rastreamento de visualização de especialidade, início e envio do formulário de agendamento

Rastreamento de início, progresso, envio e erros no formulário de agendamento

Rastreamento de cliques em todos os botões de ação com identificação clara

Eventos em 25%, 50%, 75% e 100% do scroll para medir engajamento

Funil completo: visitante → especialidade → formulário → agendamento — visível no GA4

Consentimento de cookies conforme a LGPD com opt-in antes de rastrear, link para política de privacidade

Score Lighthouse ≥ 90 em mobile e desktop — site rápido e otimizado

Conteúdo principal visível em menos de 2.5 segundos em qualquer dispositivo

Sem "saltos" de layout enquanto a página carrega — experiência estável

Botões e links respondem em menos de 200ms ao toque ou clique

Imagens em WebP/AVIF via CDN Cloudinary, dimensionamento responsivo e lazy loading

Texto aparece imediatamente, substituído pela fonte do site sem piscar

Cada página carrega apenas o necessário — navegação rápida entre páginas

Seção de artigos com thumbnails, resumo, categorias e paginação

Artigo com imagem de destaque, índice lateral, compartilhamento e artigos relacionados

Filtro de artigos por categoria (Receitas, Dicas, Ciência, Especialidades) e tags

Barra de pesquisa com resultados em tempo real

Cada artigo com título, descrição e schema JSON-LD de Article

2–3 artigos sugeridos no final de cada post

Opt-in no rodapé, gestão de assinantes e envio de newsletters nutricionais

Todo o site com certificado SSL — cadeado verde no browser, redirect automático

Headers de segurança que bloqueiam scripts não autorizados e protegem o site

Rate-limit por IP em todas as rotas públicas de API — proteção contra spam e abuso

Paciente consente separadamente para dados clínicos, materiais e marketing — LGPD

Nenhuma chave de API ou token exposto no código do site — server-side only

Botão "Comprar" no detalhe do material que cria uma Stripe Checkout Session (hospedada pela Stripe) com PIX, cartão de crédito, Apple Pay e Google Pay

Página de retorno após a Stripe — confirma o pedido e libera o link de download do material

Endpoint /api/stripe-webhook recebe eventos `checkout.session.completed` para registrar a compra e disparar o e-mail pós-compra

E-mail automático via Resend com link de download do material após a compra concluída

GSAP + ScrollTrigger para parallax do hero, reveláção de cards e wipe de divisores

Feedback visual em hover de botões, cards e links — sensação premium e responsiva

Fade suave ao navegar entre páginas sem cortes bruscos

Animações reduzidas ou desativadas se o visitante preferir menos movimento (prefers-reduced-motion)

Código fonte seguro em repositório GitHub privado com controle de versões

Cada alteração publicada automaticamente — preview por PR, produção no branch principal

Site acessível no domínio da nutricionista com SSL e redirect www

URL de staging para revisão antes de publicar — acessível apenas pela equipe

Página com cards por material: e-books gratuitos, guias práticos e receitas saudáveis

Página detalhada com prévia do conteúdo, capítulos e formulário de captura de e-mail (gratuito) ou checkout (pago)

Sugestões de materiais complementares ("Veja também") no final da página

Formulário de nome e e-mail com consentimento LGPD para download de materiais gratuitos

Material gratuito enviado por e-mail automaticamente após o cadastro via Resend

Confirmação de e-mail antes de adicionar a paciente à lista de leads

Narrativa envolvente com foto profissional, história, formação, CRN e filosofia de atendimento

Fotos do consultório em Goiânia, GO e insight sobre o processo de atendimento

Lista de formação, pós-graduações, especializações, CRN e participações em eventos científicos

Botão fixo com mensagem pré-preenchida contextual por página

Botão se oculta no scroll para não cobrir conteúdo importante

Mensagem diferente por página — ex: sobre gestante na página de nutrição para gestantes

Endpoints para processar agendamentos, materiais, contato e e-mail com validação Zod

Sanity CMS gerencia todo o conteúdo; Stripe gerencia materiais pagos — sem banco relacional

Carrossel com rotação automática de depoimentos de pacientes (com consentimento LGPD)

Depoimentos filtrados pela especialidade relevante em cada página de detalhe

Painel da paciente com histórico de consultas, materiais comprados e remarcação

Integração de PIX e cartão para pagamento antecipado via Stripe ou Mercado Pago