Redesign i integracja nowych stron kursów dla Speaking Club
Projekt: Redesign i integracja nowej strony kursów dla Speaking Club (Vue + Express.js)
Zadania:
• Opracować nową stronę HUB kursów (https://speakingclub.ua/courses) z responsywnym designem, interaktywnymi elementami i animacją.
• Po kliknięciu na przyciski “Złożyć wniosek” — przewijanie do formularza; “Dowiedz się więcej” — otwarcie odpowiedniego kursu; “Zrób test” — przejście do bota Telegram.
• Dodać dwa warianty mobilnej wersji: przewijanie i karuzelę swipe do testowania UX.
• Redesign istniejących stron Core i NMT oraz opracowanie nowych stron Speaking i Individual.
• Integracja systemów płatności LiqPay i Monobank, w tym strona płatności i strona potwierdzenia płatności.
• Zmiany w menu, aktualizacja kursów i linków, integracja znaczników UTM we wszystkich formularzach i płatnościach.
• Optymalizacja UX: przyklejenie nagłówka podczas przewijania, zamykanie okien modalnych przez pustą przestrzeń i przycisk Escape, responsywność na wszystkie urządzenia.
Realizacja:
• Nowe strony stworzone na Vue.js, logika serwera i API na Express.js.
• Animacje płynne, interaktywne elementy zrealizowane przez przejścia Vue.
• Integracja z systemami płatności przez ich oficjalne API (LiqPay, Monobank).
• Wszystkie formularze wspierają przesyłanie znaczników UTM do analityki.
Wynik:
• Nowoczesny, interaktywny UX na wszystkich stronach kursów.
• Wygodna nawigacja i responsywny design dla wszelkich urządzeń.
• Kompletnie zintegrowane rozwiązania płatnicze, które umożliwiają szybkie i bezpieczne zakupy.
• Optymalizowana analityka i kontrola konwersji przez UTM i integracje.
Technologie: Vue.js, Express.js, JavaScript, HTML/CSS, integracja API z LiqPay i Monobank, responsywny design, animacje.
Zadania:
• Opracować nową stronę HUB kursów (https://speakingclub.ua/courses) z responsywnym designem, interaktywnymi elementami i animacją.
• Po kliknięciu na przyciski “Złożyć wniosek” — przewijanie do formularza; “Dowiedz się więcej” — otwarcie odpowiedniego kursu; “Zrób test” — przejście do bota Telegram.
• Dodać dwa warianty mobilnej wersji: przewijanie i karuzelę swipe do testowania UX.
• Redesign istniejących stron Core i NMT oraz opracowanie nowych stron Speaking i Individual.
• Integracja systemów płatności LiqPay i Monobank, w tym strona płatności i strona potwierdzenia płatności.
• Zmiany w menu, aktualizacja kursów i linków, integracja znaczników UTM we wszystkich formularzach i płatnościach.
• Optymalizacja UX: przyklejenie nagłówka podczas przewijania, zamykanie okien modalnych przez pustą przestrzeń i przycisk Escape, responsywność na wszystkie urządzenia.
Realizacja:
• Nowe strony stworzone na Vue.js, logika serwera i API na Express.js.
• Animacje płynne, interaktywne elementy zrealizowane przez przejścia Vue.
• Integracja z systemami płatności przez ich oficjalne API (LiqPay, Monobank).
• Wszystkie formularze wspierają przesyłanie znaczników UTM do analityki.
Wynik:
• Nowoczesny, interaktywny UX na wszystkich stronach kursów.
• Wygodna nawigacja i responsywny design dla wszelkich urządzeń.
• Kompletnie zintegrowane rozwiązania płatnicze, które umożliwiają szybkie i bezpieczne zakupy.
• Optymalizowana analityka i kontrola konwersji przez UTM i integracje.
Technologie: Vue.js, Express.js, JavaScript, HTML/CSS, integracja API z LiqPay i Monobank, responsywny design, animacje.