01 / Problem
The product challenge
A 174-item menu is hard to use on a phone if categories, hours, and the difference between pickup and delivery are buried. This preview is a pitch for that job. It does not replace the restaurant’s current site.
Restaurant / Menu / Online ordering
El Recreo
A mobile-first sample redesign for a Renton Mexican restaurant, with a 174-item menu, a clear split between pickup and delivery, and a direct handoff to the restaurant’s existing Menufy ordering.
- Focus
- Menu scale, pickup vs delivery, mobile ordering
- Contribution
- Web design and development
- Status
- Sample redesign / draft preview
The experience at a glance
Put a long menu and the order path on one small screen.
The preview opens with the Renton location, hours, and two actions: order online or read the menu. Pickup and delivery stay named, and ordering continues in Menufy rather than a second checkout.
Visit the preview ↗This case study describes a draft pitch preview and the design decisions visible in that preview. It is not the business’s official site, and it does not claim the business hired this work or published it on their domain.
02 / Design intent
The experience goal
Help a visitor confirm this is the Renton restaurant, find a dish, and choose pickup or delivery without leaving the Menufy ordering the restaurant already uses.
03 / Key decisions
How the interface supports the goal
- Home, Menu, Visit, and Order keep browsing and ordering as separate tasks.
- The hero states Mexico City street food, Renton, carryout and delivery, and that the restaurant is closed Tuesdays.
- Address, hours, and phone sit in one strip: 2801 NE Sunset Blvd, Ste A, up the hill from The Landing.
- Order actions link into the existing Menufy flow instead of inventing a new cart.
- The preview labels itself as a draft and not the official site.
04 / Interaction & usability
Helping users move through the product
Primary actions stay next to the hero. Location, a six-day schedule, the Tuesday closure, and the phone number are readable without opening the menu.
05 / Tools & skills
What this work demonstrates
Responsive web design, information architecture, large-menu structure, mobile ordering paths, content hierarchy, and front-end implementation.
06 / What I’d improve next
Next iteration
- Test category jumping inside the long menu on a small phone.
- Keep sold-out or seasonal items from looking orderable.
- State the Menufy handoff before the visitor leaves the preview.
- Confirm hours and the Tuesday closure with the restaurant before any public use.
Thinking beyond this preview
A later version could group the menu the way people order—tacos, platters, family meals—while keeping the same handoff to Menufy.
Open the preview ↗