Wyzwanie: Eliminacja „wąskich gardeł” sprzedaży
Klient przyszedł z istniejącą stroną, która była hamulcem biznesu: ładowała się do 6 sekund, miała błędy w ścieżce zakupowej (brak intuicyjnego koszyka) i chaotyczną listę usług. Zamiast optymalizować stronę stworzoną na ciężkim szablonie, zaproponowałem budowę nowego systemu od zera, opartego na nowoczesnej technologii, która gwarantuje błyskawiczną wydajność.
Problem redundancji danych usług
Największym wyzwaniem była optymalizacja oferty. Usługi różniły się głównie liczbą jednostek treningowych, co tworzyło nieczytelny gąszcz.
Nowa ścieżka użytkownika
Proces zacząłem od rozpisania ścieżki użytkownika (User Journey). Musiałem stworzyć balans: z jednej strony strona musi sprzedawać, z drugiej – budować autorytet trenera.
Styl wizualny
Połączyłem „medyczną” precyzję (wiedza dietetyczna, profesjonalizm) z lifestylowym, nowoczesnym sportem. Strona nie miała być krzykliwa, lecz budzić zaufanie.
Iteracje
Projekt był konsultowany z trenerem na każdym etapie – od wireframe’ów po dobór zdjęć – aby upewnić się, że klimat strony w 100% odpowiada jego marce. Poniżej parę sekcji prezentujących wypracowany styl.
Technologia, bezpieczeństwo danych i wydajność
Stronę wdrożyłem w Next.js i Sanity, osiągając wyniki bliskie maksimum w PageSpeed Insights. Jednak najważniejszym technicznym wyzwaniem była integracja z bramką płatniczą i ochrona danych wrażliwych (RODO).
Optymalizacja zarządzania wariantami usług
Podczas budowy konfiguratora usług świadomie zrezygnowałem ze złożonych zagnieżdżeń logicznych na rzecz płaskiej struktury danych. Choć przy 16 wariantach ( lokalizacje × pakiety) wymaga to przypisania ceny do każdego z nich osobno, wybrałem ten model ze względu na pełną przewidywalność systemu i bezpieczeństwo danych płatniczych. Dla biznesu trenera personalnego system 'płaski' jest odporny na błędy logiczne, daje właścicielowi 100% kontroli nad cennikiem w panelu Sanity i eliminuje ryzyko nieprzewidzianych zmian cen, co czyni go rozwiązaniem bezpieczniejszym i łatwiejszym w utrzymaniu niż najbardziej wyrafinowany kod.
Skalowalność
Architekturę zaprojektowałem „przyszłościowo” – system pozwala w każdej chwili dodać kolejne warianty (np. trenerzy), gdy firma będzie się rozwijać.
Szyfryzacja danych wrażliwych
Aby trener mógł podejrzeć dane zamówienia, musi wywołać przez API dedykowaną funkcję odszyfrowującą (podpiętą do przycisku). Dzięki temu nawet w przypadku wycieku danych z bazy, informacje o klientach pozostają bezpieczne.
Samodzielność biznesowa
Przygotowałem system, w którym trener (lub jego specjalista SEO) może w dowolnej chwili zmieniać ceny, dodawać nowe pakiety usług czy kategorie, nie wymagając interwencji programisty. To daje klientowi pełną niezależność w zarządzaniu ofertą.
