Редизайн и интеграция новых страниц курсов для 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, адаптивный дизайн, анимации.