Skip to main content
UI Coach Logo
Back to challenges
Intermediate

Find a Restaurant by Its Best Dish

Design a dish-level review experience that helps diners compare taste, portion, dietary fit, price, and recency.

Mobile, Responsive web

The brief

Understand the problem

Background

A restaurant can be known for one excellent dish even when its overall rating is average. Menu changes and individual dietary needs also make old venue-level reviews less useful.

User context

Dara is visiting Penang and wants a memorable bowl of curry mee near her hotel. She avoids shellfish and needs recent information about ingredients and opening hours.

Product problem

Dish names, variants, and ingredients are inconsistent across restaurants. Review media can attract attention while hiding when the dish was eaten or whether the menu has changed.

Objective

Create a search and review experience centered on a specific dish rather than a general restaurant score.

What to design

Define the experience

Required experience

  • Dish search with location and dietary filters
  • Dish results linked to current restaurant context
  • Dish detail with rating dimensions and recent media
  • Structured post-visit review

Screens and states

  • Dish search
  • Results map and list
  • Dish detail
  • Review composer

Core user flow

Follow the critical path

  1. 01

    Dara searches for curry mee near her current area

  2. 02

    She filters for shellfish information and open restaurants

  3. 03

    She compares recent dish reviews and portion photos

  4. 04

    She confirms the restaurant's latest ingredient note

  5. 05

    After visiting, she reviews the exact menu item and date

Product rules

Requirements and constraints

Requirements

  • Keep dish ratings separate from overall venue ratings
  • Show when a reviewer visited and which variant they ordered
  • Treat dietary information as reported context rather than a guarantee
  • Connect price and portion comments to a date
  • Support text, photo, and short video without privileging media alone

Constraints

  • Menus and recipes change frequently
  • The same dish may have several spellings or local names
  • Location data can be imprecise indoors

Reality check

States worth considering

A reviewed dish is no longer available
Two listings refer to the same restaurant
Reviewers disagree about an ingredient
A business disputes an outdated photo

Finish line

What to deliver

  • Design four mobile screens for dish discovery, evidence-rich detail, and review contribution.

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Color palette
#A9A4CE
#05623B
#1F1109
#79829C
#6CBCB4
Font pairing
QuattrocentoFanwood Text

Quattrocento & Fanwood Text

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations