CherryPeak Logo
Bellybutton
ReactNext.jsWebXRTypeScriptFigma

웹 애플리케이션, 모바일 애플리케이션

Bellybutton

보드게임 레스토랑의 디지털화 - 온라인 프레젠스, 브랜드 구축, 웹, Instagram, 컬러 아이덴티티 및 Google Maps 등록.

Bellybutton: Digitalization of a Board Game Restaurant

Bellybutton.sk is a board game restaurant with a unique concept. We supported its full digitalization—building online presence, brand identity (web, Instagram, color identity), and claiming the Google Maps record—so the venue could reach more guests and offer a cohesive experience across web, mobile, and in-restaurant.

The Challenge

The restaurant needed a strong digital footprint and consistent brand across channels. Without a unified web presence, clear identity, and proper discovery (e.g. Google Maps), it was harder to attract new visitors and communicate what makes the venue special: its focus on board games and in-restaurant experience.

Our Solution

We delivered a full digitalization package: a branded website, social presence, and a loyalty app that ties online and in-restaurant engagement together.

Website

  • Board game catalog: Visitors can filter and browse 300 board games on the web, so they can plan visits and see what's available.
Bellybutton website - board game catalog Bellybutton website - game browsing
  • Augmented reality: We scanned food and integrated it into the web experience—users can view dishes in augmented reality directly in the browser.

Food in augmented reality on the web

Loyalty App

The loyalty app extends the experience beyond the website:

  • Scan receipts to collect coins and progress in the program.
  • Spend coins on gear for your “player” (avatar).
  • Gear unlocks discounts at the restaurant—different items give different discounts, encouraging repeat visits and exploration of the menu.

Food is also shown in augmented reality inside the loyalty app, keeping the AR experience consistent between web and mobile.

Bellybutton loyalty app - player and gear Bellybutton loyalty app - gamified rewards

Brand and Discovery

  • Cohesive color identity and visual system across web and Instagram.
  • Google Maps listing claimed and optimized so the restaurant is easy to find and recognize.

Technology Stack

The project uses:

  • Frontend: React with Next.js and TypeScript for the website
  • AR: WebXR for augmented reality on web and in the loyalty app
  • Design: Figma for brand and interface design

Impact

  • Stronger online presence with a clear brand and discoverable Google Maps listing.
  • Easier discovery of the board game catalog via the 300-game filter on the web.
  • Engagement through AR food on web and in the app.
  • Repeat visits driven by the loyalty app: receipt scanning, coins, player gear, and gear-based discounts at the restaurant.

Technical Highlights

  • AR food experiences on both web and in the loyalty app
  • Filterable catalog of 300 board games on the website
  • Gamified loyalty: scan receipts, collect coins, buy gear, earn restaurant discounts
  • Unified brand across web, Instagram, and app

This project shows how digitalization—web, brand, discovery, and a loyalty app with AR—can support a board game restaurant in reaching more guests and turning visits into an ongoing, rewarding experience.

Project Gallery

Bellybutton - Image 1
Bellybutton - Image 2
Bellybutton - Image 3
Bellybutton - Image 4
Bellybutton - Image 5

관련 프로젝트

Rent a rentner
ReactTypeScriptNext.js+4

웹 애플리케이션

Rent a rentner

다른 사람들에게 도움, 서비스, 기술을 제공하고 싶어하는 연금 수급자를 위해 설계된 스위스의 혁신적인 포털입니다.

KSK 데이터 포털
ReactAWSDocker+6

웹 애플리케이션

KSK 데이터 포털

코시체 지역을 위한 인터랙티브 데이터 포털 - 코시체 지역의 주요 데이터와 개발 기회를 제시하는 포괄적인 온라인 플랫폼입니다.

마라톤 포인트 정보 키오스크
ReactTypeScriptDocker+5

웹 애플리케이션

마라톤 포인트 정보 키오스크

마라톤 앱은 키오스크를 위해 만들어진 인터랙티브 터치스크린 경험으로, 유럽에서 가장 오래된 마라톤인 코시체 평화 마라톤에 대한 포괄적인 소개를 제공합니다.

프로젝트를시작하시겠습니까?

상담하기

Bellybutton | CherryPeak