Case study

Camping Bar: a bar website for four locations

Camping Bar is an indoor camping concept with four locations, each with its own offer. We designed and built the bar website on a Headless CMS and Next.js: one site where the team updates menus and events themselves.

For Camping Bar we designed and built a site that brings four locations together under one brand. Each bar has its own offer and events, and animations show off attractions such as mini golf and late-night parties.

Industry
Hospitality
Product type
Bar website
Market
Hospitality
Technologies
  • Headless CMS
  • Next.js
  • Product Design
Key facts
  • Four locations under one brand, from Kødbyen Camping to Camping Malmö
  • A design system that blends camping elements with an urban style
  • A dynamic menu with each bar's offer
  • Animated attractions: mini golf and late-night parties
  • Offer and events updated in a headless CMS

Camping in the middle of the city: a site that captures the fun and takes guests to the right bar.

Guest at the Camping bar holding a drink
Locations section on the Camping bar website

Goals

  • 01

    Capture the concept

    Bring the atmosphere of indoor camping in an urban setting, and the brand's playful character, to the website.

  • 02

    Four locations, one brand

    Bring the bars together under one brand and show what makes each of them different.

  • 03

    Offer and events kept current

    Let the team update menus and events separately for each location.

Process

Discover Define Develop Deliver
  1. Concept analysis
    Concept analysis

    A detailed review of the Camping Bar concept and how its locations differ.

  2. Design system
    Design system

    Camping elements combined with an urban style in one set of components.

  3. UX/UI design
    UX/UI design

    Navigation between locations, bar menus and animated attractions.

  4. Development
    Development

    A headless CMS and Next.js, with the offer and events edited per location.

No reservation needed section on the Camping website

What we delivered

A site for four bars, where each has its own offer and the whole keeps one style.

  • Design system - components that blend camping elements with the brand's urban style.
  • Locations - interactive location features and navigation between the four bars.
  • Dynamic menu - each bar's offer shown separately.
  • Animated attractions - mini golf and late-night parties shown in motion.
  • Headless CMS and Next.js - a panel for updating the offer and events for each location.

Challenge: four locations under one brand

Camping Bar is an indoor camping concept in an urban setting. A bar where, beyond the drinks and food, the attractions matter: mini golf and late-night parties.

The brand has four locations, each with its own character and offer, from the centrally located Kødbyen Camping to the international Camping Malmö. The site had to bring them together under one strong brand while highlighting what makes each place stand out.

A playful concept needs a site that entertains, but doesn't lose guests on their way to the bar they want.

Camping mobile screens: locations, bar page and menu

Solution: a design system, animation and a menu per bar

The design system blends camping elements with an urban style, and animations show off the bars' attractions: mini golf and late-night parties.

Each location has an interactive presentation and a dynamic menu with that bar's offer. Navigation moves between locations so guests quickly reach the place they're interested in. The site runs on the design system shared by the NoHo Partners brands, with a visual layer unique to Camping.

Offer and events in the panel

Content is managed in a headless CMS, and the front end runs on Next.js. The team updates the offer and events separately for each location.

Group package comparison on the Camping website
Guests playing minigolf at the Camping bar

Results: one site for four bars

The four Camping bars share one site that captures the brand's playful character.

Guests move between locations and see the offer and attractions of a specific bar. The team updates menus and events on its own, without a developer.

Home page of the Camping Bar website

Written by Published Updated

A venue that is more than a menu?

Let's start by analysing the concept and what guests should feel on the site.

Let's talk