Zaprojektowaliśmy i wdrożyliśmy nową wersję strony terapeuta-online.pl dla Risify - platformy dopasowującej psychoterapeutów online. Poprzednia strona, zbudowana na motywie Elementor z ponad 30 wtyczkami, miała słabe wyniki szybkości (35 pkt mobile / 60 pkt desktop w PageSpeed).
Dzięki przeniesieniu na Webflow i zbudowaniu spójnego design systemu, czas ładowania wynosi ok. sekundy, a projekt zyskał solidną bazę do dalszego rozwoju.
<1s
czas ładowania strony na Webflow - dla porównania poprzednia wersja na Elementorze osiągała 35 pkt na mobile i 60 pkt na desktopie w PageSpeed
4 tyg
od projektu graficznego do publikacji strony
+30 -> 1
wtyczek - funkcjonalności, które wcześniej zapewniały wtyczki Elementora, zostały zbudowane natywnie w Webflow
Design system
kompletny zestaw stylów, komponentów i zmiennych (variables), gotowy do szybkiego skalowania i budowy kolejnych podstron
Poprzednia strona, która była zbudowana na gotowym motywie Elementor, miała zainstalowane ponad 30 wtyczek, a każda z nich odpowiadała za inny fragment funkcjonalności. Efektem było wolne ładowanie (35 punktów na urządzeniach mobilnych w PageSpeed) i rosnące ryzyko, że kolejna aktualizacja wtyczki coś zepsuje.
Dla platformy, której głównym zadaniem jest szybkie i bezstresowe poprowadzenie użytkownika przez quiz dopasowania terapeuty, każda sekunda opóźnienia i każdy potencjalny błąd techniczny miały realny wpływ na konwersję.
Największym wyzwaniem było zbudowanie strony wolnej od technicznego długu - szybkiej, stabilnej i gotowej do dalszej rozbudowy.
Proces zaczęliśmy od makiety UX porządkujących strukturę strony, a następnie przeszliśmy do warstwy UI. Zamiast projektować pojedyncze widoki, zbudowaliśmy kompletny design system - spójny zestaw stylów, komponentów i zmiennych (variables) - który stał się fundamentem pod wdrożenie w Webflow oraz rozbudowę o nowe podstrony.
Dzięki temu podejściu wdrożenie nie polegało na odtworzeniu starej strony 1:1, ale na zbudowaniu jej od nowa na solidnych, uporządkowanych fundamentach - bez żadnej z 30+ wtyczek, które wcześniej odpowiadały za funkcjonalności. Cały proces, od pierwszych makiet po publikację, zajął 4 tygodnie.
Zbudowaliśmy nie tylko szybszą stronę, ale przede wszystkim bazę, na której Risify może szybko rozwijać kolejne podstrony i funkcje w nadchodzących miesiącach.
Dowieźliśmy projekt zgodnie z oczekiwaniami
Wewnętrzny zespół developerów bardzo się ucieszył, że w końcu będziemy mieć porządny design system! Dzięki temu tworzenie landing page'y na potrzeby kolejnych kampanii jest szybsze, a strony zawsze są ze sobą spójne.
Zaintereował Cię ten case?
Na każdą wiadomość odpowiadam w ciągu 48h!
Nie czuj presji, że umówione spotkanie musi oznaczać nawiązanie współpracy. Najpierw chcę sprawdzić, czy mogę Ci pomóc.
Nie będę wysyłać wiadomości marketingowych i nie sprzedam Twoich danych. Obiecuję!