Freelance Lead Product Designer based in Amsterdam

World Press Photo

 

WORLD PRESS PHOTO

Connecting the world with stories that matter.

 
 

Team

Lead Product designer (me), Strategist, Product owner, Project manager, Business analyst, Tech Lead, UX specialist, UX researcher, UX/UI designers, Content creators & Copywriter.

 
 

Insights from our design sprint.

How might we connect audiences around the world to the array of programs, events, projects and contests the foundation works on?

  • Archive pages to display all photos of the Year since beginning of contest.

  • Galleries to simply display all kinds of photographic and video projects.

  • Documentary photography showcase focusing on different kinds of storytelling.

  • Personalisation: Display events in the local area, contests to professional photographers, etc.

 
IMG_4538.jpg
IMG_4539.jpg
 
IMG_4535.jpg
 

Insights from the design sprint.

First tested hi-fidelity prototype from the design sprint.

+ Users understand the navigation.

+ Users find the archive easy to navigate.

- Too much text to read in some pages.

 
Archive_Photo%252B2018%252BWinners%2525402x.jpg
Archive_Photo+contest%402x.jpg
 

With all that, we started design pairing.

Wait, design pairing?

Yes, this is how.

Product (me) and UX specialist ideate-validate-iterate together.

UX creates the final architecture, journey maps and main interaction principles.

Product creates the interaction design and hi-fidelity prototypes for all flows.

 

Our key strategic pillars.

 

1. Exciting to explore, easy to use.

New documentary photography showcase focusing on different kinds of storytelling.

Mobile+-+Collection+-+Landing+page%402x.jpg
Mobile%252B-%252BCollection%252B-%252BLanding%252Bpage%2525402x.jpg
 

2. Personalisation.

Display events in the local area, contests to professional photographers, etc.

Mobile+-+Calendar+page+Copy%402x.jpg
Mobile+-+Calendar+page+Copy%402x.jpg
 

3. Archives, simplified.

To display all the “Photos of the Year” since beginning of contest.

Screenshot 2019-09-06 at 10.57.06.png
Screenshot 2019-09-06 at 10.57.30.png
Screenshot 2019-09-06 at 10.56.29.png
Screenshot 2019-09-06 at 10.55.48.png
 
c_anuar_patjane_floriuk_-_whale_whisperers_-_fb_insta.jpg

Design language: The power of an image.

Good balance between UI and the photos using open layouts and simple design elements.

 

Design language.

Color system for the interface.

Creating a colour theme that reflects the brand and yet doesn’t conflict with the images.


Thank you, Google for your material design color use guidelines!

Thank you, Google for your material design color use guidelines!

 
Color system for surfaces: Background and cards.

Color system for surfaces: Background and cards.

Primary brand color scheme.

Primary brand color scheme.

 
Mobile+-+Photo+detail+page+-+Layover+Copy%402x.jpg
Mobile+-+Photo+detail+page+-+single+archive%402x.jpg
Mobile - Photo detail page - Story - Story view 1 Copy@2x.png
 

Design language.

Type

Main UI font: Akkurat.

Akkurat is a grotesque sans-serif typeface designed by Swiss designer Laurenz Brunner and released in 2004.

Screenshot 2019-09-06 at 11.22.38.png
 

Design language.

Simple, modern, friendly, and sometimes quirky.

Each icon is reduced to its minimal form, expressing essential characteristics. They have a symmetrical and consistent look, ensuring readability and clarity, even at small sizes.

184590226.jpg
 
Screenshot 2019-09-06 at 11.30.50.png