NPR's homepage shows four top news stories, an audio player for public radio and podcasts, and local member station information.

NPR website

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.

Screengrabs of the NPR app show a home screen of top news stories, a screen of live radio from a member station, and a screen of newscasts and daily news programming.

NPR app

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.

NPR’s website shows several reasons why the audience might contact NPR, in addition to help articles. Another image shows the form readers and listeners use to ask questions or submit feedback.

Contact NPR

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.

Screengrabs of the Tiny Desk Contest website show small breakpoint views of the winner and social posts.

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.

Screengrabs of The Atlantic’s website show editorial offerings in different components, and a feature story using a redesigned layout.

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.

Screengrabs of Atlantic video website show featured films in addition to stills from other films in featured series.

Atlantic Video

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.

Three colorful screengrabs of the City Makers web series show information about rails-to-trail projects, city services and bike shares.

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.

Screengrabs of the CityLab website show several feature stories about cities and neighborhoods.

CityLab website

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.

The HP New Media Gallery at the Newseum was a colorful space with touch walls, touch tables, projections and motion sensors, which made a dark room full of light with an engaged audience trying the interactives.

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.

Two screengrabs show scans of archival newspapers, some showing news about WWII, prohibition and Supreme Court rulings.

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.

Screengrabs of several Newseum interactives: 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.

Newseum Interactives

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.

Screengrabs of the Digital classroom website show educational materials about historical subjects, including a civil rights timeline.

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.

Screengrabs of electronic signs show a map of the museum, a colorful text treatment of the First Amendment text, and a photo of the flag raising at Iwo Jima.

Newseum e-signs

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.