Mockup · 01Una web nocturna y precisa para un profesor particular. Cada bloque empuja con calma hacia una sola decisión: hablar con Miguel.
Convertir la academia tradicional en una conversación.
Miguel necesitaba una web que no pareciera una academia más. Quería transmitir cercanía, oficio y método sin caer en plantillas educativas ni en formularios largos.
Diseñamos un hero-folleto donde el alumno elige asignatura, ve la oferta de prueba y abre conversación en un solo gesto. La web entera trabaja para que ese primer mensaje sea fácil.
Una display rotunda y un guiño manuscrito.
Display variable, contemporánea y firme. Aporta personalidad a titulares y wordmark sin caer en lo académico clásico.
Aparece como un subrayado a mano en palabras clave: «mejor», «hablar», «empezar». Humaniza un sector lleno de iconos y fórmulas.
Profesor particular en A Coruña. Clases 1-a-1 de matemáticas, física y estadística para ESO, Bachillerato y Universidad.
60 min para detectar lagunas y trazar un plan. Sin compromiso de continuar.
Neutra y legible en cualquier tamaño. DM Sans aparece solo en etiquetas técnicas (precios, duración, IDs).
Cuatro decisiones para reducir la fricción.
Pedir clases particulares cuesta. La web lo hace fácil eliminando formularios, pasos y ruido visual.
Una decisión, no un menú
La web tiene un único objetivo: que el alumno (o su familia) escriba a Miguel. Todo lo demás se diseña para reducir la fricción hasta llegar ahí.
Asignaturas como filtro
Tres chips claros (Matemáticas, Física, Estadística) cambian la oferta lateral en vivo. El usuario siente control sin abandonar el hero.
Prueba social honesta
Una sola opinión real, con nombre y curso, dentro de la card. Genera confianza sin saturar la página de testimonios genéricos.
Respuesta en menos de 24h
Lo prometemos en el hero como métrica. La web conecta con WhatsApp para que el primer mensaje cueste lo mismo que un mensaje a un amigo.
Pocos componentes, todos al servicio del contacto.
Card-oferta flotante
El bloque de la derecha funciona como folleto vivo. Cambia con la asignatura activa y siempre muestra precio, duración y beneficio.
Chips de asignatura
Selector grande con icono y etiqueta. La activa se ilumina en coral; las demás quedan en contorno suave para no competir.
Glow editorial nocturno
Fondo en negro con un degradado coral muy sutil en las esquinas. Da profundidad sin distraer de la información clave.
CTA Hablar lima
Único botón verde-lima en la nav. Es la acción principal, repetida con el mismo color allí donde la conversación puede empezar.
Solo una asignatura activa a la vez. Cambia el contenido de la card-oferta sin recargar la página.
Negro como pizarra, coral como tiza.
Ligera, accesible y local.
SEO local pensado para A Coruña, contraste AA en toda la web y un único asset pesado: las fuentes. Cargan rápido en 4G.
Pruébala como si fueras un alumno.
Cambia de asignatura, lee la oferta y haz scroll dentro de la ventana. La web vive aquí, no hace falta abrir otra pestaña.
Una web que abre conversaciones.
Diseño y desarrollo pensados para un único objetivo: que el primer contacto entre alumno y profesor sea fácil, rápido y humano.