Skip to main content
UI Coach Logo
Intermediate

Scan a Product Brand and Origin

Design a product label scanner that explains brand ownership, verified origin details, and credible customer guidance.

Mobile2 to 4 hours

The brief

Understand the problem

Background

A logo or label may identify a company, but it does not prove that a product is authentic or reveal which claims are current. Brand information also comes from sources with different incentives.

User context

Miko sees an unfamiliar skincare product at a market. She wants to identify the brand, check the official ingredient list, and learn whether the seller is an authorized retailer.

Product problem

The product must separate recognition confidence, official brand facts, independent references, and community reports without making unsupported authenticity judgments.

Objective

Create label capture, brand match confirmation, evidence review, and authorized seller lookup.

What to design

Define the experience

Required experience

  • Logo or label capture
  • Brand match confirmation
  • Source-aware product information
  • Seller verification

Screens and states

  • Camera capture
  • Possible brand matches
  • Brand and product detail
  • Seller status

Core user flow

Follow the critical path

  1. 01

    Miko scans the product label

  2. 02

    She confirms one of two possible brands

  3. 03

    She checks the official product record and source dates

  4. 04

    She finds that the current seller is not listed as authorized

Product rules

Requirements and constraints

Requirements

  • Show recognition confidence
  • Attribute facts to their sources
  • Distinguish brand identification from product authentication
  • Surface official safety or recall information
  • Allow correction of an incorrect match

Constraints

  • Counterfeit packaging may copy a real logo
  • Brand ownership can change
  • Some small brands have limited public records

Reality check

States worth considering

Several brands use similar marks
No official product record exists
A source conflicts with another
The label is damaged
The product has been recalled

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.

Scan result

  • Possible brand: Serein Labs, 91 percent match
  • Official product: Calm Barrier Serum, 30 ml
  • Ingredient record updated 8 August
  • Seller not found in authorized retailer directory

Finish line

What to deliver

  • Four mobile screens
  • An evidence treatment that distinguishes identity, authenticity, and seller authorization

If you want more

Optional extensions

Add batch code guidance
Design a brand correction request

Optional direction

Visual resources

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

Font pairing
PalanquinRoboto

Palanquin & Roboto

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

Icons
Illustrations

Keep practicing

Intermediate
E-commerce

Visual Search for an Unknown Product

Design a mobile shopping flow that identifies a photographed item and helps someone compare credible purchase options.

Mobile2 to 4 hours
Mobile DesignSearch and Filtering
Advanced
E-commerce

Outfit Planning With Tailor Handoff

Design a styling tool that helps someone explore outfits for an occasion, request useful feedback, and prepare alterations for a local tailor.

Mobile4 hours plus
Trust and SafetyInteraction Design
Beginner
E-commerce

Scan a Book Before Buying

Design a book discovery flow that recognizes a cover and compares reviews, editions, prices, and library availability.

Mobile1 to 2 hours
Information HierarchyMobile Design
Intermediate
E-commerce

Hair Color Try On and Salon Brief

Design a camera preview that compares hair color options and turns a chosen look into a realistic salon consultation brief.

Mobile2 to 4 hours
Mobile DesignTrust and Safety
Intermediate
E-commerce

Nearby Deal Alerts

Create a local shopping alert that surfaces relevant offers without exposing precise location history.

Mobile1 to 2 hours
Mobile DesignTrust and Safety
Intermediate
E-commerce

Product Release and Local Stock Alert

Design a brand-following experience that notifies shoppers about relevant releases and shows trustworthy nearby availability.

Mobile2 to 4 hours
Information HierarchyMobile Design