Skip to main content
UI Coach Logo
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 web2 to 4 hours

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.

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

Keep practicing

Intermediate
Food and dining

Food Recommendations From People You Trust

Design a restaurant discovery experience built around recommendations from known people and clearly explained social context.

Mobile2 to 4 hours
Search and FilteringTrust and Safety
Advanced
Food and dining

Diet-Compatible Food Finder

Design a menu search experience that helps diners evaluate dishes against allergies and dietary preferences.

Mobile2 to 4 hours
Search and FilteringTrust and Safety
Beginner
Food and dining

Find Seasonal Produce Nearby

Design a local food guide that shows what is in season, where it is available, and how recently the information was confirmed.

Mobile1 to 2 hours
Search and FilteringInformation Hierarchy
Advanced
Food and dining

Food Allergy Menu Screening

Design a menu screening experience that separates ingredient evidence, preparation controls, cross-contact uncertainty, and direct restaurant confirmation.

Mobile2 to 4 hours
Trust and SafetyContent Design
Beginner
Food and dining

Open Now Nightlife Finder

Design a local discovery experience that shows which venues are genuinely open and suitable right now.

Mobile1 to 2 hours
Search and FilteringMobile Design
Intermediate
Food and dining

Choose a Restaurant Table

Design a reservation flow that lets diners understand a restaurant floor plan and request a suitable available table.

Mobile2 to 4 hours
Interaction DesignAccessibility