Skip to main content
UI Coach Logo
Intermediate

Discover Games That Are Truly Free to Play

Design a legal game discovery service that makes device compatibility, optional purchases, age ratings, and play access clear.

Responsive web, TV2 to 4 hours

The brief

Understand the problem

Background

Free game catalogs often mix demos, ad-supported titles, subscriptions, and games with optional purchases. Players need to understand the real access model before installing or starting a game.

User context

Camila wants a cooperative game to play with her ten-year-old nephew on a shared living-room device. She wants age-appropriate choices without surprise purchases.

Product problem

The word free can hide important conditions. The experience must communicate legal availability, hardware needs, monetization, and family suitability without turning discovery into a wall of warnings.

Objective

Create a game browse and launch flow that supports informed selection and family account controls.

What to design

Define the experience

Required experience

  • Catalog browsing by device, player count, and age rating
  • Game detail with access model and purchase disclosures
  • Family approval and spending controls
  • Launch or installation handoff

Screens and states

  • Game catalog
  • Filtered results
  • Game detail
  • Family approval
  • Launch state

Core user flow

Follow the critical path

  1. 01

    Camila selects the shared device and two-player games

  2. 02

    She filters for an appropriate age rating

  3. 03

    She opens a game and reviews optional purchase information

  4. 04

    She approves the title for her nephew's profile

  5. 05

    They launch the game and receive a device storage warning

Product rules

Requirements and constraints

Requirements

  • Distinguish free access, trial access, subscription access, and optional purchases
  • Show hardware, controller, storage, and account requirements
  • Support age and content filters that adults can lock
  • Keep editorial recommendations separate from sponsored placement
  • Provide a clear path from discovery to the official game source

Constraints

  • Catalog availability varies by region and device
  • Age ratings differ across rating systems
  • Purchase details can change after a game update

Reality check

States worth considering

A game leaves the catalog after being saved
The device lacks enough storage
A child requests access to a blocked title
Online multiplayer requires a separate paid service

Finish line

What to deliver

  • Design five responsive screens for discovery, disclosure, family approval, and launch recovery.

Optional direction

Visual resources

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

Font pairing
LustriaLato

Lustria & Lato

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

Icons
Illustrations

Keep practicing

Intermediate
Entertainment

Resume a Series on a Niche Streaming Service

Design a focused streaming home and playback experience for a small catalog with episodes, subtitles, and household profiles.

TV2 to 4 hours
Interaction DesignInformation Architecture
Advanced
Entertainment

Configure a Child's Game Access

Design parental controls for game time, spending, communication, and age access with clear rules for both parent and child.

Mobile2 to 4 hours
Trust and SafetyService Design
Intermediate
Entertainment

Separate Viewing Profiles in a Shared Home

Design a TV profile experience that keeps recommendations, watch history, and age boundaries useful on a shared household screen.

TV1 to 2 hours
NavigationInteraction Design
Advanced
E-commerce

Drone Product Selector

Design an ecommerce journey that helps a new buyer choose a suitable camera drone and understand operating responsibilities.

Responsive web2 to 4 hours
Search and FilteringContent Design
Intermediate
Developer tools

Choose a Compatible WordPress Theme

Design a marketplace purchase flow that helps site owners evaluate compatibility, licensing, support, and update history.

Responsive web2 to 4 hours
Search and FilteringInformation Hierarchy
Intermediate
Creator tools

Compare a Curator's Top Picks

Design an editorial recommendation page that explains why a small set of products earned a place on a best-of list.

Responsive web2 to 4 hours
Content DesignInformation Hierarchy