1. Огляд проєкту
Освітній продукт залучав аудиторію переважно з мобільної реклами, але стара посадкова сторінка була перевантажена контентом, зображеннями, повторними CTA та технічними обгортками. Вона мала продавати навчання, але не давала користувачу короткого й очевидного шляху від першого екрану до заявки або оплати
Завданням було не просто перемалювати сайт, а перебудувати конверсійний контур: зрозуміло пояснити пропозицію, зменшити тертя, зробити бронювання та оплату послідовними, а результат кожного кроку — вимірюваним
Моя роль охоплювала UX-аудит, архітектуру воронки, розробку нового mobile-first сайту, інтеграції, consent-aware аналітику та внутрішній dashboard для контролю рекламних і комерційних показників
2. З чим прийшов проєкт
•Стара сторінка мала понад 80 зображень і близько 606 KB HTML ще до завантаження зовнішніх ресурсів
•Мобільний LCP становив близько 9,2 секунди, а performance score був 66/100
•Середня глибина скролу була лише 15,9%, тому більшість користувачів не доходила до нижніх блоків
•Майже половина мобільних натискань припадала на зображення та їхні обгортки, а не на чітко виділений CTA
•Реклама, сайт, Telegram, бронювання, оплата та аналітика не утворювали одного прозорого ланцюга
3. Поставлені завдання
•Перебудувати сторінку як коротку mobile-first воронку з ясною ціннісною пропозицією
•Винести головний CTA на перший екран і додати окремий фінальний CTA
•Перевести користувача з landing page у бронювання, вибір формату та оплату без зайвих переходів
•Показати різницю між самостійним навчанням, куратором і менторством так, щоб вибір був зрозумілим
•Налаштувати вимірювання hero CTA, final CTA, заявок, бронювань, оплат і доходу
•Дотриматись consent-моделі: аналітика та маркетингові скрипти запускаються лише після відповідної згоди
4. Рішення та хід роботи
UX-аудит і нова структура
•Проведено аудит старої сторінки, мобільних heatmaps, scroll depth, recordings і performance-показників
•Замість нескінченної landing page спроєктовано компактний маршрут: hero → пояснення підходу → доказ цінності → аудиторія → фінальний CTA
•Контент скорочено до рішень, які допомагають прийняти наступний крок, а повтори, зайві таймери та декоративний шум прибрано
•Новий сайт зібрано на Next.js із контрольованою структурою, стабільним layout і швидшим завантаженням
Воронка навчання та оплати
•Побудовано окрему сторінку бронювання, де користувач одразу розуміє, що бронює місце на курсі, а сума зараховується у вартість навчання
•Додано сторінку форматів навчання з трьома зрозумілими сценаріями: самостійне проходження, навчання з куратором і менторство
•Checkout flow відділено від маркетингового контенту, щоб оплата відбувалась у спокійному та передбачуваному контексті
•Після оплати створено окремий success flow із наступними кроками та очікуваннями щодо доступу
Аналітика та контроль конверсії
•Впроваджено окремі події для hero CTA і final CTA, щоб бачити, де саме користувач приймає рішення
•GA4, GTM, Meta Pixel і Clarity підключені через consent-aware логіку, без передчасного запуску маркетингових скриптів
•Для серверних подій додано чергу та дедуплікацію через event_id
•Створено внутрішній dashboard, який зводить витрати, кліки, ліди, бронювання, платежі, дохід, CPL, CAC і ROAS в одному місці
•GTM-версію з consent guard і Lead tag опубліковано окремо, щоб рекламні події мали контрольований і перевірюваний життєвий цикл
5. Результат
•Перевантажену Weblium-сторінку замінено на керований mobile-first продукт із чіткою воронкою
•Шлях від реклами до CTA, бронювання, checkout і success page став послідовним і технічно контрольованим
•Команда отримала не просто новий дизайн, а систему, де можна бачити, скільки коштує залучення, скільки приходить лідів і де вони переходять до оплати
•Сторінка стала придатною для подальшої оптимізації конверсії на основі реальних подій, а не припущень
6. Технічний результат
Це була переробка не окремого лендингу, а всієї точки контакту між рекламою, навчальним продуктом і продажем. Новий сайт прибрав зайве тертя для користувача, а внутрішня аналітика дала власнику можливість бачити комерційний результат у межах однієї системи
