---
title: "Debonair Supper Club Case Study"
description: "Debonair Supper Club is a unique dining destination in downtown Orlando, offering comfort cuisine and cocktails in an art-filled and captivating environment. The venue blends imaginative and nostalgic elements with an immersive dining experience, where patrons enjoy a fusion of dining, drinking, and entertainment, making every visit truly unforgettable."
url: "https://www.creativo-code.com/projects/debonair-orlando"
canonical_url: "https://www.creativo-code.com/projects/debonair-orlando"
site: "CreativoCode"
site_index: "https://www.creativo-code.com/llms.txt"
---

# Debonair Supper Club Case Study

> Debonair Supper Club is a unique dining destination in downtown Orlando, offering comfort cuisine and cocktails in an art-filled and captivating environment. The venue blends imaginative and nostalgic elements with an immersive dining experience, where patrons enjoy a fusion of dining, drinking, and entertainment, making every visit truly unforgettable.

## Overview

![hero image](https://images.prismic.io/creativo-code-official/aLwHbGGNHVfTOuv4_Frame34333.png?auto=format,compress)

![logo](https://images.prismic.io/creativo-code-official/aLwIBGGNHVfTOuv8_Debonair1.png?auto=format,compress)

#74882F

Debonair Supper Club

A website for a supper club

Debonair Supper Club tasked us with developing a unique, aesthetic, and creative website that reflects the vibrant and artistic essence of their venue. The goal was to create a visually engaging site with animations that capture the atmosphere of the supper club and provide visitors with a sense of the experience awaiting them.

Entertainment

UI design Website

#74882F

Visit SIte

## Project description

text-4xl md:text-5xl lg:text-4xl

Client Overview

Debonair Supper Club is a unique dining destination in downtown Orlando, offering comfort cuisine and cocktails in an art-filled and captivating environment. The venue blends imaginative and nostalgic elements with an immersive dining experience, where patrons enjoy a fusion of dining, drinking, and entertainment, making every visit truly unforgettable.

text-4xl md:text-5xl lg:text-4xl

The problem

The client did not have an official website to represent their brand and showcase their offerings. They needed an online presence that would capture the ambiance of their venue and facilitate reservations, enhancing their customer experience.

text-5xl md:text-6xl lg:text-5xl

mb-16 lg:mb-28

Our Solution

We developed a fully custom website for Debonair Supper Club using Next.js, GSAP, and Tailwind CSS, reflecting the club’s artistic and immersive nature. The site features unique aesthetics with creative animations, starting with an animated archway that welcomes users into a garden scene with animated butterflies. The prominent “Reserve Now” button leads visitors directly to the reservation page.

The site’s interactive menu provides easy access to Debonair’s offerings, including Brunch, Lunch, Dinner, Dessert, Cocktail, Wine, and Bottle Service. Additionally, we implemented a Membership Program section for exclusive experiences. Straightforward navigation links to key pages like About Us, Contact Us, and Join Us, while a subscription form encourages visitors to join the newsletter.

By leveraging cutting-edge web technologies and design, we created a visually engaging platform that enhances Debonair’s online presence and invites visitors to fully immerse themselves in the brand experience.

![image](https://images.prismic.io/creativo-code-official/ZuwGdLVsGrYSvlbA_debonairlap1.png?auto=format,compress)

## Design system — colour

Colors

#000000

text-white

primary

#18181B

text-white

primary

#667339

text-black

primary

#CA9137

text-white

secondary

#DAB981

text-black

secondary

#F8FAFC

text-black

secondary

## Design system — typography

Typography

Maragsa

![font image](https://images.prismic.io/creativo-code-official/ZuwHn7VsGrYSvlbY_Font-Margasa.png?auto=format,compress)

primary

Inter

![font image](https://images.prismic.io/creativo-code-official/ZuvtZbVsGrYSvlNW_Dreamshift-font.png?auto=format,compress)

secondary

## Final output

The Final Output

![image](https://images.prismic.io/creativo-code-official/ZuwGkLVsGrYSvlbD_Debonair-finaloutput.png?auto=format,compress)

## Client feedback

Client Feedback

![profile picture](https://images.prismic.io/creativo-code-official/ZuwEmbVsGrYSvlaA_DebonairLogo.png?auto=format,compress)

Haya Zarrin

Debonair Orlando

I highly recommend Creativo-code for their exceptional work on a recent design project. <% They were very responsive, detail-oriented, and accommodating my requests throughout the process. The final design and prototype exceeded my expectations. %> It was a pleasure working with Creativo-code, and I would definitely work with them again in the future

---

Source: https://www.creativo-code.com/projects/debonair-orlando
Site index: https://www.creativo-code.com/llms.txt