M
BELU Lounge Bar

Case· August 2026

BELU Lounge Bar

React · Next.js · TypeScript · Tailwind CSS · Vercel

Visit live project

Overview

I designed and developed the digital experience for BELU Lounge Bar, a modern lounge bar in Karlovac built around a simple idea — coffee in the morning, cocktails in the evening, and a place people want to stay in between.

The goal was to create more than a typical bar website. I wanted the digital experience to capture the atmosphere of BELU while also functioning as a practical platform for discovering the menu, exploring the venue, finding the location, reserving a table and connecting guests with the wider BELU loyalty ecosystem.

The result is a hospitality website with a strong editorial identity, immersive visual presentation and a clear conversion journey from first visit to reservation.

The Challenge

Hospitality websites often rely heavily on photography while leaving important information fragmented across menus, social media profiles and third-party platforms.

For BELU, the challenge was to bring the entire customer journey into one coherent digital experience.

The platform needed to:

  • Communicate the atmosphere of the venue immediately

  • Work equally well for morning coffee and evening cocktail audiences

  • Present a complete and easy-to-browse menu

  • Make table reservations immediately accessible

  • Showcase the location and interior atmosphere

  • Connect the website with BELU's digital loyalty experience

  • Maintain a premium visual identity without sacrificing usability

  • Perform smoothly across desktop and mobile devices

The Solution

I built the website around the natural rhythm of the venue itself.

Instead of presenting BELU as a static location, the experience moves through different moments of the day — from the first morning coffee, through an afternoon break, to cocktails and music in the evening.

The design combines oversized typography, atmospheric photography, deep green tones and minimal interface elements to create a visual identity that feels contemporary while still maintaining the warmth of the physical venue.

Clear calls to action for reservations, menu exploration and location information remain accessible throughout the experience.

Key Features

  • Fully custom hospitality website

  • Responsive desktop and mobile experience

  • Table reservation call-to-action

  • Complete interactive food and beverage menu

  • Coffee, matcha, beer, wine, spirits and cocktail categories

  • Dynamic venue storytelling throughout the day

  • Photography and atmosphere gallery

  • Location and contact experience

  • Instagram integration and event discovery

  • Blog and content section

  • Digital loyalty application presentation

  • Strong local SEO structure

  • Conversion-focused navigation and calls to action

A Digital Experience Built Around the Venue

One of the central ideas behind the project was to make the website feel like an extension of BELU itself.

The homepage introduces visitors with the message:

“Od prve kave do zadnjeg koktela.”

From there, the experience follows BELU through the day — morning coffee, afternoon conversations and evening cocktails.

This creates a narrative that communicates not only what BELU serves, but how the venue is meant to be experienced.

Menu Experience

Rather than hiding the menu inside a PDF or external document, I created a structured digital menu directly within the website.

Guests can explore multiple categories including:

  • Hot drinks

  • Cold drinks

  • Matcha

  • Beer & cider

  • Wine

  • Spirits

  • Cocktails

This keeps important commercial information directly inside the browsing experience and makes the menu easily accessible across devices.

BELU Loyalty Experience

The website also introduces Belu na dlanu, the venue's digital loyalty experience.

Instead of treating customer loyalty as a traditional stamp card, the concept is presented as a more complete digital membership system where guests can collect points, progress through membership levels and unlock rewards.

The experience includes:

  • Points collected through purchases

  • Green, Silver, Gold and VIP membership levels

  • Rewards and digital coupons

  • Digital stamp cards

  • Limited-time challenges and offers

  • Birthday rewards

  • Referral bonuses

  • Exclusive Founder Club membership for early users

By connecting the physical venue with a digital loyalty system, BELU creates an experience that continues even after the guest leaves the bar.

Reservation & Conversion

The primary conversion action throughout the website is simple: Reserve a table.

Reservation calls to action are positioned prominently in the hero, navigation and lower sections of the experience so users never have to search for the next step.

Location information, telephone contact and direct map access provide alternative conversion paths for visitors who prefer immediate contact.

Visual Direction

The visual direction was intentionally minimal and atmospheric.

Deep green tones reflect the visual character of the venue, while large typography creates a confident editorial feel.

Photography remains dominant throughout the experience, supported by subtle borders, generous spacing and restrained interface elements.

The goal was to create something that feels closer to a contemporary hospitality brand than a conventional local bar website.

Result

The finished project gives BELU Lounge Bar a complete digital ecosystem rather than a simple online presence.

The website brings together brand storytelling, menu discovery, reservations, location information, visual atmosphere and the BELU loyalty experience within one consistent interface.

The result is a premium hospitality platform designed to turn online visitors into real-world guests — and first-time guests into returning customers.

Want something like this? Thirty minutes, no pitch.