Proyecto conceptual: negocio ficticio

Una web dental familiar pensada para reservar la primera visita

Hornbeam Street Dental es una clínica familiar ficticia en Leslieville, Toronto. Esta página de inicio conceptual está pensada para que quien compara precios o le tiene miedo al dentista acabe reservando su primera visita, a la hora que elija.

Sector
Clínicas dentales
Ubicación
Toronto, Canadá
Objetivo principal
Citas online de pacientes nuevos
Idiomas
EN

Abre la web de demostración. Es un negocio ficticio, así que los formularios y botones no contactan con nadie.

El encargo

Calma en el sillón, pero difícil de reservar online

En el encargo que imaginamos, Hornbeam Street Dental es una clínica familiar en una casa de ladrillo rojo, con dos dentistas, un equipo de nueve personas y facturación directa al seguro. La gente la encuentra en Google Maps, pero su web antigua esconde las tarifas, solo da citas por teléfono en horario de oficina y no dice nada a quien le tiene pánico al dentista. La nueva web tiene que responder rápido a tres preguntas: ¿cuánto me va a costar?, ¿cuánto paga mi seguro? y ¿cuándo puedo ir? Y después tiene que dejar reservar una hora sin esperar a que te devuelvan la llamada.

Para quién es la página

Adultos y padres del este de Toronto que buscan dentista nuevo, casi siempre desde el móvil y a menudo tras años sin una revisión. Muchos van nerviosos, y la mayoría quiere saber el precio y lo que cubre su seguro antes de reservar.

Anatomía de la página

Anatomía de una web dental pensada para conseguir citas

La página sigue el orden en que surgen las dudas de un paciente nuevo, desde “¿me pueden atender?” hasta “¿cómo llego?”.

Hornbeam Street Dental — Proyecto conceptual: negocio ficticio
  1. Bloque principal con la próxima hora libre

    Una línea de “abierto ahora” en hora de Toronto, la dirección y dos botones: Reservar y Llamar. Al lado, una tarjeta muestra la próxima cita libre para pacientes nuevos (día, hora y dentista) y cuántos huecos quedan ese día. Con un toque en “Quiero esta hora” se rellena el formulario de reserva.

  2. La oferta de primera visita

    219 $ todo incluido para un paciente nuevo, qué incluye y una línea de tiempo de la primera hora, de 0:00 a 0:50. Saber exactamente qué va a pasar le quita parte del miedo a la primera visita.

  3. Franja de urgencias en el mismo día

    Su mensaje cambia según la hora: antes de abrir, antes de las 11:00, más tarde durante el día y fuera de horario. Quien tiene dolor ve de un vistazo si llamar ya o dejar un mensaje.

  4. Precios y calculadora del seguro

    15 tratamientos en 4 grupos, cada grupo con lo que suelen cubrir los seguros. La calculadora te deja elegir uno de 8 tratamientos y tu cobertura (del 100 % a nada) y te muestra lo que paga tu seguro y lo que pagas tú. En el móvil, los grupos de precios se pliegan para que la página no se alargue.

  5. Comodidad, familias, equipo y reseñas

    Un menú de comodidad con 7 opciones para pacientes nerviosos, una sección sobre citas seguidas para toda la familia y las tres personas que conocen primero los pacientes nuevos, con los idiomas que hablan. Después, tres reseñas de ejemplo, marcadas claramente como contenido de muestra.

  6. Reserva en cinco pasos

    Motivo, día, hora, datos y confirmación. Una tarjeta de cita se va rellenando mientras eliges y, en el móvil, se encoge en una franja fina y fija para que nunca pierdas el hilo. Es una demo, así que no se envía nada.

  7. Cómo llegar, horario y preguntas

    La dirección con las calles cercanas, un horario que resalta el día de hoy, un mapa dibujado y datos de acceso sin escalones, aparcamiento y tranvía. Después, 8 preguntas frecuentes y una última pareja de botones, Reservar y Llamar, en el pie de página.

Por qué consigue llamadas y reservas

Cinco decisiones que ayudan a conseguir citas

Mostrar la próxima hora libre, no solo “Reserva ya”

