Kasatelnaya: landing page para una escuela online de matemáticas con reserva de clase de prueba
Proyecto demo: landing page de una escuela online para alumnos de 7.º a 11.º grado, con programas de preparación de exámenes, profesores, un ejemplo de informe de progreso para los padres, precios, preguntas frecuentes y un formulario de reserva operativo con elección de programa, día y hora.
- 100
- Lighthouse, escritorio
- 7 KB
- JavaScript, gzip
- 0
- infracciones de axe-core
La tarea
Mostrar una landing page que explique el servicio en un minuto y lleve hasta la reserva, sin plantillas, fotos de stock ni reseñas inventadas.
Qué hice
- Gráfica interactiva de f(x) = sin x + x/3: la tangente sigue al cursor y recalcula su ecuación
- Formulario de reserva: programa → día → hora → contacto, máscara de teléfono, validación de campos y consentimiento
- Sin frameworks: todo el sitio pesa 117 KB con gzip y el JavaScript, 7 KB
- Accesibilidad: cero infracciones de axe-core con anchos de 1440 y 390 px
Pruebas
- Lighthouse 12.8, escritorio: 100 / 100 / 100 / 100; móvil: 99 / 100 / 100 / 100 (servidor local sin gzip)
- La demo en vivo se abre desde el enlace de arriba
Qué más puede encargarme
- Una landing page para un servicio o un curso, con formulario de reserva
- Un sitio catálogo: trabajos o productos por secciones, cada uno con su página y un formulario de pedido
- Terminar o reconstruir un sitio que empezó otra persona
- Conectar los formularios de un sitio en WordPress, Tilda o Bitrix a un CRM y a Telegram
- Plantillas de email HTML para envíos desde el CRM
- Acelerar un sitio, arreglar la versión móvil, hacer una auditoría SEO