Slice of Heaven

Slice of Heaven

Menu website built for a pizza place in Mocanaqua, PA. Focused on quick access and appetizing design.

Visit Live Site

Technical Architecture

Format

Modern Image Delivery

Aggressively optimizes all heavy food imagery using WebP formatting, slashing overall payload sizes by nearly 60% compared to traditional JPEGs.

Layout

Mobile-First Menus

Constructed a fully responsive flexbox-based menu system that natively rearranges its columns to be easily readable on mobile phones.

SEO

Local Search Domination

Integrated highly specific Local Business Schema markup to ensure the restaurant ranks immediately when users search for pizza in Mocanaqua, PA.

Obstacles & Solutions

Obstacle 1: Heavy Visual Payload

The Issue: Local restaurant sites rely on mouth-watering images to drive sales, but uploading high-res photos to a single page was crippling the load times, especially for users searching for menus over 4G mobile connections.

The Solution: I implemented aggressive lazy loading and swapped legacy formats for modern `.webp` compression. I explicitly set `decoding="async"` on all below-the-fold content. The result was a drop in First Contentful Paint from 3.2 seconds down to 0.8 seconds.

Obstacle 2: Complex Menu Data Management

The Issue: Menu items change frequently, and hardcoding hundreds of items into HTML makes updates error-prone and tedious for the business owner.

The Solution: I architected the HTML to use clear semantic grouping so styles cascade predictably. This allowed the owner to drop in simple text edits without breaking the complex visual grid holding the prices and descriptions together.