Back to the doors

The Ridge

by Majd Ben Slimene

Concept website for a luxury café and restaurant in Kélibia.

Screenshot of the The Ridge home page
Role
UI/UX designer & front-end
Team
Personal project
Tech stack
8 technologies

What it is

The Ridge is a personal concept project by Majd Ben Slimene: a showcase website for a luxury café and restaurant in Kélibia, Tunisia, built with React and GSAP. It reflects the venue's refined atmosphere, coastal identity and premium dining experience.

Problem solved

The project turns a static café presentation into an engaging digital experience: customers discover the venue, explore its menus and atmosphere, reserve a table and use the loyalty programme online.

My role

UI/UX designer and front-end developer. I set the visual direction, redesigned six key sections of the website, and implemented the interface with React and TypeScript.

Key features

  • Multi-step table reservation: date, time, number of guests, contact details

  • Interactive 3D flip loyalty card showing the customer's rewards and membership benefits

Screenshots

1 / 4

  • The Ridge home page: “The Ridge Experience” over the Kélibia fortress at dusk
  • “The Ridge Universe”: specialty coffee, fine dining and sunset lounge
  • “The Ridge Culinary Collection”: the café and restaurant menus as two book covers
  • “The Ridge Club”: loyalty card, progress and available rewards
Back to the doors