Back to Portfolio
Case Study

Bun&Patty

Food · Website

Industry

Food & Restaurant

Platform

Web

Type

Brand Website

Built With

Next.js

Project Overview

Bigger. Bolder. Better burgers.

Bun&Patty is a website for a premium smash-burger brand, designed to make the food the hero and give the brand the same confidence online as it has behind the grill.

The site opens on a cinematic hero of flame, sizzle and melting cheese, then moves through a marquee of brand promises, a story section with floating dishes, a masonry gallery, a table reservation form and location details, all inside one dark, high-contrast identity.

01

Requirements

The brand needed a website with real appetite appeal and attitude, distinctive enough to stand out from generic restaurant templates.

  • A loud, confident identity for a premium burger brand
  • A hero that sells the food before a word is read
  • Brand story told with real personality
  • A gallery that shows signature dishes at full size
  • Table reservation form with location and opening hours
  • Fast, polished experience on desktop and mobile
02

Our Solution

We built a one-page brand experience around cinematic motion, strong typography and food photography, with clear paths to book a table.

  • Dark, high-contrast identity with ember-red accents and bold display type
  • Cinematic hero: fire, sizzle and melted cheese, animated with GSAP
  • Scroll-driven parallax with floating food and a story section
  • Masonry gallery that keeps every photo uncropped
  • Reservation form and clear location, hours and contact details
  • Smooth scrolling, branded preloader and reduced-motion support
03

Skills & Technology

A modern Next.js frontend with scroll-driven animation and smooth scrolling, tuned to stay fast and fluid on every device.

Next.jsReactTailwind CSSGSAPFramer MotionLenis

Cinematic Hero

Fire, sizzle and melted cheese in a slow, appetite-first opening sequence.

Table Reservations

A clean booking form with location, hours and contact details alongside.

Bold Identity

Near-black canvas, ember-red accents and heavyweight display type.

Your Project

Looking for a digital experience built around your brand?

Discuss Your Project