Back to Work

Grill House

Branding • Web DesignVisit Project
Grill House

Tech Stack

React 18 TypeScript Tailwind CSS Framer Motion Radix UI Vite

The Gist

Grill House is a modern, premium web application for a burger restaurant in Accra, Ghana. The project focuses on a highly engaging, interactive customer experience with a streamlined, zero-friction ordering process via WhatsApp.

The Challenge

The restaurant needed a digital presence that perfectly mirrored the premium quality of their craft burgers. They wanted to allow customers to browse the menu and place orders quickly without the friction of creating accounts or navigating a complex checkout system. Furthermore, the client wanted to easily manage customer reviews without the overhead and cost of a full database or Content Management System (CMS).

The core challenges were:

  • Creating a visually stunning, highly animated user interface that doesn't compromise on performance and loading speed.
  • Implementing a seamless, zero-friction ordering flow that connects customers directly to the restaurant's WhatsApp with their selected items.
  • Providing a simple, cost-effective way for the restaurant to curate and update customer testimonials without technical overhead.

The Solution

A visually rich, single-page application optimized for both mobile and desktop experiences, designed to convert visitors into customers through direct communication channels.

  • Immersive Visual Design: Implemented complex, scroll-linked animations, parallax backgrounds, and custom particle effects (sparkles and rising bubbles) using Framer Motion to create a premium "craft" feel.

  • Direct-to-WhatsApp Ordering: Built a dynamic menu using Radix UI Tabs where each item features a one-tap "Order Now" button. This constructs a pre-filled WhatsApp message containing the exact item and price, instantly connecting the customer to the kitchen.

  • Performance Optimization: Utilized React useMemo for menu filtering and implemented custom image preloading logic to ensure the heavy visual assets and animations load smoothly without jarring layout shifts.
Gallery image 1 for Grill House
Gallery image 2 for Grill House

Ready for more?

Next Project