Strona internetowa i system rezerwacji dla popularnej restauracji w samym sercu gdańskiego Starego Miasta, zaprojektowane na podstawie doświadczenia z jej codziennej pracy.
Goście rezerwują stolik online w kilku krokach i na każdym etapie dostają e-mail. Zespół widzi wszystkie rezerwacje w jednym panelu, dostaje natychmiastowe powiadomienie w Telegramie o każdej nowej prośbie i sam zarządza treścią strony, bez programisty.
To projekt własny. Nie został wdrożony w restauracji, ale cały system możesz sprawdzić poniżej jako działające demo.
Wyzwanie
Te problemy widzieliśmy na co dzień, pracując w restauracji.
Za dużo rezerwacji zależało od telefonu
Gdańsk to jedno z najpopularniejszych miejsc turystycznych nad Bałtykiem. W sezonie restauracja dostawała mnóstwo próśb o rezerwację przez telefon, a zespół w tym samym czasie obsługiwał pełną salę. Nie na każdy telefon dało się szybko odpowiedzieć, a zatrudnianie osoby tylko do obsługi rezerwacji byłoby zbędnym kosztem.
Każda rezerwacja telefoniczna oznaczała też ręczną pracę: odebrać telefon, zapisać szczegóły, a potem samodzielnie wpisać rezerwację do systemu.
Gość, który nie może się dodzwonić, rzadko czeka na oddzwonienie. Rezerwuje gdzie indziej, a restauracja nawet się o tym nie dowiaduje. To ten sam mechanizm, który widzimy przy leadach sprzedażowych: o wyniku w dużej mierze decydują pierwsze minuty po zapytaniu.
Goście potrzebowali informacji szybciej i w większej liczbie języków
W godzinach szczytu nawet kilka dodatkowych minut czekania może zepsuć wrażenia gościa. Goście mieli pytania o dania i składniki, a obsługa była skupiona na serwisie. Wielu z nich przyjeżdżało z zagranicy, tymczasem strona była dostępna tylko w dwóch językach, a papierowe menu nie dawało zagranicznym gościom szczegółowych informacji w zrozumiałym dla nich języku.
Strona nie była zrobiona z myślą o telefonach
Dotychczasowa strona nie miała wersji mobilnej ani cyfrowego menu, a obsługa języków była ograniczona. Na telefonie jej główna treść ładowała się 13,8 sekundy. Goście nie mogli wygodnie przejrzeć dań, zobaczyć zdjęć ani sprawdzić składników przed wizytą ani w jej trakcie.
Dla biznesu oznaczało to utracone rezerwacje, więcej ręcznej pracy dla zespołu, wolniejszą obsługę w najbardziej ruchliwych godzinach i większe ryzyko negatywnych opinii.
Rezerwacja stolika w kilku krokach
Wcześniej goście musieli zadzwonić do restauracji albo skorzystać z zewnętrznej aplikacji do rezerwacji. Teraz cały proces odbywa się na stronie restauracji, w języku gościa:
- Gość wybiera datę i godzinę.
- Podaje dane kontaktowe.
- Prośba w czasie rzeczywistym pojawia się w panelu, zespół dostaje natychmiastowe powiadomienie w Telegramie, a gość otrzymuje e-mail z informacją, że rezerwacja czeka na potwierdzenie.
- Manager sprawdza i potwierdza rezerwację.
- Gość automatycznie dostaje e-mail z potwierdzeniem.
Wszystkie rezerwacje online trafiają do jednego panelu, w którym manager może znaleźć rezerwację po numerze telefonu lub adresie e-mail, oznaczyć przybycie gości i obsłużyć anulacje. System jest też gotowy na kolejny krok: pobieranie rezerwacji z zewnętrznych platform przez API.
Menu stworzone dla telefonów i zagranicznych gości
Strona powstała w podejściu mobile-first. Większość gości otwiera ją na telefonie, często w drodze do restauracji albo już przy stoliku, dlatego wersja mobilna była traktowana jako główny produkt, a nie dodatek do wersji na komputer. Ma to znaczenie także dla wyszukiwarki: Google indeksuje i ocenia strony na podstawie ich wersji mobilnej.
Na telefonie główna treść ładuje się teraz w 3,9 sekundy zamiast 13,8, a wynik wydajności w Google PageSpeed wzrósł z 55 do 85 (na komputerze z 67 do 99).
Goście mogą przeglądać menu, sprawdzać ceny i składniki, oglądać zdjęcia i czytać opisy dań po polsku, angielsku lub niemiecku, bez czekania na kelnera.
Zarządzanie stroną bez programisty
Autorski panel administracyjny daje zespołowi kontrolę nad codzienną treścią. Managerowie mogą dodawać, edytować i usuwać dania i kategorie, zmieniać ceny i godziny otwarcia, aktualizować dane kontaktowe oraz podmieniać zdjęcia i banery na stronie głównej, wszystko w jednym miejscu.
Cała treść jest zarządzana w trzech językach, a kolejne języki można dodać, gdy restauracja będzie ich potrzebować.
Strona zbiera też zapisy do newslettera. Każdy subskrybent potwierdza swój adres e-mail, dzięki czemu restauracja buduje własną listę zweryfikowanych gości do przyszłych kampanii.
Co zmienia się dla restauracji
Mniej telefonów, mniej ręcznej pracy dla zespołu i szybsze odpowiedzi dla gości, zwłaszcza w sezonie, kiedy restauracja obsługuje turystów z wielu krajów.
- Przed: Rezerwacje głównie przez telefonPo: Goście rezerwują online w kilku krokach, o każdej porze
- Przed: Każda rezerwacja wpisywana ręczniePo: Prośby trafiają od razu do jednego panelu
- Przed: Nowe rezerwacje zauważane dopiero, gdy ktoś sprawdziPo: Natychmiastowe powiadomienie w Telegramie o każdej nowej prośbie
- Przed: Szczegóły rezerwacji przekazywane przez telefonPo: Automatyczne e-maile od prośby do potwierdzenia
- Przed: Każda zmiana na stronie wymaga programistyPo: Zespół sam edytuje menu, ceny i godziny otwarcia
- Przed: Papierowe menu, dwa języki, brak wersji mobilnejPo: Cyfrowe menu mobile-first ze zdjęciami i składnikami w trzech językach
Zobacz projekt
Projekt jest dostępny jako w pełni działające demo. Przejrzyj stronę, przejdź przez proces rezerwacji albo otwórz panel administracyjny i zobacz, jak od kuchni zarządza się treścią i rezerwacjami.
- Login
- demo@riverside.pl
- Hasło
- demo1234
- Frontend
- Next.js 15 · React · TypeScript · Tailwind CSS
- Baza danych i backend
- Supabase · PostgreSQL · Realtime
- Resend — e-maile do gości, powiadomienia dla właściciela, zapis do newslettera z potwierdzeniem adresu
- Powiadomienia
- Telegram — natychmiastowe powiadomienia o nowych rezerwacjach
- Języki
- next-intl
- Formularze
- React Hook Form · Zod
- Testy
- Jest · Testing Library
Chcesz takich wyników w swojej firmie?
Opowiedz konsultantowi AI o swojej firmie i otrzymaj spersonalizowany plan automatyzacji w 2 minuty. Bezpłatnie, bez zobowiązań.
Otrzymaj Darmowy Plan Automatyzacji AI