1. Przegląd projektu
Produkt edukacyjny pozyskiwał większość odbiorców z reklam mobilnych, ale stara strona docelowa była przeładowana treścią, obrazami, powtarzającymi się CTA i technicznymi wrapperami. Miała sprzedawać naukę, ale nie prowadziła użytkownika prostą drogą od pierwszego ekranu do zapytania lub płatności
Zadaniem nie było samo odświeżenie wyglądu, lecz przebudowanie całej ścieżki konwersji: wyjaśnić ofertę, usunąć tarcie, uporządkować rezerwację i płatność oraz mierzyć każdy ważny krok
Moja rola obejmowała audyt UX, architekturę lejka, nową stronę mobile-first, integracje, analitykę opartą na zgodach i wewnętrzny dashboard wyników
2. Punkt wyjścia
•Stara strona miała ponad 80 obrazów i około 606 KB HTML przed załadowaniem zewnętrznych zasobów
•Mobilny LCP wynosił około 9,2 sekundy, a performance score 66/100
•Średni scroll depth wynosił tylko 15,9%, więc większość użytkowników nie docierała do dolnych sekcji
•Prawie połowa mobilnych kliknięć trafiała w obrazy i ich wrappery zamiast w wyraźne CTA
•Reklamy, strona, Telegram, rezerwacja, płatność i analityka nie tworzyły jednego przejrzystego łańcucha
3. Cele
•Zbudować krótszy lejek mobile-first z jasną propozycją wartości
•Umieścić główne CTA na pierwszym ekranie i dodać osobne CTA końcowe
•Prowadzić użytkownika od strony do rezerwacji, wyboru formatu i płatności bez zbędnych przejść
•Ułatwić porównanie samodzielnej nauki, pracy z kuratorem i mentoringu
•Mierzyć CTA, zapytania, rezerwacje, płatności i przychód
•Uruchamiać analitykę i marketing dopiero po odpowiedniej zgodzie
4. Rozwiązanie
Audyt UX i architektura
•Przeanalizowano starą stronę, mapy kliknięć, scroll depth, nagrania i wydajność
•Zamiast niekończącego się landingu powstała krótka ścieżka: hero → wyjaśnienie → dowód wartości → odbiorca → CTA
•Usunięto powtórzenia, nadmiar timerów i dekoracyjny szum
•Stronę przebudowano w Next.js jako kontrolowany produkt mobile-first
Lejek nauki i płatności
•Powstała osobna strona rezerwacji z jasnym wyjaśnieniem, że opłata jest zaliczana na poczet programu
•Dodano czytelne porównanie trzech formatów nauki
•Checkout oddzielono od treści marketingowej, aby płatność była spokojna i przewidywalna
•Dodano osobny flow po płatności z kolejnymi krokami
Analityka i kontrola konwersji
•Dodano osobne zdarzenia dla CTA hero i CTA końcowego
•GA4, GTM, Meta Pixel i Clarity działają przez logikę zależną od zgody
•Dodano kolejkę zdarzeń serwerowych i deduplikację przez event_id
•Zbudowano dashboard łączący wydatki, kliknięcia, leady, rezerwacje, płatności, przychód, CPL, CAC i ROAS
•Opublikowano wersję GTM z consent guard i tagiem Lead
5. Rezultat
•Przeładowaną stronę Weblium zastąpiono kontrolowanym produktem mobile-first z jasnym lejkiem
•Droga od reklamy do CTA, rezerwacji, checkoutu i strony sukcesu stała się spójna i mierzalna
•Zespół otrzymał jedno miejsce do kontroli kosztu pozyskania, leadów i przejścia do płatności
•Powstała solidna baza do dalszej optymalizacji konwersji na podstawie danych
6. Rezultat techniczny
To nie był tylko redesign landing page. Przebudowano punkt styku reklamy, produktu edukacyjnego i sprzedaży. Nowa strona usunęła tarcie po stronie użytkownika, a dashboard pokazał wynik komercyjny w jednym systemie
