The problem
Hunger is immediate. A fourteen-category menu is not. On a small screen, guests could lose context while moving between dishes, service options, hours, directions, and ordering paths.
01 · Overview
A deep menu needed to feel easy, not reduced.
Wideplate is an independent restaurant concept for a Filipino comfort-food destination in San Antonio, Zambales. The study asks how a generous, fourteen-category menu can stay expressive while remaining usable on a phone.
- Type
- Concept study
- Industry
- Restaurant
- Scope
- Strategy, UX, design, front-end
- Year
- 2026
The objective
Give every part of the offer a clear place while keeping the journey anchored around three actions: browse the menu, choose how to order, and plan a visit.
The response
- Lead with appetite. Plated-food photography and a restrained wordmark establish generosity before asking guests to read.
- Keep orientation visible. Category filters and scroll-spy behavior keep the active menu choice in view.
- Load third parties on intent. The map waits for a tap, protecting speed and privacy until directions are needed.
05 · Experience
drag / swipe · ← →
Hero: five-slide plated carousel01
Menu, filtered by category02
Wordmark preloader03
Our Story on mobile04
Visit: address, hours and the map05
FAQ on mobile06
01 / 06
06 · Design decisions
Copy
#F4EEE1Cream paper
Copy
#0B2A20Forest green
Copy
#D9A441Wideplate gold
Copy
#14241DInk
Copy
#081F17Deep forest
Type: Fraunces (headings) · General Sans (body/UI, self-hosted) · Libre Baskerville (wordmark)
07 · Build
Interface
Five-slide hero carousel
Menu filter with scroll-spy
Combo accordions
Gallery lightbox
Tap-to-load map facade
Motion & access
One-time scroll reveals
Magnetic buttons
Reduced-motion fallbacks
Skip link and WCAG AA contrast
Stack
Vanilla HTML/CSS/JS
Self-hosted General Sans
Generated critical CSS
Security headers
Vercel
08 · Concept outcome
Rich in character. Clear in use.
The result is a complete concept prototype showing how a large restaurant offer can feel expressive without becoming difficult to navigate. It demonstrates Arc's design and build approach through the strategy, interface, and finished front-end.
For restaurant owners