GalleyCat FishbowlNY FishbowlDC UnBeige MediaJobsDaily SocialTimes AllFacebook AllTwitter LostRemote TVNewser TVSpy AgencySpy PRNewser

10 ‘Snowfall’-like Projects That Break Out of Standard Article Templates

“Snowfall” has become a verb in many newsrooms after The New York Times launched its beautiful multimedia project earlier this year. Though the format was touted as the future of online storytelling by some, The Times wasn’t the first to pull of this type of format. If you’re looking for inspiration to make snow fall in your own newsroom, here are a few other examples, not all of which come from newsrooms, as I think it would be irresponsible of us to confine ourselves to the sphere of news organizations when collecting inspiration for innovative storytelling formats.

1. Pitchfork: Glitter in the Dark

Favorite feature: Layering multiple shots in the background that change as you scroll, mimicking the action of a photoshoot.

 

2.  ESPN: The Long, Strange Trip of Dock Ellis

Favorite feature: Curtain-style parallax that reveals the next layer of content as you scroll. (Tutorial on how to do this).

3. Women and Tech

All of their articles follow this format. They’re not particularly flashy, but they are clean and beautiful.

 

4. The Chicago Tribune: His Saving Grace

 

5. Jess & Russ: A wedding story

This is the most classic kind of storytelling: a love story. It has elements newsrooms can steal around displaying simple chronological information in a graphical way.

 

6.  360 ° Langstrasse Zurich

A web documentary that takes you through a neighborhood in Switzerland. This one sort of tricks your mind — though the image changes as you scroll down, it feels like you’re moving forward. The menu items on the right show you where you are in context.

 

 7. Paris 3D

 

8. The Seattle Times: Coffee in India stories

First, the disclosure: I work at The Seattle Times and helped on this project. But it’s worth calling out because, although not as flashy and scrolly and “ooh! aah!” as some of these other projects, it’s an example of how you can work within the confines of your standard CMS with a little bit of simple HTML and CSS to dramatically improve the design of a visual story.

9. Soleil Noir

Though this isn’t a longform story, it does graphically display information in a beautiful, engaging way. I could see usage in the newsroom to tell a story that has a dense amount of numbers and statistics, or as an alternate way of doing a timeline.

 

10.Air Jordans 2012

This one is probably way too flashy and animated to be reproducible for daily journalism, but like the example above, I could see a use case in our world, especially for explanatory stories that try to explain complex, convoluted systems, workflows or relationships in a way that doesn’t bore people.

 

How do I get started?

So, how might you go about building something like this? It’s simple. Start by learning some HTML and CSS (yes, its the new literacy — the equivalent of learning how to use punctuation). Codeacademy is a great resource if you’re just getting started. If you don’t want to play with code yet, try using Scrollkit, which is like InDesign in your browser.   The more people we have in the industry who are treating digital storytelling with the same time, resources and thoughtfulness as we spend laying out print stories each day, the quicker we can develop tools, workflows and systems to make this less of a manual and time-extensive process.

Mediabistro Course

Travel Writing

Travel WritingStarting September 23, learn how to turn your travel stories into published essays and articles! Taught by a former Vanity Fair staff writer, James Sturz will teach you how to report, interview, and find sources, discover story ideas and pitch them successfully, and understand what travel editors look for in a story. Register now!