Projeto conceptual: negócio fictício

Uma página de dentista feita para marcar a primeira consulta

A Hornbeam Street Dental é uma clínica familiar fictícia em Leslieville, Toronto. Esta página inicial conceptual foi feita para transformar quem compara preços e quem tem medo do dentista em consultas marcadas por novos pacientes, à hora que cada um escolhe.

Setor
Clínicas dentárias
Localização
Toronto, Canadá
Objetivo principal
Marcações online de novos pacientes
Idiomas
EN

Abre o site de demonstração. É um negócio fictício, por isso os formulários e os botões não contactam ninguém.

O briefing

Calma na cadeira, difícil de marcar online

No nosso briefing imaginário, a Hornbeam Street Dental é uma clínica familiar numa casa de tijolo vermelho, com dois dentistas, uma equipa de nove pessoas e faturação direta à seguradora. As pessoas encontram-na no Google Maps, mas o site antigo esconde os preços, só aceita marcações por telefone durante o horário de atendimento e não diz nada a quem tem pavor do dentista. O novo site tem de responder depressa a três perguntas: quanto vai custar, quanto paga o meu seguro e quando posso ir? Depois, tem de deixar as pessoas marcar uma hora sem esperarem que lhes liguem de volta.

Para quem é a página

Adultos e pais do leste de Toronto à procura de um novo dentista, quase sempre no telemóvel e muitas vezes depois de anos sem uma consulta de rotina. Muitos estão nervosos, e a maioria quer saber o preço e a parte que o seguro paga antes de marcar.

Anatomia da página

Anatomia de uma página de dentista feita para marcações

A página segue a ordem em que surgem as perguntas de um novo paciente, de “há vaga para mim?” a “como vos encontro?”.

Hornbeam Street Dental — Projeto conceptual: negócio fictício
  1. Topo com a próxima vaga

    Uma linha “aberto agora” na hora de Toronto, a morada e dois botões: Marcar e Ligar. Ao lado, um cartão mostra a próxima vaga para novos pacientes (dia, hora e dentista) e quantas vagas restam nesse dia. Um toque em “Quero esta hora” preenche o formulário de marcação.

  2. A oferta da primeira consulta

    219 $ tudo incluído para um novo paciente, o que esse preço inclui e uma cronologia da primeira hora, de 0:00 a 0:50. Saber exatamente o que vai acontecer tira parte do medo da primeira consulta.

  3. Faixa de urgências no próprio dia

    A mensagem muda com o relógio: antes da abertura, antes das 11h, mais tarde durante o dia e fora do horário. Quem está com dores vê logo se deve ligar já ou deixar mensagem.

  4. Preços e um simulador do seguro

    15 tratamentos em 4 grupos, cada grupo com o que os seguros costumam cobrir. O simulador deixa escolher um de 8 tratamentos e a sua cobertura (de 100% a nenhuma) e mostra o que o seguro paga e o que fica a seu cargo. No telemóvel, os grupos de preços recolhem-se para a página não ficar longa demais.

  5. Conforto, famílias, equipa e avaliações

    Um menu de conforto com 7 opções para pacientes nervosos, uma secção sobre consultas seguidas para toda a família e as três pessoas que os novos pacientes conhecem primeiro, com as línguas que falam. Depois, três avaliações de exemplo, claramente identificadas como conteúdo de exemplo.

  6. Marcação em cinco passos

    Motivo, dia, hora, dados, confirmação. Um cartão de consulta vai-se preenchendo à medida que escolhe e, no telemóvel, encolhe para uma faixa fina fixa no ecrã, para nunca perder o fio. É uma demo, por isso nada é enviado.

  7. Visita, horário e perguntas

    A morada com as ruas próximas, uma tabela de horário que destaca o dia de hoje, um mapa desenhado e informações sobre acesso sem degraus, estacionamento e elétrico. Depois, 8 perguntas frequentes e um último par Marcar e Ligar no rodapé.

O que traz chamadas e marcações

Cinco decisões que transformam visitas em marcações

Mostrar a próxima vaga, não só “Marcar já”

