The Players' Tribune
Stories of 2020

The Players' Tribune wanted a microsite that showcased their top 20 articles of 2020. The result was an easily navigable digital experience that increased traffic to the the main site and recirculated their top pieces of the year. Take a look.

skills
Prototyping
User Research
Art Direction
tools
Photoshop
Procreate
Ceros

Interface Rationale

The site was designed to give readers samples of top pieces from 2020 and direct them to the main site. We used a slideshow-like index to ensure their focus was limited to one piece at any given time. After scrolling through a brief article summary, users had the option to either go to the main site for the full article or skip to another article using the grid-style index at the footer. Combining a slideshow and grid-style index limited distractions while viewing a piece but also gave users the navigational freedom.

Results

26% increase in the average amount of visitors that clicked links to The Players' Tribune's main site. The number of outbound clicks within the first 30 days was double that of previous microsites.

Art Direction and New Perspectives

Because audiences may have already been acquainted with the featured articles, we commissioned several outside artists to create pieces for each article to get a refreshing perspective on some old favorites. The result was a gallery of work that contributed to the Players' Tribune's increasingly art-heavy brand voice. Check out the project here.
This is some text inside of a div block.
This is some text inside of a div block.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

skills
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
tools
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.