Concept project · Restaurant website

Your customers order from their phones. Does your website let them?

I redesigned the website of The Golden Magnolia, a fictional Southern restaurant, to show what a modern site does for a local business. Try both versions and feel the difference.

Open Restaurant Demo View Before Website

Try ordering Interactive Compare before & after Contractor demo

Fictional business. Ordering is simulated: nothing is sent, charged, or saved.

Measured on a phone

Text size on a phone~~4.4 px~~16 pxBase text size as displayed on a 390 px‑wide screen. Menu text: 4.4 px in the old menu list, 13.5 px in the new dish descriptions
Menu links on a phone~~10.3 px tall~~56 pxHeight as displayed: the old top navigation links, and the section links in the new ☰ menu
Ordering~~Phone call~~7 tapsFewest taps from picking a dish to a placed demo order, counting the tap into the name field, plus typing the name
Mobile viewport~~Missing~~IncludedPhones fit the page to their own screen instead of shrinking a desktop layout

All four measured on 24 October 2026 on the current versions of the two demo pages in this showcase, using Chromium phone emulation (390 × 844). These are measurements of the demo pages, not results from a real business.

Before & after · desktop

Same restaurant. Same food. A very different first impression.

Drag the handle to compare the old homepage with the redesign.

goldenmagnolia.example

BeforeAfter

Open Restaurant Demo View Before Website

Before

Built for a desktop monitor, fixed 900 px wide
Small photos that undersell the food
Menu as a plain table, “download the PDF” for the rest
Take‑out by phone call only

After

Full‑width photography that sells the food
Menu with categories, search and dietary filters
Customize any dish and order ahead for pickup
Hours, location and ordering always one tap away

Before & after · on a phone

On a phone, the difference is everything.

Tap either phone to load the live page, then scroll it. The old site has no mobile layout, so a phone browser shrinks the whole desktop page to fit the screen.

**Before**Shrunk to 40% so the desktop page fits. Text displays at about 4.4 px. To order, you'd zoom in to find the phone number and call.View Before Website

**After**Designed for the phone first: readable 16 px text, large buttons, and a sticky “View order” bar once you add something.Open Restaurant Demo

Try it yourself Interactive

Order a fried chicken plate for pickup.

Use the phone to place a demo order. The checklist follows along as you go.

Choose a dish
Customize it and add it to your order
Open your order
Pick a time and enter a name
Review your order
Place the demo order

Taps so far: 0

Open Restaurant Demo

On the old website

Zoom in to find the phone number
Call during opening hours
Read your order out loud and spell your name
Hope nothing gets lost along the way

Simulated ordering: no payment, account, or message is ever sent.

On a phone? Order full screen

Live demoStep 1 of 6 · Choose a dish

Second showcase · Contractor website

A builder's website that turns visitors into estimate requests.

I rebuilt the website of Hollis & Vane Builders, a fictional contractor: from a dated, call-us-for-a-quote page to a site with sample project galleries and a guided estimate request that works on a phone.

The old Hollis & Vane website: a fixed-width page with tiny photos and a scrolling banner — **Before**Tiny photos, a list of services, and "call for a free estimate".View Before Website

The redesigned Hollis & Vane website: headline and estimate button beside a finished open-plan kitchen — **After**Project galleries, service areas, and a six-step estimate request.Open Contractor Demo

Guided estimate request: project type, scope, budget, timeline, review
Ballpark range as you answer, so visitors aren't guessing
A clearly simulated deposit example, with no payment details asked
Filterable project gallery and service areas

Try the estimate request Interactive

Simulated: nothing is sent, charged, or saved.

What Southern Uptime builds

A website your customers actually want to use.

Website design & builds

Custom websites for small businesses, from simple one‑page sites to full multi‑page sites. Quoted up front.

Hosting & Care

Managed hosting, daily off‑site backups, updates, and uptime monitoring for one flat monthly rate, including one website change a month that takes up to 30 minutes.

Website updates

Routine content changes, such as specials, hours, menus, events, and photos, are available when needed and quoted separately.

Basic SEO & Local Search Setup

A one‑time setup that helps search engines find and understand your website.

Features such as online ordering depend on the services your business uses and are scoped and quoted for each project. The ordering in this showcase is a demonstration only.

Want this for your business?

Tell me about your business and what your website needs to do. You get a real estimate before I start, and one person to call.

Request a quote