Southern UptimeWebsite Design Showcase Get a quote

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.

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

Measured on a phone

  • Text size on a phone4.4 px16 pxBody text as displayed on a 390 px‑wide screen
  • Menu links on a phone8.8 px tall46 pxHeight of the main navigation buttons as displayed
  • OrderingPhone call7 tapsFrom picking a dish to a placed demo order, plus typing a name
  • Google Lighthouse mobile checksFailsPasses“Has a mobile viewport” and “Uses legible font sizes”

Measured on 16 October 2026 on the two demo pages in this showcase, using Chromium phone emulation (390 × 844) and Lighthouse 12.8.2 (mobile). 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

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

Try it yourself

Order a fried chicken plate for pickup.

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

  1. Choose a dish
  2. Customize it and add it to your order
  3. Open your order
  4. Pick a time and enter a name
  5. Review your order
  6. Place the demo order

Taps so far: 0

Full screen

On the old website

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

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

Live demoStep 1 of 6 · Choose a dish

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.

Content Updates add‑on

Up to 1 hour of content updates per month: specials, hours, menus, events, and photos.

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.