EXPLORE MIGUEL.SYSTEMS
A separate space for experimentsLabs
All work

Local business website

Dino’s Subs

A heritage-led, multi-route redesign that turns a dense single-page restaurant site into a focused, mobile-friendly journey for menu discovery, party subs, story, gear, careers, and visits.

My contribution
Product strategy · information architecture · UX/UI · frontend implementation · brand restoration
Timeframe
2026 owner-review redesign
Status
Prototype
THE WORK IN ONE LINE

A searchable menu and clearer visit information in an owner-review redesign.

Next.jsReactTypeScriptVinextResponsive design

Verified prototype

A family business, made easier to explore.

The owner-review candidate keeps Dino’s recognizable food, skyline identity, checkerboard cues, slogan, and family history while giving each customer task a clear destination.

Dino’s Subs redesign preview combining the classic skyline mark, restaurant mural, and an official sandwich photograph
Owner-review redesign · approved brand and official business imagery

01MenuAll 27 numbered subs with search and filters

02Party SubsSizes, servings, lead time, and planning rules

03Story + GearFamily continuity and register-only merchandise

04Visit + CareersPractical trip and application information

02 / The problem

Find the menu without searching the whole website.

Dino’s Subs has decades of family history, a large menu, and a loyal local identity, but the original single-page site asks visitors to scan nearly every concern in one long document. The redesign needed to improve task finding without inventing prices, availability, ordering capabilities, or owner-approved facts.

03 / What I built

Miguel reorganized the experience around seven customer-focused routes, rebuilt the visual identity from approved source artwork, and implemented the site with React, TypeScript, and progressive motion. Menu discovery, visit planning, party-sub guidance, sharing metadata, and launch controls are explicit while production decisions remain owner-controlled.

04 / Result & scope

What changed. What comes next.

Verified current repository, asset-provenance ledger, owner launch worksheet, and desktop/mobile before-and-after evidence.

27 numbered subs

Made the full numbered menu searchable and filterable on a dedicated customer route.

Seven focused routes

Separated menu, party-sub, story, gear, visit, and careers tasks from the homepage.

Launch-aware controls

Centralized indexing, canonical, review-route, and careers controls for owner approval.

01One long page became clear journeys

The information architecture separates menu discovery, family history, party-sub planning, merchandise, careers, and visit details so visitors can go directly to the task they came to complete.

  • Home, Menu, Party Subs, Our Story, Gear, Visit, and Careers routes
  • Search and category filters across all 27 numbered subs
  • Clear phone, directions, hours, social, and in-person ordering paths
02The physical brand shaped the interface

The classic skyline mark, checkerboard cues, heritage typography, shop photography, and restrained cream, red, and green palette connect the digital experience to the South Collins restaurant.

03Production truth stayed visible

Unknown prices, allergen guidance, availability, brand approval, image permissions, canonical domain timing, and desktop/mobile acceptance remain explicit owner gates rather than being filled with assumptions.

04A browsable archive of the whole journey

The maintained archive preserves the multi-route design, searchable menu, category controls, and responsive navigation. Visitors can explore the restaurant experience directly from the Websites collection. Demonstration actions are isolated from live services and do not submit orders, payments, or enquiries.

05Preserve the work and its address

The original source, assets, dependency lockfile, and recovery instructions are backed up separately from the archive edition. Existing addresses forward to equivalent archive destinations where available. This preservation work keeps the design reviewable without implying an owner-approved production rollout.

Continue exploring

All work
NEXT CONNECTION03 / 08
Work

Choose a project. See where it leads.

Keep scrolling to continueOr follow the link

Your privacy choices

Optional analytics are currently disabled. The site uses local preferences for appearance and your node arrangement.

Do Not Track and Global Privacy Control are respected. Read the privacy notice.