Nexa Academy — концепт сайта для онлайн-школы

Онлайн-школа продаёт не видео, а смену профессии — дорогое и страшное решение. Человек сравнивает 5–7 школ, и все обещают одно и то же: «топовые менторы», «95% трудоустройства», «профессия с нуля за 3 месяца». Этим цифрам уже никто не верит, а настоящие сомнения остаются без ответа: справлюсь ли я без опыта, сколько часов в неделю это займёт, что именно я буду уметь и сколько это будет стоить в месяц.

Сайт должен был работать на четыре цели:

• Показать результат обучения до оплаты — конкретными навыками и работами, а не обещаниями трудоустройства.
• Помочь выбрать курс за минуту — среди девяти программ в пяти направлениях, с учётом уровня и длительности.
• Снять ценовое возражение — прозрачные тарифы, оплата сразу со скидкой или рассрочка от школы без банков.
• Собирать тёплые лиды — через бесплатный урок и таймер до старта потока, а не через агрессивные «осталось 2 места».

Идея — «перемотка». Весь лендинг построен как плеер курса. На первом экране — живой мокап: протягиваете ползунок по 16 неделям, и макет студента меняется от серого вайрфрейма до чистового UI, адаптива с прототипом и готового кейса с печатью «Готово к портфолио». Рядом обновляются раздел курса и счётчик навыков. Ролик проигрывается сам, когда плеер попадает в кадр, и останавливается от первого касания. На смартфоне плеер стоит сразу под заголовком — «вау» видно без единого скролла.

Tech-эстетика без стока. Глубокий индиго и фиолетовый, кислотный лайм как единственный акцент, стеклянные карточки с размытием и градиентные 3D-сферы, нарисованные чистым CSS. Гарнитуры Unbounded, Onest и JetBrains Mono — с полной поддержкой украинского. Навигация по разделам напоминает таймкоды: «01 / Каталог», «02 / Программа», боковая шкала разделов на широких экранах.

Каталог, который ведёт к заявке. Фильтры по направлению, уровню и длительности мгновенно перестраивают сетку из девяти курсов; на смартфоне это лента с горизонтальной прокруткой. Кнопка «Программа» открывает страницу курса прямо на лендинге: паспорт курса с ценой, «Что вы будете уметь», инструменты, аккордеон модулей с результатом каждого модуля и дипломный проект.

Платформа изнутри. Блок «Как проходит обучение» — интерфейс кабинета студента на HTML/CSS: видеоурок с таймкодами, домашнее задание, комментарий ментора, живой воркшоп и прогресс диплома. Переключение шагов подсвечивает нужную часть интерфейса.

Цена без сюрпризов. Тарифы пересчитываются под выбранный курс, переключатель «рассрочка / сразу −10%», таблица сравнения и калькулятор рассрочки со слайдером количества платежей. Таймер до старта потока считает реальную дату ближайшего старта.

Честность как аргумент. Никакой выдуманной статистики трудоустройства: в FAQ прямо сказано, что работу не гарантирует никто, а школа гарантирует портфолио, проверенное практиком. Первая неделя — с правом возврата.