«Мёбиус» — вымышленные школа и институт для учеников от 5 до 25 лет: младшая школа, старшая школа и вуз с бакалавриатом и магистратурой на одном кампусе. Мы сделали его сайт 28 сентября 2026 года как концепт для школ, колледжей, институтов и университетов — в жанре иммерсивных сайтов школ, где главная страница — это шар из карточек-историй.

Задачу мы поставили себе сами: сделать больше, чем буклет. Сайт школы должен убедить новые семьи, а потом им каждый день пользуются ученики, родители и учителя, которые остались, — поэтому концепт охватывает и публичный сайт, и личный кабинет за входом.

Название и знак взяты от ленты Мёбиуса: одна сторона, один край, нет конца. Логотип сгенерирован кодом — лента-восьмёрка, янтарная сторона которой переворачивается на левом конце и возвращается синей, — а две точки над ö (в русском — над ё) окрашены в два цвета ленты. Прелоадер рисует осевую линию ленты, пока считает загруженные файлы.

На главной 40 карточек-историй едут по настоящей ленте Мёбиуса в three.js: одна дорожка проходит петлю дважды, поэтому на перекруте карточки переворачиваются. Перетаскивание вращает ленту, прокрутка разворачивает её в бесконечное полотно, где чёрно-белые фото становятся цветными под курсором. Переключатели «Я — будущий родитель / абитуриент института…» и «Смотрю…» приглушают всё лишнее и подводят к нужной истории. Страница «Кто мы» открывается 52-секундным фильмом из 16 стоковых роликов Mixkit с цветокором в цветах бренда и титрами на английском и русском поверх видео текстом.

Дальше — программы с фильтрами и путём от дошкольной группы до магистратуры; поступление с калькулятором стоимости, календарём экскурсий с выгрузкой в календарь телефона и заявкой в четыре шага; иллюстрированная карта кампуса. «Мой Мёбиус» — рабочее фронтенд-демо кабинета в трёх ролях: день ученика, расписание, задания, оценки и ИИ-тьютор; оценки, счета, согласия, встречи и автобус онлайн для родителя; журнал посещаемости и оценок для учителя. Всё на английском и русском и собирается в статические страницы, которые работают из любой папки, здесь — из /demos/mobius/.

В концепте 14 страниц (по семь на каждом языке), 31 история на 40 карточках ленты, 16 программ и 19 экранов в демо кабинета. 28 сентября 2026 года мы считали кадры через requestAnimationFrame по три секунды — дважды на ленте и дважды на полотне — в Chrome в headless-режиме с ANGLE Metal на MacBook с Apple M5, в окне 1600 × 1000 при Retina-масштабе: медиана — 60 fps, самый низкий замер — 59,7 fps.

Главная загружает 0,18 МБ JavaScript в gzip вместе с three.js. Вся сборка весит 17 МБ, из них 13 МБ — фильм в двух форматах (MP4 и WebM); фото на карточках — кадры из тех же роликов.