Realizacja

Camping Bar: strona internetowa baru z czterema lokalizacjami

Camping Bar to koncept indoor campingu z czterema lokalizacjami, z których każda ma własną ofertę. Zaprojektowaliśmy i wdrożyliśmy stronę internetową baru na Headless CMS i Next.js: jeden serwis, w którym zespół sam aktualizuje menu i wydarzenia.

Dla Camping Bar zaprojektowaliśmy i wdrożyliśmy serwis, który łączy cztery lokalizacje pod jedną marką. Każdy bar ma swoją ofertę i wydarzenia, a animacje pokazują atrakcje, takie jak mini-golf i nocne imprezy.

Branża
Gastronomia
Typ produktu
Strona internetowa baru
Rynek
Gastronomia
Technologie
  • Headless CMS
  • Next.js
  • Product Design
Najważniejsze fakty
  • Cztery lokalizacje pod jedną marką, od Kødbyen Camping po Camping Malmö
  • Design system łączący elementy campingowe z miejskim stylem
  • Dynamiczne menu z ofertą każdego baru
  • Animacje atrakcji: mini-golf i nocne imprezy
  • Oferta i wydarzenia aktualizowane w Headless CMS

Camping w środku miasta: strona, która oddaje zabawę i prowadzi do właściwego baru.

Gość baru Camping z drinkiem w dłoni
Sekcja z lokalizacjami na stronie internetowej baru Camping

Cele

  • 01

    Oddać klimat konceptu

    Przenieść na stronę atmosferę indoor campingu w miejskim otoczeniu i zabawowy charakter marki.

  • 02

    Cztery lokalizacje, jedna marka

    Połączyć bary pod jednym brandem i pokazać, czym każdy z nich się wyróżnia.

  • 03

    Oferta i wydarzenia na bieżąco

    Pozwolić zespołowi aktualizować menu i wydarzenia osobno dla każdej lokalizacji.

Proces

Discover Define Develop Deliver
  1. Analiza konceptu
    Analiza konceptu

    Szczegółowy przegląd konceptu Camping Bar i tego, czym różnią się jego lokalizacje.

  2. Design system
    Design system

    Elementy campingowe połączone z miejskim stylem w jednym zestawie komponentów.

  3. Projekt UX/UI
    Projekt UX/UI

    Nawigacja między lokalizacjami, menu barów i animacje atrakcji.

  4. Wdrożenie
    Wdrożenie

    Headless CMS i Next.js, z ofertą i wydarzeniami edytowanymi dla każdej lokalizacji.

Sekcja o wejściu bez rezerwacji na stronie Camping

Co dostarczyliśmy

Serwis dla czterech barów, w którym każdy ma swoją ofertę, a całość trzyma jeden styl.

  • Design system - komponenty łączące elementy campingowe z miejskim stylem marki.
  • Lokalizacje - interaktywne funkcje lokalizacji i nawigacja między czterema barami.
  • Dynamiczne menu - oferta każdego baru pokazana osobno.
  • Animacje atrakcji - mini-golf i nocne imprezy pokazane w ruchu.
  • Headless CMS i Next.js - panel do aktualizacji oferty i wydarzeń dla każdej lokalizacji.

Wyzwanie: cztery lokalizacje pod jedną marką

Camping Bar to koncept indoor campingu w środowisku miejskim. Bar, w którym poza ofertą liczą się atrakcje: mini-golf i nocne imprezy.

Marka ma cztery lokalizacje, a każda ma swój charakter i ofertę, od centralnie położonego Kødbyen Camping po międzynarodowy Camping Malmö. Strona miała połączyć je pod jednym, silnym brandem i jednocześnie podkreślić to, co wyróżnia każde miejsce.

Zabawowy koncept wymaga strony, która bawi, ale nie gubi gościa w drodze do wybranego baru.

Mobilne ekrany strony Camping: lokalizacje, bar i menu

Rozwiązanie: design system, animacje i menu każdego baru

Design system łączy elementy campingowe z miejskim stylem, a animacje pokazują atrakcje barów: mini-golf i nocne imprezy.

Każda lokalizacja ma interaktywną prezentację i dynamiczne menu z ofertą danego baru. Nawigacja prowadzi między lokalizacjami tak, żeby gość szybko trafił do miejsca, które go interesuje. Serwis stoi na design systemie wspólnym dla marek NoHo Partners, z warstwą wizualną właściwą tylko dla Camping.

Oferta i wydarzenia w panelu

Treści są zarządzane w Headless CMS, a front-end działa na Next.js. Zespół aktualizuje ofertę i wydarzenia osobno dla każdej lokalizacji.

Porównanie pakietów dla grup na stronie Camping
Goście grają w minigolfa w barze Camping

Efekty: jeden serwis dla czterech barów

Cztery bary Camping mają jeden serwis, który oddaje zabawowy charakter marki.

Gość przechodzi między lokalizacjami i widzi ofertę oraz atrakcje konkretnego baru. Zespół sam aktualizuje menu i wydarzenia, bez udziału programisty.

Strona główna serwisu Camping Bar

Opracowanie: Publikacja: Aktualizacja:

Lokal, który jest czymś więcej niż menu?

Zacznijmy od analizy konceptu i tego, co gość ma poczuć na stronie.

Porozmawiajmy