Redesign and integration of new course pages for Speaking Club

Project: Redesign and integration of a new course page for Speaking Club (Vue + Express.js)
Task:
• Develop a new HUB course page (https://speakingclub.ua/courses) with responsive design, interactive elements, and animation.
• On clicking the buttons “Leave a request” — scroll to the form; “More details” — open the corresponding course; “Take the test” — go to the Telegram bot.
• Add two mobile layout options: scroll and swipe carousel for UX testing.
• Redesign existing Core and NMT pages and develop new Speaking and Individual pages.
• Integration of payment systems LiqPay and Monobank, including the payment page and successful payment page.
• Changes in the menu, updating courses and links, integration of UTM tags in all forms and payments.
• UX optimization: sticky header on scroll, closing modal windows by clicking on empty space and the Escape button, responsiveness for all devices.
Implementation:
• New pages created on Vue.js, server logic and API on Express.js.
• Animations are smooth, interactive elements implemented through Vue transitions.
• Integration with payment systems via their official APIs (LiqPay, Monobank).
• All forms support the transmission of UTM tags for analytics.
Result:
• Modern, interactive UX on all course pages.
• User-friendly navigation and responsive design for any devices.
• Fully integrated payment solutions that allow for quick and secure purchases.
• Optimized analytics and conversion tracking through UTM and integrations.
Technologies: Vue.js, Express.js, JavaScript, HTML/CSS, API integration with LiqPay and Monobank, responsive design, animations.