Wielojęzyczna strona restauracji z własnym procesem rezerwacji

Restauracja w miejscowości turystycznej ma inny problem niż restauracja w mieście. Ruch jest sezonowy i skokowy, część gości to mieszkańcy apartamentów i hotelu w tym samym budynku, część przyjeżdża na Półwysep na kilka dni, a znaczna część czyta stronę po angielsku. Do tego menu zmienia się wraz z sezonem, a najbardziej wartościowe rezerwacje - wesela, urodziny, kolacje firmowe - wymagają rozmowy, nie kliknięcia. Serwis miał:

• oddawać estetykę i atmosferę restauracji,
• eksponować autorską kuchnię i osobę szefa kuchni,
• pozwalać szybko przejść do aktualnego menu,
• prowadzić użytkownika do rezerwacji stolika,
• prezentować restaurację jako miejsce zarówno na spontaniczną kolację, jak i większe okazje,
• zapewniać łatwy dostęp do godzin otwarcia, kontaktu oraz lokalizacji,
• umożliwiać sprawne zarządzanie zmieniającymi się treściami.

W gastronomii decyzja o wyborze miejsca często zapada jeszcze przed przekroczeniem jego progu. Dlatego serwis musiał jednocześnie dostarczać konkretnych informacji i budować emocje związane z wizytą w Szpasie.

Jednym z głównych wyzwań była również sama rezerwacja stolika. Proces musiał być prosty, intuicyjny i łatwo dostępny niezależnie od urządzenia, z którego korzysta użytkownik. Zależało nam na skróceniu drogi od zainteresowania restauracją do finalizacji rezerwacji oraz na wyraźnym wyeksponowaniu tej funkcji w kluczowych miejscach serwisu.

Zaprojektowaliśmy i wdrożyliśmy dedykowany serwis marki Szpas - od identyfikacji na stronie, przez architekturę treści, po wdrożenie frontu i headless CMS-a. Zamiast uniwersalnego szablonu dla gastronomii zbudowaliśmy stronę pod konkretną restaurację: jej rytm dnia, jej gościa i jej sposób przyjmowania rezerwacji.

Frontend

• Serwis został zbudowany w Next.js 15 oraz React 19, zapewniając nowoczesną architekturę, responsywny interfejs i szybkie dostarczanie treści.
• Warstwa wizualna wykorzystuje Tailwind CSS 4, co pozwoliło precyzyjnie odwzorować indywidualny design projektu.
• Elementy interaktywne, w tym interfejs związany z rezerwacją, zostały oparte na shadcn/ui i Radix UI.

CMS

- Do zarządzania wybranymi treściami wykorzystaliśmy Strapi działające jako headless CMS.

Analityka i marketing

- Wdrożyliśmy Google Analytics 4, Google Ads oraz Meta Pixel, umożliwiając analizowanie ruchu i mierzenie skuteczności działań marketingowych.

• Rozwidlona ścieżka rezerwacji - formularz dla grup od 9 osób, telefon dla mniejszych rezerwacji, wybór podejmowany w jednym oknie bez opuszczania strony.
• Formularz rezerwacji grupowej - wybór daty, godziny z listy slotów (12:00-21:00, co 30 minut), liczby osób, dane kontaktowe, pole wiadomości i zgoda na politykę prywatności, z komunikatem zwrotnym po wysłaniu.
• Menu zarządzane przez klienta - aktualna karta jako plik podpinany w Strapi, wymieniany przez zespół restauracji przy każdej zmianie sezonowego menu.
• Dwie wersje językowe - PL i EN, przetłumaczone ścieżki po obu stronach.
• Sekcja szefa kuchni - sylwetka Marcina Popielarza jako element sprzedażowy.
• Responsywny interfejs - całość została zaprojektowana z myślą o spójnym doświadczeniu na telefonach, tabletach i większych ekranach.

• Strona internetowa spójnie przedstawia markę Szpas i pozwala gościom poznać charakter restauracji jeszcze przed wizytą.
• Dedykowany formularz oraz widoczne przyciski rezerwacji ułatwiają użytkownikom szybkie zarezerwowanie stolika.
• Własny endpoint pozwala obsługiwać formularz rezerwacji bezpośrednio w aplikacji, bez korzystania z zewnętrznego systemu formularzowego.
• Integracja ze Strapi umożliwia łatwą aktualizację menu bez konieczności ingerowania w kod strony.
• Wielojęzyczna wersja serwisu pozwala restauracji prezentować swoją ofertę zarówno polskim, jak i zagranicznym gościom.

Dla Szpas Restaurant & Bar stworzyliśmy nowoczesną, wielojęzyczną stronę internetową, która prezentuje charakter restauracji, jej kuchnię i atmosferę, a jednocześnie ułatwia gościom sprawdzenie menu oraz rezerwację stolika.

Serwis oparty na Next.js 15, React 19, Tailwind CSS 4 i Strapi łączy dopracowaną warstwę wizualną z funkcjonalnym procesem rezerwacji i elastycznym zarządzaniem treścią.