Digital | User Experience | Print
closeup_all_devices.jpg

Oxfam CloseUp: Immersive Story-Telling Platform

UX | UI | Wireframes | Visual Design | Content Component Development

Re-conceiving of Oxfam's supporter magazine, CloseUp, as a responsive, immersive, digital story-telling platform, we wanted to retain the key elements that made the print version one of the most successful tools for supporter engagement, and translate them to an online presence to increase access and attract a broader audience. I was  responsible for all aspects of design, from wireframes and UI, through visual design, and was heavily involved in content strategy, and determining content components. Elements include full-screen visuals, audio and video, parallax transitions, and individually sharable content components throughout.

closeup_all_devices.jpg
closeup-story1-desktop.jpg
closeup-story2-desktop.jpg
A picture is worth …

A picture is worth …

Oxfam's greatest story-telling asset is its visuals. Without a page-limit driven by print costs, one of the advantages of going digital was our ability to include more photos in each story, and to present them at full-screen. Captions are revealed with a parallax overlay, triggered by scrolling.

closeup-photo2-desktop.jpg
Video

Video

Video played a key role in bringing stories to life. 

Calls to action

Calls to action

Every story required a call to action. After initially exploring bolder treatments to ensure they stood out, it was determined that embedding them as part of the content and decreasing their visual prominence made them feel less intrusive and generic, and more relevant to the story. 

closeup-story1-tablet.jpg
closeup-tablet-2.jpg
closeup-tablet-3.jpg
closeup-story-phone.jpg
closeup-phone-2.jpg