Caso de estudio · Educación · Colegio privado

Colegio Horizonte

Sitio institucional que muestra el colegio por dentro: un día de clases hora por hora, la directora, las familias y la vida escolar, con una preinscripción en línea que calcula sola el grado del alumno.

Páginas
Inicio y admisión
Niveles
Inicial, primaria y secundaria
Preinscripción
3 pasos
Constancia
Imprimible
nexa-portafolio.vercel.app/demos/colegio
Página de inicio del demo Colegio Horizonte en computadora
El demo Colegio Horizonte en un celular

El reto

Los padres eligen colegio por confianza: quieren ver cómo se vive adentro y quién va a cuidar a sus hijos. Mientras tanto, la secretaría repite las mismas respuestas cada temporada de admisión y llena fichas a mano.

Lo que construimos

Mostramos el colegio con personas reales: un collage de alumnos, el mensaje de la directora, un día de clases hora por hora, testimonios de familias, vida escolar y noticias.

La información práctica (niveles, horarios, pensiones, requisitos y fechas) está ordenada en pestañas y en una página de admisión clara.

La preinscripción pide los datos del alumno, del apoderado y la fecha de visita. Con la fecha de nacimiento indica el grado según la regla del 31 de marzo y entrega una constancia con código para imprimir.

Recorrido por el sitio

nexa-portafolio.vercel.app/demos/colegio
Sección “Un día en Horizonte” con horarios y fotos de alumnos

Un día, hora por hora

Desde el saludo en la puerta hasta los talleres de la tarde, con fotos de cada momento.

nexa-portafolio.vercel.app/demos/colegio
Primer paso de la preinscripción con el grado calculado automáticamente

El grado, calculado al instante

Con la fecha de nacimiento, el formulario indica el grado del próximo año y avisa si la edad no corresponde.

nexa-portafolio.vercel.app/demos/colegio
Constancia de preinscripción con código y lista de documentos

Constancia con código

Resumen, fecha de visita y documentos a llevar, con un botón para imprimirla.

La página de admisión vista en un celular

Admisión desde el celular

Los padres se preinscriben desde el teléfono, en el trabajo o de camino a casa.

Medido, no prometido

Resultados de Lighthouse, la herramienta de Google, en modo celular (4 de octubre de 2026). Haz tu propia medición: debería darte números muy parecidos.

Medirlo en PageSpeed Insights
100
Rendimiento
100
Accesibilidad
100
Buenas prácticas
100
SEO

Lo que no se ve, pero cuenta

Detalles técnicos que hacen que el sitio sea seguro, rápido y fácil de mantener. Todos se pueden revisar en el código.

  • Regla del 31 de marzo

    La edad se calcula a la fecha de corte que usa el Ministerio de Educación del Perú.

  • Pasos que no pierden datos

    Un solo formulario con pasos: al volver atrás, todo lo escrito sigue ahí.

  • Validación por paso

    Cada paso se revisa antes de avanzar; si hay un error en un paso anterior, el formulario regresa a él.

  • Pestañas accesibles

    Los niveles se recorren con las flechas del teclado, según el patrón ARIA de pestañas.

  • Constancia imprimible

    Al imprimir se ocultan los botones y queda solo la información útil.

  • Protección de datos

    La autorización de uso de datos cita la Ley 29733 de protección de datos personales.

¿Quieres algo así para tu negocio?

Cuéntanos qué vendes y cómo atiendes hoy. Te enviamos una propuesta por escrito, con precio y plazo, antes de que pagues nada.

Conversemos por WhatsApp

El plan más parecido a este proyecto

Negocio

desdeS/ 600

  • Web completa con varias secciones
  • Panel de administración
  • Asistente de WhatsApp con IA (opcional)
  • SEO básico para aparecer en Google
  • Capacitación para que lo manejes tú
  • 3 meses de soporte
Comparar todos los planes

Siguiente proyecto

Sabor Criollo

Gastronomía · Restaurante