Редизайн та інтеграція нових сторінок курсів для Speaking Club

Проєкт: Редизайн та інтеграція нової сторінки курсів для Speaking Club (Vue + Express.js)
Завдання:
• Розробити нову ХАБ сторінку курсів (https://speakingclub.ua/courses) з адаптивним дизайном, інтерактивними елементами та анімацією.
• При кліку на кнопки “Залишити заявку” — скрол на форму; “Детальніше” — відкриття відповідного курсу; “Пройти тест” — перехід на Telegram-бот.
• Додати два варіанти мобільної верстки: скролл і свайп-карусель для тестування UX.
• Редизайн існуючих сторінок Core та NMT та розробка нових сторінок Speaking та Individual.
• Інтеграція платіжних систем LiqPay та Monobank, включаючи сторінку оплати та сторінку успішної оплати.
• Зміни в меню, оновлення курсів та посилань, інтеграція UTM-міток у всі форми та оплати.
• Оптимізація UX: закріплення шапки при скролі, закриття модальних вікон через порожній простір та кнопку Escape, адаптивність під усі пристрої.
Реалізація:
• Нові сторінки створені на Vue.js, серверна логіка та API на Express.js.
• Анімації плавні, інтерактивні елементи реалізовані через Vue transitions.
• Інтеграція з платіжними системами через їхні офіційні API (LiqPay, Monobank).
• Всі форми підтримують передачу UTM-міток для аналітики.
Результат:
• Сучасний, інтерактивний UX на всіх сторінках курсів.
• Зручна навігація та адаптивний дизайн для будь-яких пристроїв.
• Повністю інтегровані платіжні рішення, що дозволяють швидко та безпечно здійснювати покупки.
• Оптимізована аналітика та контроль конверсій через UTM та інтеграції.
Технології: Vue.js, Express.js, JavaScript, HTML/CSS, API інтеграції з LiqPay та Monobank, адаптивний дизайн, анімації.