Strona studia fitness

Landing page studia fitness - rezerwacje i grafik zajęć

Strona dla studia fitness z nowoczesnym designem i animacjami, grafikiem zajęć, galerią i systemem rezerwacji online zwiększającym konwersję.

NDA

KlientNDA / branża fitness

BranżaFitness i wellness

Rok2024

TypStrona studia fitness

Realizacja MKM Labs: Landing page studia fitness - rezerwacje i grafik zajęć

Success story

Co zrobiliśmy

Zrobiliśmy stronę studia z płynnymi animacjami, żywym grafikiem zajęć oraz rezerwacją online z płatnością. Galeria studia, opisy trenerów i system opinii klientów. Panel administracyjny dla właściciela z obłożeniem sal i statystykami.

2024 rok realizacji

5+ obszary prac

React 19.2 główny stack

Problem

Wyzwanie biznesowe

Studio fitness przyjmowało zapisy przez telefon i Facebook Messengera, co powodowało gubienie rezerwacji i podwójne zapisy na tę samą godzinę. Stara strona nie pokazywała grafiku zajęć w czasie rzeczywistym, a właściciel nie widział żadnej analityki.

Rozwiązanie

Jak to ułożyliśmy

Rezultaty

Efekt wdrożenia

System rezerwacji online zastąpił telefony i Messengera
Zerowe podwójne rezerwacje od momentu uruchomienia
Wzrost zapisów na zajęcia o ~35% w 3 miesiące
Grafik dostępny 24/7 na mobile

Zakres

Co dostarczyliśmy

Strona studiaSystem rezerwacjiGrafik zajęćUX/UIAnimacje Framer Motion

Stack

Technologie

React 19.2ViteTailwind CSS 4.3Framer Motion

W środku serwisu

Funkcjonalności - przejście po module

Realizacja objęta NDA, więc zamiast zrzutów opisujemy przejście po module: co widzi klientka lub klient studia, jak działa grafik i rezerwacja, co widzi właściciel w panelu i co dokłada warstwa AI.

Funkcja 01

Landing na React z animacjami Framer Motion

Podstawą jest strona studia z płynnymi animacjami - animacje sekcji prowadzą przez ofertę studia zamiast wysypywać wszystko na raz. Na stronie są galeria studia, opisy trenerów i system opinii klientów, czyli materiał, który realnie domyka decyzję o zapisie. Poprzednia strona nie robiła nic z tego.

Funkcja 02

Grafik zajęć synchronizowany z backendem

Grafik zajęć pobiera dane z backendu, więc pokazuje aktualny plan, a nie statyczną tabelkę aktualizowaną ręcznie. Jest dostępny 24/7 i na telefonie - o każdej porze widać, co się odbywa i gdzie są wolne miejsca. Wcześniej informacja o zajęciach nie istniała w czasie rzeczywistym.

Funkcja 03

Rezerwacje online z płatnościami

System rezerwacji online zastąpił zapisy przez telefon i Facebook Messengera, z płatnością w tym samym kroku. Miejsce jest blokowane w momencie rezerwacji, więc od uruchomienia nie zdarzyły się podwójne zapisy na tę samą godzinę - wcześniej gubione rezerwacje i dublowanie terminów były normą. Efekt to około 35% wzrostu zapisów na zajęcia w trzy miesiące.

Funkcja 04

Panel administracyjny właściciela

Właściciel dostał panel z obłożeniem sal i statystykami - przedtem nie widział żadnej analityki. Widać, które zajęcia się zapełniają, a które nie, więc grafik można układać na podstawie danych, a nie wrażeń. Panel jest jedynym miejscem, z którego zarządza się zajęciami i zapisami.

Funkcja 05

Warstwa AI - asystent zapisów studia

Nad grafikiem i rezerwacjami projektujemy warstwę AI: agenta z dostępem do narzędzi systemu, który sprawdza plan zajęć, wolne miejsca i historię zapisów konkretnej osoby. Odpowiada wyłącznie na podstawie danych z systemu - jeśli w grafiku nie ma zajęć o danej porze, mówi to wprost, zamiast proponować termin z powietrza. Przy każdej podpowiedzi pokazuje, z którego terminu i sali korzysta, a rozmowa kończy się przejściem do właściwej rezerwacji. Dla właściciela to asystent, który streszcza obłożenie i wyłapuje pytania bez odpowiedzi. Każde zapytanie trafia do dziennika audytu.

Agent z narzędziamiOdpowiedzi wyłącznie z danych grafikuWskazanie terminu i saliDziennik audytu zapytańPrzekazanie do rezerwacji

Chcesz podobny efekt?

Przynieś problem, obecny proces albo starą stronę. Powiemy, co warto przebudować, co zostawić i gdzie automatyzacja ma realny sens.

Porozmawiajmy