Skip to main content
UI Coach Logo
Back to challenges
Intermediate

Build a Trustworthy Industry News Briefing

Design a news dashboard that helps professionals follow a specific industry, compare sources, and catch important updates.

Responsive web

The brief

Understand the problem

Background

Professionals often need a narrow set of reliable updates rather than a general news feed. Repeated reporting, unclear publication times, and opinion presented as news make scanning difficult.

User context

Nadia works in renewable energy procurement and checks policy, supply-chain, and market news each morning before a team briefing.

Product problem

A personalized feed can become repetitive or opaque. Readers need to understand source, recency, topic, and whether multiple stories describe the same event.

Objective

Create a focused news briefing with source context, topic controls, and grouped coverage.

What to design

Define the experience

Required experience

  • Topic and region preference setup
  • Daily briefing with clustered stories
  • Article detail with source and update history
  • Saved briefing collection

Screens and states

  • Preference setup
  • Briefing feed
  • Coverage cluster
  • Article detail

Core user flow

Follow the critical path

  1. 01

    Nadia chooses industries, regions, and alert priority

  2. 02

    She scans a morning briefing organized by impact

  3. 03

    She opens a cluster containing several reports about one policy change

  4. 04

    She compares sources and reads the latest update

  5. 05

    She saves the cluster for her team meeting

Product rules

Requirements and constraints

Requirements

  • Display original publication and latest update times
  • Group substantially similar coverage without hiding source differences
  • Distinguish reporting, analysis, press releases, and opinion
  • Let users tune topic and notification frequency
  • Preserve source attribution when a story is saved or shared

Constraints

  • The same event may be described with different terminology
  • Source reliability can vary by topic and region
  • Breaking information may be incomplete

Reality check

States worth considering

A story is corrected after being saved
Sources disagree on a key fact
A paywalled source has the strongest reporting
The briefing has no high-priority updates

Finish line

What to deliver

  • Design four responsive screens for setup, briefing, grouped coverage, and article context.

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
AntonOpen Sans

Anton & Open Sans

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

Icons
Illustrations