Cedros International School

La necesidad

El reto: generar confianza

Un colegio no se elige por una foto bonita. Una familia necesita creer en él antes de visitarlo, y esa decisión se empieza a tomar en la página. Había que transmitir la identidad del colegio —sus valores, sus tres idiomas, su comunidad— y respaldarla con pruebas: cifras, opiniones de padres, convenios y la familia de escuelas a la que pertenece.

La solución

La idea: que el recorrido hablara antes que el contenido

En lugar de abrir con un bloque de texto, la página abre con el campus: el video crece hasta llenar la pantalla mientras el título se parte en dos. Y cierra con el escudo del colegio dibujándose solo mientras bajas, hasta que de sus líneas nacen los cedros.

Entre esas dos escenas, cada sección responde una duda de quien la visita: quiénes son, qué opinan otras familias, con quién están avalados, qué idiomas se enseñan y cuál es su misión.

El alcance

Qué se construyó

Diez piezas en una sola página, escrita a mano: sin plantilla, sin constructor visual y sin plugins.

• Apertura: el video del campus se expande con el scroll, el título se separa en dos mitades y una máquina de escribir alterna tres palabras: líder, más humano, más cristiano.
• Cierre — el escudo que florece: 192 imágenes sobre un lienzo, atadas al scroll, con la frase que aparece palabra por palabra.
• Cifras del colegio: cuatro contadores que suben desde cero al entrar en pantalla.
• Testimonios: reseñas reales de padres de familia en una maqueta de teléfono, sin editar, con distintivos de Google Maps y Facebook.
• Pilares: carrusel de tarjetas con botones tipo pastilla.
• Familia educativa: un sistema orbital con las escuelas hermanas alrededor del logo y partículas en el color institucional.
• Convenios y avales: marquesina de logos que se detiene al pasar el cursor para poder leerlos.
• Idiomas, misión y certificaciones, cada bloque con su propia entrada.
• Llamado a la acción: una tarjeta con luz que sigue el cursor y una escena 3D interactiva.

En teléfono

Lo que no se ve

• Imágenes aparte para teléfono: la secuencia del escudo pesa 816 KB en vez de 4 MB, sin perder la animación.
• Carga progresiva: la escena se muestra con los primeros cuadros listos y el resto llega de fondo.
• Composición por orientación: vertical, horizontal y escritorio cambian encuadre, tamaño y posición de los textos.
• iOS y Android por separado: la barra del navegador que aparece y desaparece y el desplazamiento por inercia se ajustaron en cada uno.
• Reducir movimiento: quien lo tiene activado en su sistema ve la página sin animación.

Resultados

Lo que falta contar

Esta versión todavía no está publicada en el dominio del colegio, así que aún no hay datos de uso que mostrar. Cuando el sitio esté en operación y haya cifras verificables, se agregan aquí junto con la opinión del colegio. Hasta entonces, lo que se puede comprobar es el trabajo: la versión de revisión se recorre completa, en teléfono o en computadora.