As a designer on the Web product team, I worked on the visual design and user experience of NPR’s most popular digital platform. I helped redesign the persistent audio player, the global navigation, and features related to member stations and localization.
As a designer for the Mobile product team, I helped redesign the NPR (news) app for iOS from scratch. The previous app experience was several years old, so we created new reading and listening experiences that would help our app users catch up on the news. We created more space for live radio and on demand audio, we featured daily newscasts and podcasts, and we brought back an audience favorite: playlists.
Working with our Platform and Audience Relations teams, I redesigned NPR’s “Contact Us” website when we migrated from Desk.com to Salesforce. “Contact Us” is the primary way NPR readers and listeners send questions and feedback to NPR. Knowing the most common reasons our audience reaches out, we streamlined the entry point, submission process and help articles.
NPR Music Tiny Desk Contest
NPR Music built upon its popular Tiny Desk concert series by piloting a Tiny Desk Contest. Musicians and bands from all over the country could enter performance videos for a chance to perform at NPR’s headquarters. The contest was so popular that we created a reusable mobile-first contest site that tied into a backend contest management system. The site changed over time to accommodate a series of contest phases, and ultimately became a showcase for performance videos.
The Atlantic website
As the Digital Design Director at The Atlantic, I worked with a small product team to overhaul The Atlantic’s digital properties. I completed responsive redesigns for TheAtlantic.com — including a componentized homepage, new layouts for feature stories and special series, and impactful presentations for Atlantic Photo.
As The Atlantic dipped its toes into documentaries and opinion videos, we created a new digital vertical to support editorial video content. In addition to creating spaces for series and featured filmmakers, we also created alternate templates for sponsored video content and experimented with new pre-roll ad placements.
City Makers: Connections
Part of my responsibilities at The Atlantic were also to design for its sister websites, CityLab and The Wire. For CityLab, I designed an immersive graphic series in four parts called “City Makers: Connections,” which explored the environmental impacts of city initiatives. The series, made interactive through parallax methods, covered rails-to-trails projects, recycling processes, city services and the bike share boom.
I redesigned CityLab, which is a sister site to TheAtlantic.com. Taking a mobile-first approach, we created a better user experience for those interested in the design, urban issues and the inner workings of cities. As the website grew in popularity, we offered special series and were able to experiment with new designs for a younger audience.
Newseum HP New Media Gallery
As the Manager of Multimedia Design at the Newseum, I designed websites, online exhibits, and touch experiences for museum exhibits. For this space, the Newseum partnered with HP, who provided hardware for the New Media Gallery. We used touch walls, touch tables, projections, tablets and motion-sensing software to engage the public with how new media, social platforms and the rise of the Internet have affected news reporting and consumption.
Newseum Historic Front Pages
The vertical touch screens in the Newseum’s History Gallery exhibit featured legendary news people and hundreds of historic front pages dating back hundreds of years. Visitors could zoom into and explore these historic documents in a way they couldn’t with the real artifacts. It was a challenge to prepare the scans, create the user experience, and smoothly present these huge documents, but it was worth it for the museum’s younger visitors who hadn’t ever interacted with newspapers before visiting.
Over the span of 13 years at the Newseum, I created dozens of interactive experiences, many in the form of interactive touch screens and games that supported exhibit and news content. Pictured here (from left to right, top to bottom) are a sampling: Pulitzer Photographs, Great Books, Create an E-Card, Be A Photographer, Explore Jacques Lowe’s Contact Sheets, Press Freedom Map, Journalists Memorial, Punch It Up, and The Life of JFK. While each interactive was unique to its exhibit, we always tried to simplify complex stories into experiences our museum visitors would remember.
Newseum Digital Classroom
Over the years, I designed many websites for the Newseum, including several redesigns of their flagship site Newseum.org. While Newseum.org offered museum information and online exhibits for the general public, I’m proud to have worked on the Digital Classroom, which comprised interactive educational resources and lesson plans for teachers and students. Materials were carefully fact-checked by museum educators and followed standards of learning set by school systems.
I designed a system for electronic signage that was displayed throughout the museum on vertical displays. Some signs were for wayfinding, others featured exhibits, others reminded visitors of their five First Amendment Freedoms, other promoted special programming. Creating a style guide and consistent treatment across templates ensured that the information felt cohesive across the building.