Clínica de medicina preventivaLondres
Vellacott.
Sitio de una clínica de medicina preventiva en Marylebone, Londres. En un sector en el que es común prometer juventud y una vida más larga, el sitio tenía que explicar un programa médico anual con evidencia, sin prometer resultados, y llevar a la persona a la primera consulta.
Caso de estudio
El desafío.
Las clínicas de longevidad suelen vender por cantidad: más de cien biomarcadores, exámenes de cuerpo entero, invitaciones a “vivir más”. En el Reino Unido, el código de publicidad (CAP, sección 12) exige evidencia para cada afirmación de salud, y el Royal College of Radiologists recomienda exámenes de imagen solo para investigar síntomas. El público, de 40 a 65 años, se siente bien y quiere entender sus propios riesgos. El sitio tenía que ser tranquilo, preciso y claro sobre lo que la clínica no hace.
- 01 Toda afirmación exige fuenteCada frase sobre salud necesitaba evidencia; prometer rejuvenecimiento o prevención de enfermedades sin prueba queda fuera del código británico.
- 02 Datos de salud sensiblesLas preguntas sobre el sueño o los antecedentes familiares generan datos de categoría especial en el UK GDPR y exigen consentimiento explícito.
- 03 Demasiados exámenesEl mercado vende volumen de exámenes; la clínica tenía que explicar por qué mide menos y qué deja fuera.
- 04 Confianza sin prueba socialSin testimonios, números de pacientes ni sellos, la confianza tenía que venir del médico con nombre y del método.
Método Flowt
El diagnóstico.
El sitio explica un programa médico anual con evidencia y precio completo, sin prometer resultados, y guía a la persona hasta la evaluación inicial.
- Primera pantalla y propuesta de valorDice qué es y dónde (medicina preventiva en Marylebone), para quién (adultos que se sienten bien), el diferencial (mismas mediciones, mismo médico, 12 meses después) y muestra el botón de la evaluación.
- VelocidadGráfico de HbA1c en SVG propio, fuentes servidas por el sitio y fotos en AVIF y WebP en varios anchos; el layout casi no se mueve al cargar (CLS 0,001).
- Accesibilidad verificableLighthouse 100 y axe sin violaciones.
- Camino hasta la acción principal“Begin the assessment” está en la primera pantalla: 1 toque hasta la evaluación, 12 hasta reservar el horario.
- Precio y alcancePrecio total de cada opción (£1.450 el baseline; £4.800 por año o £400 por mes), qué incluye y qué no, exención de VAT, cancelación en 14 días y factura para el seguro.
- Agendamiento seguroAgendamiento simulado después de la evaluación, consentimiento del art. 9 del UK GDPR antes de la primera pregunta, 999 y NHS 111 señalados y resumen de lo que cubre la primera consulta.
Ver el análisis completo
Los 13 criterios, con la evidencia de cada punto: lo que cumple, lo que cumple en parte y lo que depende de una empresa real. Como la marca es un concepto, no existe un "antes" ni una nota total.
Ser encontrado
Título y descripción por página, un H1, JSON-LD de MedicalClinic, Physician y FAQPage, precios en texto. Parcial: noindex a propósito, sin menciones de terceros, sin dirección completa y sin horario de atención.
Marca conceptual, sin reseñas reales. En un proyecto real, el volumen, la recencia y las respuestas se miden antes y después en Google, Doctify y Trustpilot.
Ser elegido
Dice qué es y dónde (medicina preventiva en Marylebone), para quién (adultos que se sienten bien), el diferencial (mismas mediciones, mismo médico, 12 meses después) y muestra el botón de la evaluación.
6 de 6 verificaciones
Dos médicos con nombre, rol, trayectoria y campo del GMC, y el recuadro de la CQC. En una clínica real entran los números verdaderos, la calificación de la CQC y la dirección completa, que el sitio omite.
No hay canales externos para comparar. Dentro del sitio, el número y la duración de las visitas y los plazos del programa coinciden entre la home, Programme y el resumen de la evaluación.
Los dos médicos tienen especialidad y campo del GMC, y el pie de página reproduce el recuadro de la CQC que pide la Regulation 20A. Parcial: el GMC y la calificación son de ejemplo, y cqc.org.uk aparece sin enlace.
Precio total de cada opción (£1.450 el baseline; £4.800 por año o £400 por mes), qué incluye y qué no, exención de VAT, cancelación en 14 días y factura para el seguro.
Ninguna promesa de cura o de una vida más larga, y el sitio dice que no las hace. Pero la tabla “What we measure” trae afirmaciones de salud sin la fuente en la propia página.
4 afirmaciones sin fuente en la página
Ser contactado
Gráfico de HbA1c en SVG propio, fuentes servidas por el sitio y fotos en AVIF y WebP en varios anchos; el layout casi no se mueve al cargar (CLS 0,001).
Lighthouse 100 en celular · LCP 1,4 s
Lighthouse 100 y axe sin violaciones. La evaluación completa funciona solo con teclado: el foco va al título de cada paso y una región viva anuncia “Question 2 of 4”.
axe: 0 violaciones
Ningún rastreador ni cookie, y consentimiento explícito antes de las preguntas de salud. Sin medición instalada y sin aviso de privacidad propio, que el UK GDPR exige a una clínica real.
“Begin the assessment” está en la primera pantalla: 1 toque hasta la evaluación, 12 hasta reservar el horario. El final explica que una clínica real enviaría una confirmación y un cuestionario breve.
1 toque hasta la evaluación · 12 hasta el horario
Agendamiento simulado después de la evaluación, consentimiento del art. 9 del UK GDPR antes de la primera pregunta, 999 y NHS 111 señalados y resumen de lo que cubre la primera consulta.
simulado
Obligaciones del sectorEl pie de todas las páginas reproduce el recuadro de la CQC con la calificación en blanco y la explicación, los números del GMC aparecen como ejemplo y 999 y NHS 111 están señalados.
En un proyecto real, cada criterio se mide antes y después, con la misma regla y la evidencia de cada punto. No hay nota: lo que se ve es cuántos puntos siguen abiertos.
Estrategia
Estrategia y mapa del sitio.
La home presenta el programa como una línea de doce meses: dos visitas de base, revisión con el médico, tres seguimientos y las mismas mediciones al final, leídas por el mismo médico. Cada examen aparece en una tabla con el motivo de estar ahí, junto a lo que la clínica no ofrece y por qué. Una escala de evidencia (recomendado, vale la pena conversarlo, no ofrecido) muestra cómo se arma el plan. La conversión ocurre en una evaluación de cuatro preguntas, que termina en el resumen de la primera consulta y en la elección de un horario.
01Inicio
- Apertura con el programa en números
- Programa anual y gráfico
- Qué medimos y qué no ofrecemos
- Médicos
- Cómo leemos la evidencia
- La clínica en Marylebone
- Llamado a la evaluación
02Programa
- Apertura
- Los doce meses, etapa por etapa
- Qué incluye y qué no incluye
- Precios
- Preguntas frecuentes
- Llamado a la evaluación
03Evaluación
- Consentimiento
- Sueño
- Energía
- Antecedentes familiares
- Prioridad
- Resumen de la consulta
- Horario
- Confirmación
Sistema visual
Tipografía, color y ritmo.
Instrument Serif, condensada y ligera, da a los títulos un tono editorial, con cursiva en arcilla solo en la palabra que el discurso enfatiza; Hanken Grotesk lleva tablas y explicaciones largas. Hueso, grafito, arcilla y musgo reemplazan el azul hospitalario y remiten al interior de una casona georgiana. El ritmo es tranquilo: desplazamiento nativo, fotos que aparecen despacio y ninguna animación que compita por la atención con la información médica.
- Gráfico ilustrativo de HbA1c
- Tabla de lo que medimos
- Escala de evidencia
- Línea de progreso de la evaluación
- Recuadro regulatorio del pie de página
Momento distintivo
Evaluación antes de la consulta.
Después de un consentimiento explícito, cuatro preguntas aparecen una por pantalla: sueño, energía, antecedentes familiares y prioridad. Las respuestas definen qué entra en el resumen de la primera consulta, como cuestionarios de sueño o la revisión del cardiólogo. Al final, la persona revisa todo, puede cambiar cualquier respuesta y elige un horario. Nada se guarda ni se envía. El formato sigue el patrón de preguntas de GOV.UK, familiar para quien usa servicios públicos británicos.
En el celular
Hecho para la pantalla pequeña.
Tres pantallas del sitio en un celular de 390 px de ancho, el más común hoy.
Comprobantes
Rendimiento medido.
Las puntuaciones siguientes se midieron en el sitio publicado con Google Lighthouse. No son una promesa: reflejan el estado del sitio en la fecha de medición. Las demostraciones se presentan en video. Las mediciones registran el estado del proyecto en la fecha indicada.
En el celular
- Elemento visible más grande (LCP)
- 1.4 s
- Estabilidad (CLS)
- 0.001
- Bloqueo (TBT)
- 0 ms
En computadora
- Elemento visible más grande (LCP)
- 0.5 s
- Estabilidad (CLS)
- 0.001
- Bloqueo (TBT)
- 0 ms
Medido el 03/10/2026 con Lighthouse 13.5.0, en celular simulado y en computadora. *El SEO queda por debajo de 100 a propósito: el sitio conceptual lleva la instrucción noindex para no aparecer en Google ni competir con empresas reales. La accesibilidad también se verificó con axe (cero violaciones) y la alineación se revisó en 7 anchos de pantalla.
Detrás de escena
Ficha técnica.
- Páginas
- Inicio, Programa, Evaluación y página 404
- Idiomas
- Inglés (Reino Unido)
- Tecnología
- HTML, CSS y JavaScript sin framework, generados por un script propio en Python
- GSAP y ScrollTrigger para el gráfico y la regla de los doce meses
- Desplazamiento nativo, sin biblioteca de suavizado
- View Transitions en el cambio de páginas
- Gráfico en SVG generado a partir de los datos
- Fotos en AVIF con WebP de respaldo
- Fuentes servidas por el propio sitio, JS comprimido con esbuild
- Imágenes
- Fotografías de interiores generadas con IA, sin rostros ni pacientes, reveladas como una serie única; el gráfico de HbA1c y el símbolo se dibujaron en SVG.
- Accesibilidad
- Evaluación completa operable con teclado, foco llevado al título de cada pregunta, paso anunciado para lectores de pantalla, versión sin movimiento y cero violaciones en axe.
- Reglas del sector
- Sigue el CAP Code (sección 12) y el UK GDPR: cada afirmación de salud tiene fuente, el consentimiento va antes de la primera pregunta y los registros del GMC y de la CQC aparecen como ejemplo.
Empieza ahora
Llevemos tu presencia digital al nivel de tu servicio.
Empieza con el diagnóstico gratuito: medimos tu presencia digital y te mostramos, punto por punto, qué corregir primero.
Agenda abierta para nuevos proyectos
Cuéntanos sobre tu proyecto
Con poca información basta. Lo demás te lo preguntamos.