Möbius es un colegio e instituto ficticio para alumnos de 5 a 25 años: primaria, secundaria y una universidad con grados y másteres en un mismo campus. Hicimos su web el 28 de septiembre de 2026 como concepto para colegios, institutos y universidades, en el género de las webs escolares inmersivas cuya portada es un globo de tarjetas con historias.

El encargo nos lo pusimos nosotros: ir más allá de un folleto. La web de un colegio tiene que convencer a las familias nuevas y después la usan a diario los alumnos, padres y profesores que se quedan; por eso el concepto cubre la web pública y el área personal tras el inicio de sesión.

El nombre y el símbolo vienen de la banda de Möbius: una cara, un borde, sin final. El logotipo se genera con código —una cinta en forma de ocho cuya cara ámbar se da la vuelta en la punta izquierda y vuelve en cobalto— y los dos puntos de la ö son los dos colores de la banda. La pantalla de carga dibuja la línea central de la cinta mientras cuenta los archivos cargados.

En la portada, 40 tarjetas recorren una banda de Möbius real en three.js: un solo carril da dos vueltas al lazo, así que las tarjetas se voltean en el giro. Al arrastrar, la cinta gira; al hacer scroll, se despliega en un lienzo infinito donde las fotos en blanco y negro se vuelven de color bajo el cursor. Los selectores «Soy una familia nueva / un aspirante al Instituto…» y «Explorando…» atenúan el resto y llevan a la historia adecuada. La página «Quiénes somos» abre con una película de 52 segundos montada con 16 clips de stock de Mixkit, etalonada en los colores de la marca y con subtítulos en inglés y ruso como texto.

Detrás: programas con filtros y un recorrido desde infantil hasta el máster; admisiones con calculadora de cuotas, un calendario de visitas que se exporta al móvil y una solicitud en cuatro pasos; un mapa ilustrado del campus. My Möbius es una demo front-end funcional del área personal con tres roles: el día de un alumno, horario, tareas, notas y tutor de IA; notas, facturas, autorizaciones, reuniones y el autobús escolar en vivo para las familias; lista de asistencia y cuaderno de notas para el profesorado. Todo está en inglés y ruso y se compila en páginas estáticas que funcionan desde cualquier carpeta, aquí /demos/mobius/.

El concepto tiene 14 páginas (siete por idioma), 31 historias en 40 tarjetas, 16 programas y 19 pantallas en la demo del área personal. El 28 de septiembre de 2026 contamos fotogramas con requestAnimationFrame durante tres segundos, dos veces en la cinta y dos en el lienzo, en Chrome headless con ANGLE Metal en un MacBook con Apple M5 a 1600 × 1000 con escala Retina: la mediana fue de 60 fps y la lectura más baja, 59,7 fps.

La portada carga 0,18 MB de JavaScript con gzip, three.js incluido. La build completa ocupa 17 MB, de los cuales 13 MB son la película en dos formatos (MP4 y WebM); las fotos de las tarjetas son fotogramas de esos mismos clips.