← All work

Unread Today

Redesigning a daily publication so it could grow beyond its famous 7-day format.

3 min read Skip to results ↓
My role
UX Designer
Team
Senior Designer, Creative Director, dev team
Timeline
August – December 2019
Tools
Adobe XD, Photoshop, Slack
Unread Today cover

You are now entering ( Problem )● 01 / 05

01Problem

One story a day.Then Unread grew up.

Unread Today began as an inbox. Seven categories, one per weekday, each story arriving like a new email with a blue unread dot, and a countdown to the next one. Young Mongolian readers loved the ritual.

Then Unread Media grew into events, communities and seven new original series that fit none of the seven days. Readers got used to the format and started to find it predictable, and when the schedule slipped they asked where the new story was, because the timer said it was due.

After: a publication
Before: an inbox
Before: an inboxAfter: a publication
Drag to compare. The live site in early 2019, with its greeting and countdown, and the redesign as it shipped in December 2019. Both from the Internet Archive.
“How does a daily ritual grow into a publication without losing the readers who loved the ritual?”

You are now entering ( Story formats )● 02 / 05

02Story formats

Not every storyis a photo and a headline.

The original site had one article template: cover image, headline, text. I designed a set of layouts editors could choose from, each built around how its series is actually read.

Eight templates, one system

01 / 05
  1. 01

    The long read

    Wide margins keep the eye in the centre column; headings, pull quotes and mixed image sizes give long stories a rhythm.

  2. 02

    How I Work

    The weekly interview opens on a full-bleed portrait, with the person’s role and workplace set before the first question.

  3. 03

    Aravt: ten essentials

    Ten objects from one interesting person, told as a slideshow of mini posters: photo on one side, a colour card with the story on the other.

  4. 04

    Podcast

    An episode page built around listening, with the show notes underneath.

  5. 05

    Author

    Every writer gets a page, so readers can follow people, not just categories.

You are now entering ( Homepage )● 03 / 05

03Homepage

Old favourites,new series, one page.

The homepage had to show that Unread was entering a new chapter without hiding what readers came for. The original weekday spotlights got their own card style, so they read as the familiar core, while the new series sit around them as things to explore. The countdown timer went: a strong identity piece, but a promise the new schedule couldn’t keep.

unread.today
unread.today homepage, full length
unread.today on mobile, full length

You are now entering ( App )● 04 / 05

04App

Only the alertsyou asked for.

The first app was the website in a wrapper with offline saving. The redesign made it reader-first: notifications by category, a quick switch between Unread and its sister platform Posted, a “continue reading” entry on the home screen, and sharing on every story. Every card follows the same pattern, so scanning for the next read is fast.

Home, with continue reading
Home, with continue reading
A category feed
A category feed
Alerts by category
Alerts by category
Reading view
Reading view
Unread and Posted in one menu
Unread and Posted in one menu

You are now entering ( Result )● 05 / 05

05Result

Shipped,and one lesson.

8Page templates, from the long read to the podcast
7 + 7Original weekday categories, plus seven new series
2019Shipped in December, live on unread.today
0Countdown timers left to apologise for

What I’d change. Infinite scroll between articles lowered the friction to the next story, but long reads made it heavy: nobody wants to scroll through three features to reach the footer. Today I’d use a “next up” module, topic trails and recommendations based on the session instead.

I was UX designer on the redesign, working with a senior designer, the creative director and the development team, from August to December 2019.

Next project

Imigon

A pre-launch experience for a music and culture platform: the brand's first public moment.