O primeiro ecrã indica um dia, uma hora e um dentista. “Quero esta hora” preenche o motivo, o dia, a hora e o dentista e salta diretamente para os dados de contacto, por isso a marcação começa logo no topo da página.

Preço em tudo, incluindo o que o seguro não paga

Cada tratamento comum tem um preço em dólares canadianos, com o que os seguros costumam cobrir. O simulador transforma isso em dois números: o que o seguro paga e o que fica a seu cargo. Uma promessa de orçamento por escrito reforça tudo isto.

Os nervos também entram na marcação

Os pacientes nervosos escolhem auscultadores, gel anestésico, gás hilariante e mais num menu de conforto. As escolhas passam para o formulário de marcação, e a página diz com todas as letras: levante a mão esquerda e nós paramos.

Escolher a hora, sem esperar por uma chamada

Cinco passos curtos com as horas ocupadas riscadas, mensagens de erro claras e um ecrã de revisão antes de enviar. Escolha “O meu filho” e o formulário pede o nome da criança e o telefone de um dos pais.

Ligar e Marcar sempre à mão, sem confusão

No telemóvel, uma barra com Ligar e Marcar aparece quando os botões do topo saem do ecrã e volta a esconder-se sobre o formulário de marcação e os botões do rodapé. Mostra “Aberto agora” durante o horário de funcionamento, e o estado de abertura conhece os feriados do Ontário.

Resultados medidos

  • 93Desempenho
  • 100Acessibilidade
  • 100Boas práticas

Google Lighthouse, telemóvel, 4G simulado, medido a 19 de setembro de 2026. O SEO não é avaliado: as demos conceptuais estão escondidas do Google de propósito (noindex), o que o Lighthouse conta contra elas. Faça o teste na demo online.

Notas técnicas

  • Uma única página escrita à mão, sem framework: 55 KB de CSS e 31 KB de JavaScript, cerca de 22 KB juntos com gzip. Sem cookies, sem rastreio e sem mapa incorporado.
  • Fotos em AVIF com alternativas em WebP e JPEG, com o tamanho certo para cada ecrã. A foto do topo existe em 3 tamanhos (de 27 a 68 KB em AVIF) e carrega primeiro; as restantes carregam à medida que desce na página. Todas as fotos foram geradas por IA.
  • Cores tiradas do edifício: porta lilás, botões laranja-tijolo e texto índigo. O branco sobre o laranja tem um contraste de 5,5:1, acima do mínimo de 4,5:1 do WCAG AA.
  • Bricolage Grotesque para os títulos, Figtree para o texto e DM Serif Display em itálico para o cartão de consulta escrito à mão, todas alojadas no próprio site (84 KB para os três tipos de letra).
  • Acessibilidade: um link para saltar para o conteúdo, etiquetas reais e grupos de opções no formulário, erros ligados aos respetivos campos, o foco levado para cada novo passo, áreas de toque de pelo menos 44 px e animações desligadas para quem pede menos movimento.
  • Só em inglês, com a ortografia e os preços do Canadá. A demo é a página inicial de um site Local Pro; o site completo teria até mais 5 páginas, como preços, urgências e equipa. O cartão da próxima vaga, o simulador do seguro, o menu de conforto e a marcação em cinco passos são extras feitos à medida, cobrados à parte do Local Pro, com orçamento prévio.
Paleta
Tipos de letra
Bricolage Grotesque + Figtree

O pacote que representa

Local Pro

Este conceito é o tipo de site que recebe com o Local Pro: 1290 £ pela criação e depois a partir de 39 £/mês de manutenção. Os extras interativos, como calculadoras e simuladores, são orçamentados à parte.

Sites por setor: Clínicas dentárias →

Pré-visualização grátis

Quer um site assim para a sua clínica dentária?

Envie-nos o nome e a localidade da sua clínica. Desenhamos uma página inicial à volta dos seus preços e da marcação de novos pacientes, grátis, antes de pagar o que quer que seja.

  • Sem cartão
  • O domínio em seu nome
  • Cancele a manutenção quando quiser após 3 meses