A streamlined ordering experience for a local favorite

Increase online orders while making menu browsing easier

Ordering, catering, and food-truck booking all competed for the same navigation slots. Regulars knew what they wanted and still had to hunt for it. New visitors gave up and went to a delivery app instead.

Redesigned the site around how people actually order

I mapped the whole site into three parallel journeys — order now, browse the menu, book catering — and gave each one an unmistakable entry point. The information architecture and flows came first so nothing had to share a slot.

• NavigationRebuilt around ordering, menu, and catering.
• OrderingToast and DoorDash integrated as paths, not escape hatches.
• CateringTwo clear tracks: pickup trays and food-truck catering.

Category-first browsing with the food up front

The menu was restructured into scannable categories with photography of the actual food and prices in plain view, so browsing feels like looking at a counter instead of reading a document.

Designed for a phone in a parking lot

Nearly all ordering happens on a phone, so the mobile layout led the design rather than following it. Catering, ordering, and calling are all reachable without scrolling into the fold.

A visual system that carries the food truck energy

I extended the brand into a set of reusable shapes, color blocks, and card treatments so new pages and promotions stay on-brand without redesigning anything.

Every asset, from the icons to the ordering patterns, comes from one system

I created the full visual toolkit and maintained it across the website: the icon family, illustrations, color roles, typography, button hierarchy, food cards, navigation, calls to action, and reusable page sections. The goal was to make a growing restaurant, food truck, and catering business feel like one recognizable brand at every touchpoint.

The library reflects the real complexity of the business. Ordering needs immediate actions, menu browsing needs repeatable food cards, catering needs longer explanation, and the food truck needs location and contact patterns. Shared foundations keep those journeys connected while each pattern does a different job.

• Brand foundations#172833, #F4B51F, #3BBCE1, #7AC943, and #FFFFFF; expressive display lettering paired with clear interface type.
• Logo rulesThe hand-lettered House of Garlic wordmark stays legible across the dark navigation, photography, and promotional color fields.
• Assets I createdIcons, illustrations, brand shapes, category graphics, and campaign elements designed to stay recognizable at web, menu, and social sizes.
• Commerce patternsPrimary order actions, menu-category cards, featured-item cards, pickup and delivery choices, and direct links into Toast and DoorDash.
• Service patternsSeparate modules for pickup catering, food-truck catering, changing truck locations, phone contact, and event booking.
• MaintenanceReusable sections and documented roles let new menu items, promotions, and service pages stay consistent without recreating the brand each time.

One experience for pickup, delivery, and catering

The result is a streamlined ordering experience that better supports pickup, delivery, and catering customers, and the food truck finally has a bookable home instead of a phone number in a caption.