M15 Sopot — kompleks gastronomiczno-rekreacyjny na plaży
Stworzyliśmy w 2 miesiące pełnoprawną stronę firmową dla M15 Sopot — unikalnego miejsca łączącego restaurację, sauny i strefę plażową bezpośrednio nad Bałtykiem. Strona obsługuje 36+ wersji językowych, integruje sklep online z voucherami, prezentuje ofertę eventową i cateringową, oraz spełnia wymogi finansowania UE.
Klient i kontekst biznesowy
M15 Sopot to wielofunkcyjny obiekt zlokalizowany przy ul. Franciszka Mamuszki 15 — bezpośrednio na plaży w Sopocie, kilka kroków od morza i z widokiem na molo. Miejsce łączy w jednym kompleksie kilka usług: autorską restaurację opartą o sezonowe produkty i polską tradycję, jedyne w Sopocie saunarium na plaży z widokiem na morze, dostęp do strefy plażowej, salę eventową dla firm, organizację imprez okolicznościowych (wesela, komunie, urodziny), oraz catering zewnętrzny i śniadania serwowane do apartamentów.
Klient pochodzi z Sopotu i obsługuje gości z całego świata — turystów krajowych, niemieckich, skandynawskich, oraz coraz częściej z Azji. Ten międzynarodowy charakter ruchu turystycznego w Sopocie nadał projektowi konkretne wymagania techniczne i językowe.
Kompleks pozyskał finansowanie ze środków Unii Europejskiej, co dodatkowo nakładało wymogi formalne na realizację strony — w szczególności zgodność z wytycznymi dostępności cyfrowej (WCAG) oraz odpowiednie oznaczenia projektu.
Wyzwanie
Klient potrzebował strony, która udźwignie kilka różnych biznesów w jednym: restauracji, saun, eventów, cateringu, sklepu — bez tego, żeby goście pomylili się którego biznesu szukają. Sklep online musiał obsługiwać sprzedaż voucherów, kart podarunkowych i upominków — produktów typowych dla branży HoReCa, ale z odmiennymi przepływami (vouchery z generacją kodu, karty podarunkowe z kwotą, upominki z dostawą fizyczną).
Najpoważniejszym wymaganiem językowym była obsługa wielu wersji językowych — Sopot przyjmuje gości z całego świata, więc strona musi być dostępna w angielskim, niemieckim, ale też skandynawskich, hiszpańskim, włoskim, czeskim, japońskim, koreańskim, chińskim, arabskim, rosyjskim oraz wielu innych. Łącznie zaprojektowaliśmy strukturę dla 36+ wersji.
Projekt finansowany ze środków UE nakładał dodatkowe wymagania: zgodność z WCAG 2.1, odpowiednie oznaczenia logo UE i programu finansowego, oraz formalna dokumentacja realizacji. Dostępność musiała być wdrożona realnie — nie tylko jako zgodność z wymaganiami, ale też w praktyce dla osób z dysfunkcjami wzroku, słuchu, motoryki.
Konkretne wymagania
- Prezentacja 6 obszarów oferty: restauracja, sauny, plaża, eventy firmowe, imprezy okolicznościowe, catering
- Sklep online z voucherami i kartami podarunkowymi (mechanika WooCommerce + customowe rozszerzenia)
- Booking telefoniczny dla każdego z 3 obszarów: stoliki, sauny, eventy (różne numery)
- Wsparcie 36+ wersji językowych z możliwością łatwego rozszerzania
- Pełna zgodność z WCAG 2.1 AA — kontrasty, ARIA, klawiaturowa nawigacja, screen readers
- Oznaczenia finansowania UE zgodne z wytycznymi programu
- Realizacja w 2 miesiące — krótki termin ze względu na rozpoczęcie sezonu
- Dostosowanie do urządzeń mobilnych — większość ruchu turystycznego z telefonów
- Integracja z mediami społecznościowymi (Facebook, Instagram)
Proces realizacji w 2 miesiące
Realizacja w tak krótkim czasie była możliwa dzięki doświadczeniu zespołu z WordPress + WooCommerce oraz wcześniej przygotowanym, sprawdzonym wzorcom dla branży HoReCa. Projekt podzieliliśmy na 4 etapy z jednotygodniowymi sprintami.
Discovery i specyfikacja
1 tydzieńWarsztaty z klientem, analiza obiektu (zdjęcia, video, opisy oferty), definicja struktury treści dla każdego z 6 obszarów. Mapowanie ścieżek użytkownika: turysta szukający stolika, gość lokalny szukający voucherów, firma szukająca sali eventowej.
UX/UI design
2 tygodnieProjekt wszystkich kluczowych widoków: strona główna z preview 6 obszarów, podstrony tematyczne (Restauracja, Sauny, Plaża, Eventy, Imprezy, Catering), sklep z voucherami, formularze rezerwacji, kontakt z różnymi numerami dla różnych usług. Premium aesthetic dopasowany do morskiej lokalizacji.
Development i konfiguracja wielojęzyczności
4 tygodnieImplementacja motywu WordPress, integracja WooCommerce dla sklepu, konfiguracja wtyczki WPML/Polylang dla 36+ języków (z fallbackiem dla rzadszych języków przez automatyczne tłumaczenie + manualne korekty głównych treści). Customowe wtyczki dla mechaniki voucherów (generacja unikalnych kodów, walidacja, śledzenie wykorzystania).
WCAG, testy, optymalizacja, deployment
1 tydzieńPełen audyt WCAG 2.1 AA — kontrasty, ARIA labels, focus states, klawiaturowa nawigacja, testy na screen readerach. Optymalizacja Core Web Vitals (LCP, CLS, INP). Konfiguracja oznaczeń finansowania UE. Wdrożenie produkcyjne, szkolenie zespołu klienta z dodawania nowych ofert.
Rozwiązanie techniczne
Stack technologiczny opiera się o WordPress + WooCommerce + dedykowane wtyczki ByteWave. Ten wybór jest świadomy — WordPress to dojrzały CMS pozwalający klientowi na samodzielne edytowanie treści po wdrożeniu: zmiana menu restauracji, dodanie nowego eventu, aktualizacja zdjęć, dodanie nowego vouchera w sklepie. To kluczowe dla biznesu sezonowego, który zmienia ofertę często.
Sklep online z voucherami i kartami podarunkowymi wymagał customowych rozszerzeń WooCommerce — gotowe wtyczki dla voucherów nie obsługują wszystkich potrzebnych przypadków (różne wartości, różne usługi do wyboru, vouchery uniwersalne, vouchery na konkretną usługę). Napisaliśmy własne wtyczki integrujące się z WooCommerce, generujące unikalne kody PDF, walidujące przy wykorzystaniu w obiekcie.
Wielojęzyczność obsługujemy przez sprawdzony stack WPML/Polylang z dodatkowym dedykowanym mechanizmem dla rzadkich języków. Główne treści (PL/EN/DE/SE/FI/CZ/RU) są tłumaczone manualnie i utrzymywane na bieżąco. Pozostałe ~30 języków obsługuje automatyczne tłumaczenie przez API z możliwością ręcznej korekty kluczowych fraz przez klienta.
Dlaczego WordPress, a nie headless CMS?
Klient potrzebował szybkiego startu (2 miesiące) + samodzielnego utrzymania po wdrożeniu. Headless CMS wymagałby angażowania programisty przy każdej zmianie. WordPress + Elementor pozwala klientowi samodzielnie aktualizować treści, dodawać oferty, zmieniać zdjęcia — bez kosztów agencyjnych.
Dlaczego dedykowane wtyczki dla voucherów?
Standardowe wtyczki voucher dla WooCommerce nie obsługują różnorodności voucherów M15: na konkretną usługę (np. tylko sauna), uniwersalne (na dowolną usługę), z kwotą do wykorzystania, z fizyczną dostawą. Napisaliśmy customowe rozszerzenia obsługujące wszystkie te przypadki w jednym sklepie.
Dlaczego 36+ języków?
Sopot przyjmuje gości z całego świata, w tym dużą grupę z Azji (Japonia, Korea, Chiny). Choć tłumaczenia automatyczne nie są perfekcyjne dla rzadkich języków, sama dostępność strony w języku ojczystym znacząco zwiększa konwersję — gość czuje się "u siebie".
Kluczowe funkcje strony
Każda funkcja została zaprojektowana z myślą o realnym użytkowniku — turyście szukającym kompletnego doświadczenia w jednym miejscu nad morzem.
6 obszarów oferty w spójnej narracji
Restauracja, sauny, plaża, eventy firmowe, imprezy okolicznościowe, catering — każdy obszar ma własną podstronę z dedykowanym contentem, ale narracja jest spójna i pokazuje że wszystko jest w jednym miejscu.
Sklep z voucherami i kartami podarunkowymi
WooCommerce + customowe wtyczki obsługują 3 typy produktów: vouchery na konkretną usługę, karty podarunkowe na kwotę, upominki fizyczne. Każdy typ ma własną mechanikę realizacji.
Booking telefoniczny zoptymalizowany
3 dedykowane numery dla 3 obszarów (stoliki, sauny, eventy). Każda podstrona pokazuje właściwy numer + email — gość nie traci czasu na centralę telefoniczną.
36+ wersji językowych
Główne języki tłumaczone manualnie, pozostałe automatycznie z możliwością korekty. Szczególny nacisk na języki azjatyckie ze względu na rosnący ruch turystyczny.
Pełna zgodność WCAG 2.1 AA
Realna dostępność dla osób z dysfunkcjami: kontrasty kolorystyczne, ARIA, focus states, klawiaturowa nawigacja, screen readers. Wymóg projektu UE zrealizowany w praktyce.
Galeria foto/video kompleksu
Profesjonalne zdjęcia restauracji, saun, plaży, sali eventowej z lazy loading dla szybkości ładowania. Wirtualny spacer 360° dla saun.
Blog tematyczny
Sekcja content marketing — artykuły o weselach, komuniach, eventach firmowych, sezonowych daniach. Pomaga w SEO i pokazuje ekspertyzę.
Integracja social media
Facebook, Instagram — feed na stronie z najnowszymi postami klienta. Buduje zaufanie i pokazuje aktywność miejsca.
Oznaczenia finansowania UE
Logo UE i programu finansowego w stopce, zgodnie z wytycznymi. Strona spełnia wymogi formalne projektu.
Mobile-first design
Większość ruchu turystycznego pochodzi z telefonów — w trakcie spaceru, w drodze do Sopotu. Strona jest projektowana mobile-first, z dotykową nawigacją i kompaktowymi widokami.
Stack technologiczny
Sprawdzony stack WordPress dający szybki time-to-market i samodzielność klienta po wdrożeniu.
Wyniki
Strona M15 Sopot została wdrożona zgodnie z harmonogramem 2 miesięcy i działa stabilnie od 2024 roku. Klient samodzielnie utrzymuje treści — dodaje nowe vouchery do sklepu, aktualizuje menu restauracji, publikuje artykuły blogowe. Nie wymaga to angażowania programistów po stronie ByteWave, co obniża koszty operacyjne dla klienta.
Z perspektywy klienta najważniejsze są dwa aspekty: (1) wszystkie 6 obszarów oferty zostały spójnie zaprezentowane bez konfuzji dla gości, oraz (2) sklep z voucherami działa stabilnie podczas szczytów sezonu (święta, wakacje, walentynki — gdy generuje znaczącą część przychodów).
Wymóg WCAG 2.1 AA został spełniony realnie i potwierdzony audytem dostępności. Oznaczenia finansowania UE zgodnie z wytycznymi. Wszystkie wymagane formalności projektu zrealizowane.
Co dalej
Strona M15 jest aktywnie rozwijana — klient dodaje nowe oferty sezonowe, eventy, kampanie promocyjne. Plan obejmuje dodanie systemu rezerwacji online dla saun (obecnie booking telefoniczny), oraz integracje z systemami POS w restauracji.