FitKnowHow — blog trenera personalnego
FitKnowHow to blog i wizytówka trenera personalnego Maćka Gąsiorka — miejsce, w którym wiedza o treningu i diecie spotyka się z dowodami skuteczności (metamorfozy klientów) i realną ścieżką do zapisania się na treningi.
Zaufanie przed zakupem
Trening 1:1 to usługa premium, którą klient kupuje dopiero po zbudowaniu zaufania do wiedzy trenera.
Trzy dowody zaufania w konkretnej kolejności przewijania: treść (blog), wynik (metamorfozy), zaangażowanie (e-book).
Rozjazd materiałów
Archiwalne zdjęcia klientów w różnych proporcjach i jakości trzeba było ułożyć w spójną, wiarygodną galerię.
Konsekwentna, kontrastowa czarno-biała stylistyka karuzeli metamorfoz i kart bloga.
Wysoki próg wejścia
Formularz kontaktowy na start wymaga od razu decyzji o współpracy — zbyt duży krok dla nowego odwiedzającego.
Darmowy e-book jako niski próg pierwszego kontaktu, z dwoma osobnymi CTA na stronie.
Historia projektu
01
Blog, który buduje autorytet
Zaprojektowaliśmy siatkę 3 kolumn z sekcją "Najpopularniejsze na blogu" nad podziałem na kategorie (Trening, Dieta), żeby nowy odwiedzający od razu trafiał na najbardziej sprawdzone treści, a nie przypadkowy najnowszy wpis. Każda karta pokazuje czas czytania i datę publikacji – to sygnał, że blog żyje i jest aktualizowany, nie archiwum sprzed lat. Zdjęcia w kartach utrzymaliśmy w spójnej, kontrastowej czerni i bieli, żeby galeria wyglądała jak redakcyjny magazyn, a nie zlepek stockowych fotek.
02
Wyniki zamiast obietnic
Zamiast opisywać efekty słowami, postawiliśmy na karuzelę zdjęć przed/po z podpisaną wagą w kilogramach na każdym ujęciu – to konkret, który nie wymaga zaufania na słowo. Pod karuzelą metamorfoz umieściliśmy od razu opinie z Google z imieniem, awatarem i datą, żeby dowód wizualny i dowód społeczny działały jedno po drugim, bez przełączania kontekstu. Kropkowa nawigacja z kilkunastoma pozycjami sygnalizuje, że to nie są dwa wybrane przypadki, tylko regularna praktyka.
03
E-book jako pierwszy krok
Zamiast stawiać na start formularz kontaktowy, który wymaga od razu decyzji o współpracy, zaprojektowaliśmy sekcję z darmowym e-bookiem jako niskim progiem wejścia. Czarne tło i biały logotyp odcinają tę sekcję wizualnie od reszty strony, sygnalizując zmianę trybu – z czytania na działanie. Checkbox zgody na przetwarzanie danych umieściliśmy bezpośrednio przy przycisku pobrania, zgodnie z wymogami RODO, bez ukrywania go w stopce.
04
Hero, który działa na telefonie
Na mobile złożyliśmy hero w pionowy układ ze zdjęciem trenera pod nagłówkiem, nie obok niego – na wąskim ekranie dwie kolumny obok siebie skróciłyby zarówno tekst, jak i zdjęcie do nieczytelnych fragmentów. Przycisk "Zostań na dłużej" i nazwisko trenera zostały nad kreską, żeby telefon w pierwszym ekranie pokazywał to, po co ktoś tu trafił – kim jest Maciek i co ma mu do zaoferowania.
05
Karuzela metamorfoz na dotyk
Karuzelę metamorfoz przenieśliśmy na mobile jeden do jednego – to samo zdjęcie przed/po z wagą w kilogramach, tylko w pełnej szerokości ekranu, żeby szczegóły sylwetki były czytelne bez zoomowania. Kropki nawigacyjne pod zdjęciem pozwalają przewijać dowody kciukiem, a sekcja opinii klientów zaraz pod spodem utrzymuje tę samą kolejność dowodów co na desktopie: najpierw wynik, potem potwierdzenie w słowach.
