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

Онлайн-школа продає не відео, а зміну професії — дороге й страшне рішення. Людина порівнює 5–7 шкіл, і всі обіцяють одне й те саме: «топові ментори», «95% працевлаштування», «професія з нуля за 3 місяці». Цим цифрам уже ніхто не вірить, а справжні сумніви лишаються без відповіді: чи впораюся я без досвіду, скільки годин на тиждень це забере, що саме я вмітиму і скільки коштуватиме щомісяця.

Сайт мав працювати на чотири цілі:

• Показати результат навчання до оплати — конкретними навичками й роботами, а не обіцянками працевлаштування.
• Допомогти обрати курс за хвилину — серед дев'яти програм у п'яти напрямах, з урахуванням рівня й тривалості.
• Зняти цінове заперечення — прозорі тарифи, оплата одразу зі знижкою або розстрочка від школи без банків.
• Збирати теплі ліди — через безкоштовний урок і таймер до старту потоку, а не через агресивні «залишилось 2 місця».

Ідея — «перемотування». Увесь лендінг побудований як плеєр курсу. На першому екрані — живий мокап: протягуєте повзунок по 16 тижнях, і макет студента змінюється від сірого вайрфрейму до чистового UI, адаптиву з прототипом і готового кейсу з печаткою «Готово до портфоліо». Поруч оновлюється розділ курсу й лічильник навичок. Ролик програється сам, коли плеєр потрапляє в кадр, і зупиняється від першого дотику. На смартфоні плеєр стоїть одразу під заголовком — «вау» видно без жодного скролу.

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

Каталог, що веде до заявки. Фільтри за напрямом, рівнем і тривалістю миттєво перебудовують сітку з дев'яти курсів; на смартфоні це стрічка з горизонтальним гортанням. Кнопка «Програма» відкриває сторінку курсу просто на лендінгу: паспорт курсу з ціною, «Що ви вмітимете», інструменти, акордеон модулів із результатом кожного модуля та дипломний проєкт.

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

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

Чесність як аргумент. Жодної вигаданої статистики працевлаштування: у FAQ прямо сказано, що роботу не гарантує ніхто, а школа гарантує портфоліо, перевірене практиком. Перший тиждень — з правом повернення.