Site Architecture & Navigation
I. One-page Text-based Multimedia Stories
One-page, vertical scroll, topical/numerical chapters
A Game of Shark and Minnow
In a remote corner of the South China Sea, 105 nautical miles from the Philippines, lies a submerged reef that the Filipinos call Ayungin. (Video, animation)
The photograph of the Holmes family hiding from a violent bushfire in Tasmania was shared around the world. This scrolling multimedia story mixes animations and videos.
America’s Most Admired Lawbreaker
One-page, vertical scroll, geographical navigation
A journey through a heartland on the slow road to ruin.
One-page, vertical scroll, intro+chapters, full-text version
One-page, vertical scroll, intro+chapters, chronological timelines
One-page, vertical scroll, main story + sidebars
II. Multipage Text-based Multimedia Stories
Multipage, vertical scroll, topical/numerical chapters
This long-form narrative about a Cascades avalanche won a Pulitzer for feature writing. It also featured some very creative uses of video and animation. The piece was created using tools/libraries that include jQuery, underscore, jPlayer, HTML5 video, jQuery Reel, and jQuery address.
Multipage, vertical scroll, intro+chapters
Wild Horses in Crisis (Branching)
In Between in California (Branching)
Forgotten Soldiers (Linear)
The Good Life (Linear)
Glacier Caves (Linear)
Multipage, horizontal/vertical/carousel navigation
Multipage vertical scroll, home page sections link to longer stories
Square By Square: A Changed Boston, Moving Forward
Multipage, vertical scroll, tiled content
III. Text-based Multipage Horizontal Scroll
25 Women Making the Best Rock Music Today
Borderland (Linear)
Lost and Found (Linear+branching)
IV. Vertical Scroll, Animated
This scrolling cover story for Pitchfork uses very creative animation to showcase the story’s character.
Charlie Rowan was a small-time cage fighter who could not get a break.
This is an innovative take on the action-packed journey to the 2012 election done in graphic novel form.
V. Video
Interactive video
Year after Sandy: Until everyone comes home
Five Questions for the Mayoral Candidates
Text-based, Video-heavy
After breaking the NSA surveillance story, The Guardian produced an in-depth multimedia piece.
VI. Immersive Multimedia
VII. Data-based
VIII. Document-based, Investigations
Overdose (Embedded docs and audio)
