Strona trenera personalnego Filipa Rozmusa
Strona dla trenera personalnego z Nowego Targu: oferta, kalkulator kalorii i wieloetapowe formularze, które trafiają prosto na maila trenera.
Wyniki
Co zmieniło się po starcie projektu
Wyzwanie
Filip prowadzi treningi personalne i duo w Nowym Targu oraz współpracę online. Zapytania przychodziły rozproszone: przez Instagram, telefon i wiadomości, bez informacji o celu i poziomie klienta.
Potrzebował strony, która przedstawi go i jego ofertę, a jednocześnie zbierze od nowych osób komplet informacji, zanim zaczną rozmowę.
Rozwiązanie
Zaprojektowałem i zbudowałem szybką stronę w Next.js z jasną ofertą i jednym głównym celem: zgłoszenie na trening.
Wieloetapowe formularze prowadzą klienta krok po kroku, walidują dane w przeglądarce i na serwerze, a gotowe zgłoszenie trafia na maila trenera w czytelnym szablonie.
Wbudowany kalkulator kalorii daje odwiedzającym realną wartość i powód, żeby zostać na stronie dłużej.
Kluczowe funkcje
Co potrafi
- Funkcja 01
Wieloetapowe formularze
Zgłoszenie podzielone na krótkie kroki z walidacją (React Hook Form + Zod), dzięki czemu trener od razu wie, z kim rozmawia.
- Funkcja 02
Kalkulator kalorii
Interaktywne narzędzie dla odwiedzających, działające w całości w przeglądarce.
- Funkcja 03
Powiadomienia e-mail
Zgłoszenia wysyłane przez Resend w szablonach React Email, z ochroną przed spamem.
- Funkcja 04
SEO lokalne
Struktura treści i metadane pod wyszukiwania typu „trener personalny Nowy Targ”.
Technologia
Technologia i architektura
- Next.js
- TypeScript
- Tailwind CSS
- React Hook Form
- Zod
- Resend
- React Email
- Vercel