@import url('https://rsms.me/inter/inter.css'); html { font-family: 'Inter', sans-serif; } @supports (font-variation-settings: normal) { html { font-family: 'Inter var', sans-serif; } }

National Geographic 
— Your Shot Mobile

A mobile companion site for a community of photographers to share photos, exchange tips and learn from real National Geographic photo editors.

Date 2013    Role UX & UI Design

ng-yourshot-3up-diag

The Challenge

My team at National Geographic engaged HUGE, a UX agency, to rethink Your Shot’s product experience. HUGE conducted extensive user research and designed a new UI and core pages of the site. To reduce costs, we had HUGE design the site for desktop-sized browsers, and we chose to design a separate mobile site in-house. 

home

Home

site-menu

Site menu

My Role

I partnered with You Shot's product manager to design the mobile site. The first thing we did was identify all of the screens and interactions that needed to be translated for the mobile web. I designed dozens of screens and interaction states based on the design and UX of the desktop site. I worked with our web development vendor, Celerity, to build the site. I provided the dev team with an InVision prototype and mockups for every screen and state.

profile-page-1

User profile

detailed-photo-page-1

Individual photo page

photo-details

Photo details

all-photos-stack

View photos as a stack

all-photos-grid

View photos in a grid

all-photos-categories

Filter by category

Team

LEAD DESIGNER
Roy Wilhelm

PRODUCT MANAGER
Stephen Mefford

PRODUCER
Monica Corcoran

UX AGENCY
HUGE Inc.

DEVELOPMENT
Celerity

svg-image

Interested in working together?