SACASE
05O’Chef Tacos
2026CLOSE CASE ×
05 / 07Restaurant / Conversion website concept2026

O’Chef Tacos Growth System

Attention only matters when the customer can move directly from appetite to action.

ROLE
Strategy · Art direction · UX/UI · Frontend concept
STATUS
Portfolio concept
STACK
React · Responsive UI · Ordering UX · Performance-first media
PRODUCT INTERFACE / 05Hero / appetite
O’Chef Tacos hero with bold typography, product photography, price, and order actions
PRODUCT JOURNEY / 05

THE PRODUCT,
IN USE.

One complete interface state at a time. Each screen documents the task, the system response, and what the user can do next.

01 / ATTRACT

Create appetite

Photography, price, and product copy establish the offer in the first screen.

01Hero / appetite
O’Chef Tacos hero with bold typography, product photography, price, and order actions
02 / EXPLORE

Reduce menu friction

The menu lets visitors compare products and understand the range quickly.

02Menu discovery
Restaurant menu grid with product photography, prices, and item actions
03 / CHOOSE

Expose the order routes

Customers can see the practical next actions without guessing what the website supports.

03Order routing
Ordering section presenting delivery platforms, WhatsApp, and in-store routes
04 / ARRIVE

Close with place and proof

Location and review evidence turn the site from a gallery into a usable customer path.

04Review proof
Restaurant rating proof comparing review platforms
01 / CONTEXT

WHY THIS PRODUCT
NEEDED TO EXIST.

CHALLENGE

Many restaurant websites stop at attractive food photography. Customers still have to hunt for the menu, location, order method, strongest offer, or a reason to trust the restaurant.

RESPONSE

I structured the concept as a conversion path: appetite first, menu clarity, offer pressure, explicit ordering routes, map discovery, and visible review proof. The visual system borrows its energy from fast-food packaging rather than generic restaurant luxury.

02 / OPERATING LOGIC

THE OPERATING
SEQUENCE.

  1. 01ATTRACT

    Create appetite

    Photography, price, and product copy establish the offer in the first screen.

  2. 02EXPLORE

    Reduce menu friction

    The menu lets visitors compare products and understand the range quickly.

  3. 03CHOOSE

    Expose the order routes

    Customers can see the practical next actions without guessing what the website supports.

  4. 04ARRIVE

    Close with place and proof

    Location and review evidence turn the site from a gallery into a usable customer path.

03 / PRODUCT DECISIONS

DECISIONS THAT
SHAPED THE BUILD.

01 / DESIRE

Sell the product immediately

The hero uses one strong food image, price, and direct actions instead of wasting the first screen on a vague brand statement.

02 / CHOICE

Make ordering explicit

Available routes—delivery platforms, WhatsApp, or in-store—are presented as decisions rather than hidden footer links.

03 / TRUST

Proof near the action

Ratings and location information reinforce the buying path instead of living on disconnected pages.

04 / INTERFACE EVIDENCE

Secondary screens that extend the core journey without diluting it.

05 / 06Offer
Restaurant offer section with promotional product and direct order action
06 / 06Location
Restaurant location and map discovery section
05 / MY RESPONSIBILITY

SCOPE OF
RESPONSIBILITY.

I shaped the commercial strategy, content hierarchy, visual direction, interface concept, and ordering experience as a BAB Digital portfolio demonstration.

The proof covers the hero, menu, promotional offer, order routing, map discovery, and rating evidence. It is a portfolio concept—not a commissioned O’Chef launch or a live POS integration.

  • Restaurant strategy
  • Conversion UX
  • Menu design
  • Art direction
NEXT CASE / 06Smart Parking