La primera pantalla da un día, una hora y un dentista. “Quiero esta hora” rellena el motivo, el día, la hora y el dentista y salta directo a los datos de contacto, así que la reserva empieza en lo primero que ves.

Poner precio a todo, también a lo que no cubre el seguro

Cada tratamiento habitual tiene su precio en dólares canadienses, con lo que suelen cubrir los seguros. La calculadora lo resume en dos cifras: lo que paga tu seguro y lo que pagas tú. Y lo respalda el compromiso de darte el presupuesto por escrito.

Que los nervios formen parte de la reserva

Los pacientes nerviosos eligen auriculares, gel anestésico, gas de la risa y más en un menú de comodidad. Lo que eligen pasa al formulario de reserva, y la página lo dice bien claro: levanta la mano izquierda y paramos.

Que elijan hora, no que esperen una llamada

Cinco pasos cortos con las horas ocupadas tachadas, mensajes de error claros y una pantalla de repaso antes de enviar nada. Si eliges “Mi hijo/a”, el formulario pide el nombre del niño y el teléfono del padre o la madre.

Llamar y Reservar siempre a mano, sin agobiar

En el móvil, una barra con Llamar y Reservar aparece cuando los botones de arriba salen de la pantalla, y se esconde de nuevo sobre el formulario de reserva y los botones del pie. Muestra “Abierto ahora” en horario de apertura, y el estado de abierto tiene en cuenta los festivos de Ontario.

Puntuaciones medidas

  • 93Rendimiento
  • 100Accesibilidad
  • 100Buenas prácticas

Google Lighthouse, móvil, 4G simulado, medido el 19 de septiembre de 2026. El SEO no se puntúa: las demos conceptuales están ocultas a Google a propósito (noindex), y Lighthouse lo cuenta en su contra. Compruébalo tú en la demo.

Notas técnicas

  • Una sola página escrita a mano, sin framework: 55 KB de CSS y 31 KB de JavaScript, unos 22 KB entre los dos comprimidos con gzip. Sin cookies, sin seguimiento y sin mapa incrustado.
  • Fotos en AVIF con alternativas en WebP y JPEG, a medida para cada pantalla. La foto principal viene en 3 tamaños (de 27 a 68 KB en AVIF) y se carga primero; las demás se cargan a medida que bajas. Todas las fotos están generadas con IA.
  • Colores sacados del edificio: puerta lila, botones naranja ladrillo y texto en índigo. El blanco sobre el naranja tiene un contraste de 5,5:1, por encima del mínimo de 4,5:1 que pide WCAG AA.
  • Bricolage Grotesque para los títulos, Figtree para el texto y DM Serif Display en cursiva para la tarjeta de cita con aire manuscrito, todas alojadas en el propio servidor (84 KB las tres fuentes).
  • Accesibilidad: enlace para saltar al contenido, etiquetas reales y grupos de opciones en el formulario, errores vinculados a su campo, el foco pasa a cada paso nuevo, zonas táctiles de al menos 44 px y animaciones desactivadas para quien pide menos movimiento.
  • Solo en inglés, con la ortografía y los precios de Canadá. La demo es la página de inicio de una web Local Pro; la web completa añadiría hasta 5 páginas más, como tarifas, urgencias o el equipo. La tarjeta de la próxima cita libre, el calculador del seguro, el menú de comodidad y el selector de cita en cinco pasos son extras a medida que se suman a Local Pro, con presupuesto previo.
Paleta
Tipografías
Bricolage Grotesque + Figtree

El paquete que representa

Local Pro

Este concepto es el tipo de web que tienes con Local Pro: 1.290 £ de creación y después desde 39 £/mes de mantenimiento. Los extras interactivos, como calculadoras y presupuestos al instante, se presupuestan aparte.

Páginas web por sector: Clínicas dentales →

Vista previa gratis

¿Quieres una web así para tu clínica dental?

Envíanos el nombre de tu clínica y tu localidad. Diseñamos una página de inicio pensada para tus tarifas y las citas de pacientes nuevos, gratis y antes de que pagues nada.

  • Sin tarjeta
  • Tu dominio a tu nombre
  • Cancela el mantenimiento cuando quieras tras 3 meses