Design playground

4 prototypes

Prototypes

Work in progress, project by project. Every page is responsive: narrow the window for mobile.

←→Walk the pages
1–9Switch directions
[]Previous or next prototype
RReplay
HHide the dock

Coach Stories4

001As designed2 directions · 4 pagesThe hub as drawn, in the design's two frames: straight into the grid, or led by a full-bleed hero with the partnership told as a campaign. Desktop and mobile.
- 1No hero
- 2With hero
As designedDesktopMobile
002Magazine2 pagesThe same stories published as an issue: a nameplate and contents, a type-led cover, a sideways rail per section, pull quotes and a most-read list.
AlternativeDesktopMobile
003Index2 pagesType first, pictures on demand: a filterable archive of every story in large type, the picture following the cursor, with a grid view to switch to.
AlternativeDesktopMobile
004Full bleed2 pagesImage first: every story takes the screen, in chapters by category, with a sticky chapter bar and a progress counter, like a campaign microsite.
AlternativeDesktopMobile