Clínica de medicina preventivaLondres
Vellacott.
Site de uma clínica de medicina preventiva em Marylebone, Londres. Num setor em que é comum prometer juventude e vida mais longa, o site precisava explicar um programa médico anual com evidência, sem prometer resultado, e levar a pessoa à primeira consulta.
Estudo de caso
O desafio.
Clínicas de longevidade costumam vender pela quantidade: mais de cem biomarcadores, exame de corpo inteiro, convites para “viver mais”. No Reino Unido, o código de publicidade (CAP, seção 12) exige evidência para cada alegação de saúde, e o Royal College of Radiologists recomenda exame de imagem apenas para investigar sintomas. O público, de 40 a 65 anos, se sente bem e quer entender os próprios riscos. O site precisava ser calmo, preciso e claro sobre o que a clínica não faz.
- 01 Alegação exige fonteCada frase sobre saúde precisava de evidência; prometer rejuvenescimento ou prevenção de doença sem prova fica fora do código britânico.
- 02 Dado de saúde sensívelPerguntas sobre sono ou histórico familiar geram dado de categoria especial no UK GDPR e exigem consentimento explícito.
- 03 Exame demaisO mercado vende volume de exames; a clínica precisava explicar por que mede menos e o que deixa de fora.
- 04 Confiança sem prova socialSem depoimentos, números de pacientes ou selos, a confiança tinha de vir do médico nomeado e do método.
Método Flowt
O diagnóstico.
O site explica um programa médico anual com evidência e preço completo, sem prometer resultado, e conduz a pessoa até a avaliação inicial.
- Primeira tela e proposta de valorDiz o que é e onde (medicina preventiva em Marylebone), para quem (adultos que se sentem bem), o diferencial (mesmas medidas, mesmo médico, 12 meses depois) e mostra o botão da avaliação.
- VelocidadeGráfico do HbA1c em SVG próprio, fontes servidas pelo site e fotos em AVIF e WebP com várias larguras; o layout quase não se mexe ao carregar (CLS 0,001).
- Acessibilidade verificávelLighthouse 100 e axe sem violações.
- Caminho até a ação principal“Begin the assessment” está na primeira tela: 1 toque até a avaliação, 12 até reservar o horário.
- Preço e escopoPreço total de cada opção (£1.450 o baseline; £4.800 por ano ou £400 por mês), o que inclui e não inclui, isenção de VAT, cancelamento em 14 dias e fatura para o seguro.
- Agendamento seguroAgendamento simulado depois da avaliação, consentimento do art. 9 do UK GDPR antes da primeira pergunta, 999 e NHS 111 sinalizados e resumo do que a primeira consulta cobre.
Ver análise completa
Os 13 critérios, com a evidência de cada ponto: o que atende, o que atende em parte e o que depende de uma empresa real. Como a marca é um conceito, não existe um "antes" nem nota somada.
Ser encontrado
Título e descrição por página, um H1, JSON-LD de MedicalClinic, Physician e FAQPage, preços em texto. Parcial: noindex de propósito, sem menções de terceiros, sem endereço completo e sem horário de atendimento.
Marca conceito, sem avaliações reais. Num projeto real, volume, recência e respostas são medidos antes e depois no Google, no Doctify e no Trustpilot.
Ser escolhido
Diz o que é e onde (medicina preventiva em Marylebone), para quem (adultos que se sentem bem), o diferencial (mesmas medidas, mesmo médico, 12 meses depois) e mostra o botão da avaliação.
6 de 6 checagens
Dois médicos com nome, papel, trajetória e campo do GMC, e o quadro da CQC. Numa clínica real entram os números verdadeiros, a nota da CQC e o endereço completo, que o site omite.
Não há canais externos para comparar. Dentro do site, número e duração das visitas e prazos do programa batem entre a home, a Programme e o resumo da avaliação.
Os dois médicos têm especialidade e campo do GMC, e o rodapé reproduz o quadro da CQC pedido pela Regulation 20A. Parcial: GMC e nota são exemplo, e cqc.org.uk aparece sem link.
Preço total de cada opção (£1.450 o baseline; £4.800 por ano ou £400 por mês), o que inclui e não inclui, isenção de VAT, cancelamento em 14 dias e fatura para o seguro.
Nenhuma promessa de cura ou de vida mais longa, e o site diz que não as faz. Mas a tabela “What we measure” traz afirmações de saúde sem a fonte na própria página.
4 afirmações sem fonte na página
Ser chamado
Gráfico do HbA1c em SVG próprio, fontes servidas pelo site e fotos em AVIF e WebP com várias larguras; o layout quase não se mexe ao carregar (CLS 0,001).
Lighthouse 100 no celular · LCP 1,4 s
Lighthouse 100 e axe sem violações. A avaliação inteira funciona só com teclado: o foco vai ao título de cada passo e uma região viva anuncia “Question 2 of 4”.
axe: 0 violações
Nenhum rastreador nem cookie, e consentimento explícito antes das perguntas de saúde. Sem medição instalada e sem aviso de privacidade próprio, que o UK GDPR exige de uma clínica real.
“Begin the assessment” está na primeira tela: 1 toque até a avaliação, 12 até reservar o horário. O fim explica que uma clínica real mandaria confirmação e um questionário curto.
1 toque até a avaliação · 12 até o horário
Agendamento simulado depois da avaliação, consentimento do art. 9 do UK GDPR antes da primeira pergunta, 999 e NHS 111 sinalizados e resumo do que a primeira consulta cobre.
simulado
Obrigações do setorO rodapé de todas as páginas reproduz o quadro da CQC com a nota em branco e a explicação, os números do GMC aparecem como exemplo e 999 e NHS 111 estão sinalizados.
Num projeto real, cada critério é medido antes e depois, com a mesma régua e a evidência de cada ponto. Não há nota: o que se vê é quantos pontos continuam abertos.
Estratégia
Estratégia e mapa do site.
A home apresenta o programa como uma linha de doze meses: duas visitas de base, revisão com o médico, três retornos e as mesmas medidas no fim, lidas pelo mesmo médico. Cada exame aparece numa tabela com o motivo de estar ali, ao lado do que a clínica não oferece e por quê. Uma escala de evidência (recomendado, vale discutir, não oferecido) mostra como o plano é montado. A conversão acontece numa avaliação de quatro perguntas, que termina no resumo da primeira consulta e na escolha de um horário.
01Início
- Abertura com o programa em números
- Programa anual e gráfico
- O que medimos e o que não oferecemos
- Médicos
- Como lemos a evidência
- A clínica em Marylebone
- Chamada para a avaliação
02Programa
- Abertura
- Os doze meses, etapa por etapa
- O que inclui e o que não inclui
- Preços
- Perguntas frequentes
- Chamada para a avaliação
03Avaliação
- Consentimento
- Sono
- Energia
- Histórico familiar
- Prioridade
- Resumo da consulta
- Horário
- Confirmação
Sistema visual
Tipografia, cor e ritmo.
Instrument Serif, condensada e leve, dá aos títulos um tom editorial, com itálico em argila só na palavra que a fala enfatiza; Hanken Grotesk carrega tabelas e explicações longas. Osso, grafite, argila e musgo substituem o azul hospitalar e remetem ao interior de um sobrado georgiano. O ritmo é calmo: rolagem nativa, fotos que surgem devagar e nenhuma animação disputando atenção com a informação médica.
- Gráfico ilustrativo de HbA1c
- Tabela do que medimos
- Escala de evidência
- Linha de progresso da avaliação
- Quadro regulatório do rodapé
Momento assinatura
Avaliação antes da consulta.
Depois de um consentimento explícito, quatro perguntas aparecem uma por tela: sono, energia, histórico familiar e prioridade. As respostas definem o que entra no resumo da primeira consulta, como questionários de sono ou a revisão do cardiologista. No fim, a pessoa revê tudo, pode mudar qualquer resposta e escolhe um horário. Nada é guardado nem enviado. O formato segue o padrão de perguntas do GOV.UK, familiar a quem usa serviços públicos britânicos.
No celular
Feito para a tela pequena.
Três telas do site num celular de 390 px de largura, a mais comum hoje.
Recibos
Desempenho medido.
As notas abaixo são do site publicado, medidas pelo Lighthouse do Google. Não são uma promessa: são o estado do site no dia da medição. As demonstrações são apresentadas em vídeo. As medições registram o estado do projeto na data indicada.
No celular
- Maior elemento visível (LCP)
- 1.4 s
- Estabilidade (CLS)
- 0.001
- Bloqueio (TBT)
- 0 ms
No computador
- Maior elemento visível (LCP)
- 0.5 s
- Estabilidade (CLS)
- 0.001
- Bloqueio (TBT)
- 0 ms
Medido em 03/10/2026 com o Lighthouse 13.5.0, celular simulado e computador. *O SEO fica abaixo de 100 de propósito: o site conceito leva a instrução noindex para não aparecer no Google nem competir com empresas reais. Acessibilidade conferida também com o axe (zero violações) e alinhamento revisado em 7 larguras de tela.
Bastidores
Ficha técnica.
- Páginas
- Início, Programa, Avaliação e página 404
- Idiomas
- Inglês (Reino Unido)
- Tecnologia
- HTML, CSS e JavaScript sem framework, gerados por um script próprio em Python
- GSAP e ScrollTrigger para o gráfico e a régua dos doze meses
- Rolagem nativa, sem biblioteca de suavização
- View Transitions na troca de páginas
- Gráfico em SVG gerado a partir dos dados
- Fotos em AVIF com WebP de reserva
- Fontes servidas pelo próprio site, JS compactado com esbuild
- Imagens
- Fotografias de interior geradas por IA, sem rostos nem pacientes, reveladas como uma série única; o gráfico de HbA1c e o símbolo foram desenhados em SVG.
- Acessibilidade
- Avaliação inteira operável por teclado, foco levado ao título de cada pergunta, passo anunciado para leitores de tela, versão sem movimento e zero violações no axe.
- Regras do setor
- Segue o CAP Code (seção 12) e o UK GDPR: cada alegação de saúde tem fonte, o consentimento vem antes da primeira pergunta e os registros do GMC e do CQC aparecem como exemplo.
Comece agora
Vamos colocar o seu digital no nível do seu serviço.
Comece pelo diagnóstico gratuito: a gente mede a sua presença digital e mostra, ponto a ponto, o que corrigir primeiro.
Agenda aberta para novos projetos
Conte sobre o seu projeto
Poucas informações bastam. O resto a gente pergunta.