Brick Oven Pizza

02UX/UI / Website / Branding

Bringing the warmth of a neighborhood restaurant into the ordering experience.

Client

Brick Oven Pizza

Tools

Figma, Webflow

Type

Landing Page Design

Duration

2 months

Role

UI/UX Designer, Graphic Designer

Problem

Strong food and loyal regulars, but a dated site that buried the menu and made ordering harder than walking in. Mobile mattered most: browsing, promotions, and checkout all had to hold up on a small screen.

Solution

A mobile-first rebuild that puts the menu and ordering flow on the critical path. Promotions create urgency, best sellers reduce choice overload, and the restaurant's character supports the order instead of competing with it.

Outcome

+25% online orders within three months of launch, alongside clearer navigation and richer menu information.

Visual System

Color

#BE0000
#000000
#FFFFFF
#888888

Typeface

Roboto

AaBbCc Gg Qq 0123456789

Classic, trustworthy, highly legible

LightRegularMediumBold

Project emphasis

Research & Strategy30%
UI & Systems35%
Motion20%
Prototype & Handoff15%

The story, section by section.

0101

Overview

Brick Oven Pizza had the food, the regulars, and a recognizable local identity. What it didn't have was a website that reflected any of it. I rebuilt the experience mobile-first around menu discovery, customization, promotions, and a shorter route to checkout, keeping the restaurant's character intact along the way.

0202

Challenge & Constraints

The old site made three things hard: browsing the menu, understanding what made the place different, and actually ordering. The redesign had to feel warm and established while working as a fast, modern ordering tool. Mobile carried the most weight, since browsing, promotions, and checkout all had to stay legible on a small screen.

Footage forthcomingdrop public / media / brick-oven-pizza-stage-01.png
0303

Discovery

I reviewed competitor and local restaurant experiences to understand how people move from hunger to a decision: how menus get organized, what information drives the choice, and where ordering breaks down. Menu visibility, food photography, clear categories, customization, promotions, and fast access to checkout came out as the real opportunities.

Footage forthcomingdrop public / media / brick-oven-pizza-stage-02.png
0404

Strategy

Shorten the route from craving to checkout. The information architecture puts the menu and ordering flow on the critical path: promotions create urgency, best sellers reduce choice overload, categories improve scanning, and customization happens without leaving the journey. The restaurant's history stays present, but it supports the order rather than competing with it.

Footage forthcomingdrop public / media / brick-oven-pizza-stage-04.png
0505

Design & Execution

Red, black, white, and neutrals set a bold but familiar restaurant identity, with food photography carrying most of the emotional work. Serif headings hold the traditional register while a clean sans keeps the menu scannable at small sizes. Brick textures and rustic cues appear selectively, so the interface reads as authentic instead of heavy.

Footage forthcomingdrop public / media / brick-oven-pizza-stage-05.png
Footage forthcomingdrop public / media / brick-oven-pizza-stage-06.png
0606

Motion & Prototype

Hover states, menu-item feedback, promotional transitions, and customization interactions give the ordering journey a sense of response. I prototyped the path from homepage discovery through menu browsing, item customization, and checkout, then built it responsively in Webflow with metadata, alt text, load performance, and analytics handled during implementation.

Footage forthcomingdrop public / media / brick-oven-pizza-stage-03.png
Footage forthcomingdrop public / media / brick-oven-pizza-stage-07.png
0707

Launch & Outcome

Within the first three months after launch, online orders increased by 25%. The clearer navigation and richer menu information gave customers a faster read on the food, and the About page gave the brand somewhere to tell its story without blocking the order.

Footage forthcomingdrop public / media / brick-oven-pizza-stage-09.png
0808

Reflection

Mobile usability drives local commerce more than brand storytelling does. Customers weren't visiting to explore a narrative; they wanted to understand the food, choose, and order. The version that worked balanced appetite, character, and conversion instead of treating them as separate problems.

The Results

+25% online orders

+25% online orders within three months of launch, alongside clearer navigation and richer menu information.

Antwon Ward