Skip to main content
UI Coach Logo
Back to challenges
Easy

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.

Mobile, Responsive web

The brief

Understand the problem

Background

Seasonality depends on region and weather, while market stock changes daily. Shoppers need practical guidance without claims that every local or organic item is automatically healthier.

User context

Lin wants ingredients for a weekend dinner and prefers produce grown nearby. She can travel five kilometers and needs to know whether the market accepts cards.

Product problem

The product must connect seasonal education with current seller information and communicate freshness of the listing.

Objective

Create seasonal browsing, nearby seller comparison, and a small shopping plan.

What to design

Define the experience

Required experience

  • Browse by current season
  • Nearby seller results
  • Produce and seller detail
  • Shopping list

Screens and states

  • Seasonal overview
  • Map and list
  • Produce detail
  • Saved shopping list

Core user flow

Follow the critical path

  1. 01

    Lin selects her region

  2. 02

    She explores produce currently in season

  3. 03

    She compares two nearby markets

  4. 04

    She saves ingredients and opening hours for Saturday

Product rules

Requirements and constraints

Requirements

  • Show region and seasonal window
  • Label seller update time
  • Support distance, opening, payment, and certification filters
  • Avoid unsupported health claims

Constraints

  • Stock cannot be guaranteed
  • Small vendors may update infrequently
  • Seasonal windows are approximate

Reality check

States worth considering

No seller has confirmed stock
Weather shortens a harvest
A market is cash only
Location access is denied

Ready-to-use content

Mock data

Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.

October produce

  • Pumpkin, peak season
  • Guava, available now
  • Long beans, late season
  • Riverside Market updated stock 2 hours ago

Finish line

What to deliver

  • Three to four responsive screens
  • A freshness indicator for seller updates

If you want more

Optional extensions

Add simple storage tips
Let sellers post today's limited stock

Optional direction

Visual resources

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

Color palette
#1C1B19
#C7B89F
#649853
#735D5F
#87759D
Font pairing
Baloo 2Montserrat

Baloo 2 & Montserrat

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

Icons
Illustrations