Цифра — Всероссийский акселератор для студентов
Лендинг образовательной программы со сложной scroll-driven анимацией и историями реальных выпускников
Цифра — бесплатный акселератор для студентов всех вузов страны: образовательный трек, менторство, призовой фонд и нетворк с потенциальными работодателями. Аудитория — студенты, которые изучают сайт со смартфона в перерыве между парами. Задача: рассказать про 6 отраслевых треков, программу обучения и истории выпускников через плотную editorial-подачу с кинематографичным скроллом, не превратив лендинг в тяжёлую презентацию.
Задача
Материал был обширным — 6 треков, программа обучения, призовой фонд, истории выпускников с реальными привлечёнными суммами. Нужно было выстроить повествование так, чтобы читатель проходил его как историю, а не пролистывал стену текста, и при этом не терял ощущение скорости на мобильном.
Решение
Собрали сайт на сцепке Lenis (плавный скролл) и Motion для покадровых переходов между секциями: educational-program и what-do-u-get построены на scroll-linked индексах — контент подменяется по мере прокрутки, а не просто появляется по fade. Кастомный шрифт PP Neue Machina задаёт индустриальный, немного футуристичный характер, отличающий Цифру от типового EdTech-лендинга.
Результат
Лендинг доносит 6 направлений, образовательную программу и истории 6 выпускников с суммарно привлечёнными 26,8 млн ₽ инвестиций и грантов в единой непрерывной scroll-истории. Карусель кейсов и трекер треков адаптированы отдельно под мобильные жесты (embla-carousel-wheel-gestures).