Skoltech

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

Сайт: skoltech.ru.

Задача

Сколтех — крупная организация со сложной внутренней иерархией. Нужно было отразить направления института на сайте и дать команде контента управлять сущностями без хаоса в связях.

Что требовалось закрыть:

• независимые модули компонентов, чтобы администраторы собирали страницы по дизайн-системе;
• ролевую модель: разные люди ведут контент, доступ к сущностям — разноуровневый;
• логику брендбука: цвета, отступы, начертания — без поломки схем;
• соответствие ГОСТ для сайтов образовательных учреждений;
• динамические фильтры для программ, курсов, учреждений и всего, что фильтруется;
• кастомный календарь расписания учебных семестров;
• мультиязычность с разным контентом для языковых версий.

Модульная система компонентов

На страницу можно добавлять блоки и менять их местами. Для каждого типа блоков заложена система отступов — дизайн не разъезжается.

Блоки разделены по объёму функционала:

• компактные — для сквозных модулей: баннеры, формы, выпадающие списки;
• крупные — принимают входящие данные и показывают категории: лаборатории, профессора, образовательные программы, новости центра.

Разобраться со структурой связей и доступно организовать панель управления для такой иерархии — отдельная инженерная задача, не «ещё один WordPress с темой».

Система цветовых пресетов

Каждый цвет брендбука записан в переменную. Из переменных собираются наборы, из наборов — готовые пресеты для основных разделов сайта. Для одного из разделов предусмотрен случайный выбор цветового набора при каждой загрузке страницы.

Доступность: 4 альтернативные версии

Помимо ГОСТ для образовательных сайтов, сделали версии для слабовидящих. На сайте четыре цветовые гаммы с разным контрастом: при выборе все элементы перекрашиваются в предустановленные схемы, меняется отображение изображений. Выбор сохраняется при переходах, пока пользователь не сбросит режим.

Результаты

По данным Яндекс.Метрики за июнь–август 2026:

50+

администраторов с разными уровнями доступа

2k+

создано страниц

124,3 тыс.

посетителей за период

154,6 тыс.

визитов за период

13,55%

отказов

4,07

страницы за визит

1 м 38 с

среднее время на сайте

Гибкая платформа: администраторы управляют блоками и страницами сами, не привлекая дизайнеров или программистов на каждую правку. После релиза сотрудничество продолжается — доработки и техническая поддержка идут непрерывно.

Отзыв клиента

Хочу выразить благодарность команде WAPP за реализацию проекта по разработке нового сайта Сколтеха. В ходе работ была спроектирована уникальная архитектура, позволяющая комплексно отразить все направления деятельности Института. Коллеги воплотили в реальность сложную административную панель, через которую в данный момент организован процесс внесения и актуализации контента на всех страницах сайта. Кроме того, реализована сквозная система связей между сущностями и подразделами, благодаря чему были оптимизированы трудозатраты в части контент-менеджмента. Мы продолжаем сотрудничество с командой WAPP и после релиза, в данный момент идет разработка дополнительного функционала и осуществляется непрерывная техническая поддержка. Все запросы коллеги оперативно берут в работу и качественно отрабатывают. В экстренных ситуациях (запросы на выходных, атаки извне, долгие согласования и т.д.) коллеги всегда шли навстречу и исполняли свои обязательства в необходимые для нас сроки.

Стек

Vue, Laravel, MySQL. Контур — публичный сайт университета и админка контента, а не онлайн‑уроки в реальном времени. Соседние EdTech-кейсы с другим фокусом: Glinka Digital и Future Volleyball School. Общий подход — на странице решений для образования.