Лендінг STUDY.UA — Вища освіта в Канаді
Промо-лендінг освітнього івенту STUDY.UA для українських школярів про навчання у Канаді.
Завдання
STUDY.UA — освітня компанія з 20-річним досвідом, офіційний представник 550 університетів і шкіл у 10 країнах світу. Під канадську освітню кампанію 2022 року клієнту був потрібен окремий промо-лендінг із єдиною конверсійною дією: зібрати заявку на безкоштовну консультацію з експертом і віддати у відповідь корисний PDF «Найпопулярніші спеціальності для навчання в Канаді».
Дизайн надала внутрішня команда STUDY.UA. На нашому боці — інженерія: pixel-perfect верстка, інтерактивні блоки, форма з міжнародним телефонним полем, аналітика, інтеграції з Binotel і Meta Pixel, оптимізація під продакшн.
Реалізація
Hero з лід-формою
Hero-екран будується довкола стилізованої мапи Канади з кленовими листочками й силуетом міста. Над hero «зависає» картка форми з полями «Ім’я / Email / телефон з вибором країни» і червоною CTA «Залишити заявку». Картка перекриває hero й верхню межу наступного блоку — це не випадковий косметичний прийом, а зумисний посил: «реєстрація — крок №1, повз неї не пройти». Поле телефону зібрали на бібліотеці з прапорами країн і автомаскою номера, валідацію тримали на клієнті й на сервері.
Блок PDF-бонусу
Одразу після форми йде «pdf-капкан» — нагорода за заявку. Фон секції викладений ілюстраціями факультетів (Media, Natural Sciences, Computer Tech, Business…), праворуч — крупна іконка PDF і обіцянка подарунка. Все це зверстано як один інтегральний шматок, без розривів між заявкою і винагородою.
Слайдер переваг
«Чому українські випускники обирають Канаду?» — горизонтальний slick-слайдер з картками-фото. Кожна картка — повноекранне фото з градієнтом, червоний номер позиції, заголовок і коротке пояснення. Слайдер показує 2.5 картки на десктопі, 1.2 на мобільному, з кастомним смуглим тайтлом і без візуальних стрілок-крапок.
Корпоративний блок Study.ua
На червоному тлі — командне фото, 7 числових метрик в один рядок (20 років / 550 ВНЗ / 2000 студентів / 99% віз / 200 спеціалістів / 11 центрів / 100 програм) і блок премії StudyTravel Star Awards з підкресленими роками 2020/2021/2022. Динамічна частина чисел — це не статичні картинки, а текст: на скролл вони м’яко інкрементуються від 0 до значення (wow.js + кастомний counter).
Картки «дізнатися на консультації»
Сітка з 4 картками, 3D-іконками і блоками тексту, з декоративною rough-стрілкою-доріжкою на тлі. Картки витримують контентну гнучкість — текст у одних коротший, у інших до 4 рядків, висота вирівнюється mins-height без обрізок.
Слайдер університетів-партнерів
«Study.ua — офіційний представник 550 університетів». Реалізували як багаторядкову горизонтальну стрічку логотипів з масковими білими картками, по 4 у рядку на десктопі. Логотипи — окремі прозорі PNG, оптимізовані під retina.
Фінальний CTA
Замикає лендінг крупний композиційний блок: гігантські «95%» позаду фото випускників у мантіях, біла картка з фактом про працевлаштування і двокрокова пам’ятка «Реєструйтеся → отримуйте подарунок». Замість тривіальної кнопки внизу — rough-стрілка-вказівник, що ілюзорно «вказує» на CTA «Зареєструватись».
Інтеграції
- Лід-форма — POST у внутрішній API STUDY.UA з валідацією на сервері; заявки потрапляють до CRM менеджерів агенції.
- Binotel — підключений віджет зворотнього дзвінка з налаштованим розкладом доступності, а також віртуальна АТС для дзвінків з лендінгу.
- Meta Pixel — повний треккінг подій (PageView, Lead) для рекламних кампаній у Facebook/Instagram.
- PDF-доставка — після успішної заявки користувач отримує лист зі завантаженням обіцяного PDF.
Технологічна частина
Лендінг зібраний як окрема підпапка на домені online.study.ua — повністю автономний один-сторінковий сайт без CMS, оптимізований під швидкий запуск рекламної кампанії. Стек: HTML5 + SASS + jQuery / slick / wow.js / IntlTelInput. Усі асети оптимізовані, без зовнішніх блокуючих скриптів вище fold.
