Skip to main content
All workWebLogic

/ On this page

  • Overview
  • Visual
  • The project
  • Teardown
  • Timeline
  • Metrics
  • More work
/ Concept · Hospitality· Concept rebuild· 2024

Restaurant Rebuild

A premium restaurant website with reservations, menu structure, and mobile-first UX.

RestaurantReservationsMenuMobile

Restaurant Rebuild

Concept Rebuild

/ Summary

The project.

Concept rebuild: improved menu visibility, mobile ordering flow, reservation completion, and clean photography pipeline.

Concept rebuild of a local restaurant. Replaces a slow image-heavy template with a Next.js build: menu schema indexed by Algolia, integrated reservation flow via OpenTable webhook, and mobile-first photography pipeline using Next/Image + WebP.

Services delivered

  • Website design
  • Reservations integration
  • Menu CMS

/ The teardown

What was broken. What we changed.

What was broken

  • Image-heavy template loaded in 3+ seconds on mobile
  • Menu was a single PDF — unreadable on phones
  • Reservations required calling during business hours

What we changed

  • Mobile-first rebuild with Next/Image WebP pipeline
  • Menu schema indexed by Algolia with search + categories
  • OpenTable integration for self-serve reservations 24/7

Before

3.2s mobile · PDF menu · phone-only reservations

After

0.9s mobile · searchable menu · 24/7 self-serve booking

/ How it shipped

The build, phase by phase.

  1. Photo audit

    Week 1

    Reshoot list, file-size targets, color-grading reference per dish.

  2. Menu schema

    Week 1

    Categories, allergens, prices, seasonal flags modeled in Sanity for non-technical edits.

  3. Reservation hook-up

    Week 2

    OpenTable / Resy webhook to capture booking confirmations in the CMS for analytics.

  4. Build + ship

    Week 2–3

    Next.js implementation, image optimization pipeline, mobile-first reservation flow.

/ Metrics

What it produced.

  • 3.2s → 0.9s

    Mobile speed

  • +94% (demo)

    Reservation completion

  • +220% (demo)

    Menu scrolls

  • 100

    Lighthouse

/ Stack

What it's built on.

  • Next.js 15
  • Sanity
  • Algolia
  • Vercel Image Optimization

/ More builds

Selected builds

  • Internal Build

    Client Portal Dashboard

    WebLogic-built client portal: authentication, project tracking, file uploads, invoice status, and an admin panel — all in one Next.js + Supabase build.

  • Concept Rebuild

    Service Business Website

    Concept rebuild of a contractor / local-service site: online booking, structured lead capture, fast mobile experience, and clearer pricing.

  • Internal Build

    Checkout Flow

    Internal demo of WebLogic's custom Stripe flow: deposit collection, milestone billing, automated invoice generation, and customer dashboard.

Want to build something like this?

Book the free 24-hour audit. We'll send a written plan + fixed quote.

Back to all work

© 2026 WebLogic Studio. All rights reserved.

Built remotely · United States