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.

Scope of work

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

Concept analysis
Concept analysis
A detailed review of the Camping Bar concept and how its locations differ.
Design system
Design system
Camping elements combined with an urban style in one set of components.
UX/UI design
UX/UI design
Navigation between locations, bar menus and animated attractions.
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.