Mundo Coworking

Coworking w centrum Poznania potrzebował strony, która jest nie tylko wizytówką, ale całym silnikiem rezerwacji i sprzedaży. Biurka, sale i biura z elastycznym cennikiem oraz dostępnością w czasie rzeczywistym, w pełni dwujęzycznie.

Brief

Mundo oferuje hot deski i prywatne sale w centrum Poznania, z elastycznym cennikiem (stawki dzienne, rabaty ilościowe) i potrzebą pokazywania realnej dostępności potencjalnym klientom. Projekt graficzny przygotowało Studio Duind. Moją rolą było pełne wdrożenie techniczne, czyli customowy motyw, system rezerwacji zbudowany od zera, integracja z WooCommerce, płatności Stripe i dwujęzyczność przez WPML.

Wyzwanie

Projekt graficzny pokazywał, jak strona ma wyglądać. Logikę rezerwacji budowaliśmy iteracyjnie, razem z zespołem Mundo, w miarę jak było widać, jak coworking naprawdę sprzedaje miejsca. Najwięcej pracy kryło się pod warstwą wizualną:

• Logika dostępności w czasie rzeczywistym - biurka i sale muszą pokazywać aktualną dostępność na podstawie istniejących rezerwacji, z wyborem zakresu dat.
• Interaktywny plan przestrzeni - klient chciał, żeby użytkownik wybierał konkretne biurko lub salę bezpośrednio z mapy, a nie z listy rozwijanej.
• Korelacja z WooCommerce - każdy rezerwowalny zasób musiał być powiązany z produktem WooCommerce, żeby zamówienia, płatności i rezerwacje były spójne.
• Panel rezerwacji dla obsługi - personel potrzebował czytelnego widoku wszystkich rezerwacji, z możliwością ręcznego zarządzania.

Co zbudowałem

Cały silnik rezerwacji napisany od zera w PHP, bez gotowej wtyczki bookingowej. Obsługuje wybór zakresu dat z weryfikacją dostępności na żywo, dwa typy zasobów (biurka i prywatne sale) z osobną logiką cenową, automatyczne rabaty ilościowe oraz korelację rezerwacji z zamówieniami WooCommerce.

Najbardziej wyróżniającym się elementem jest interaktywny plan przestrzeni na stronie głównej. Użytkownik klika w wybrane biurko lub salę bezpośrednio na rzucie lokalu. Razem z grafikiem ustaliłem dokładną strukturę SVG, gdzie każdy rezerwowalny obszar to nazwany, klikalny element. W efekcie użytkownik wybiera pojedyncze biurko, przybliża plan i widzi stany dostępności (wolne / zajęte) aktualizowane na podstawie wybranej daty.

Płatności idą przez Stripe w ramach WooCommerce. Każdy rezerwowalny zasób to produkt WooCommerce, co trzyma płatności, historię zamówień i zarządzanie rezerwacjami w jednym miejscu i daje klientowi znajomy panel administracyjny. Całość działa po polsku i angielsku przez WPML, łącznie z interfejsem rezerwacji.

Rezultat

Strona wystartowała i aktywnie sprzedaje rezerwacje 24/7, bez ręcznej obsługi telefonicznej. Podejście z planem przestrzeni od razu pokazuje co i gdzie jest dostępne - zauważalnie inne doświadczenie niż typowy formularz rezerwacji. Klient zarządza dostępnością i cennikiem z panelu, bez znajomości kodu. W stopce strony widnieje "Development: Wellmade".

Co zrobiłbym inaczej

Spisałbym logikę rezerwacji przed pierwszą linią kodu. Każda reguła cennika i dostępności pociąga za sobą inne, a takie zależności taniej rozplanować na papierze niż w gotowym kodzie. Dziś przed startem przygotowuję specyfikację funkcjonalną i przechodzimy ją razem z klientem, zanim powstanie kod. To oszczędza czas po obu stronach.