HERO IMAGE FOR 'NEGLECTED TROPICAL DISEASES'

Gates Foundation:
2017 Year in Review

'What Was Possible'

The Gates Foundation has traditionally celebrated their end of year progress with a letter from Bill and Melinda Gates, which from 1998 to 2012 was in the form of a downloadable PDF.

For 2017, the Foundation paired up with Pilot Lab to design a new way to review the past year. We designed an interactive experience for readers in the form of a microsite.

After exploring a range of UX models, we decided an accordian-like model functioned best for our intention: to give readers a high-level view of the information with the option of digging deeper by clicking on each blade.

__

UX + UI DESIGN

WEBSITE + GRAPHIC DESIGN

STRATEGY + STORYTELLING

PHOTOEDITING + DIGITAL ASSETS

www.gatesfoundation.org/yearinreview

BRINGING THE DATA TO LIFE

I used a combination of data graphics and typography to bring data to life. For the world to be certified free of wild poliovirus, at least three years must pass without detection of the virus.

Behind the Process

Working with the Abstract

Normally, my process is this: research phase (fully understand and digest content), iterate phase (based on the content, propose a few ways the information can best be presented), and then finally, design phase (choose one direction and fine-tune it.)

In this case, instead of having the content upfront, I had the opportunity to help the Foundation's team figure out which content to use.

CONTENT-INSPIRED COLOR PALETTE

Each of the six sections was color-coded
and inspired by the relative hero images.

Photo Editing

Photoediting to Perfection

Another aspect of this project was finding photography that was appropriate for the given topic area that was also visually engaging.

I sleuthed through an enormous archive of images and snapped screenshots from various movies. My favorite photo from that we used was actually a still from a video, edited quite heavily.

BEFORE & AFTER PHOTO TREATMENT

'MOOD FOOD'

During my own experience and research, I found that eating nutritionally-dense meals has a huge impact on mental health. All recipes & photos are by CDD.

'MOOD FOOD'

During my own experience and research, I found that eating nutritionally-dense meals has a huge impact on mental health. All recipes & photos are by CDD.

MIND / BODY / HEART

0.4 is divided into three main sections -- mind, body, and heart -- each of which are color-coded according to color psychology. Articles are written for a broad audience in a light tone, yet maintain the evidence-based approach of 0.4 by linking back to scientific studies.

MIND / BODY / HEART

0.4 is divided into three main sections -- mind, body, and heart -- each of which are color-coded according to color psychology. Articles are written for a broad audience in a light tone, yet maintain the evidence-based approach of 0.4 by linking back to scientific studies.

MIND / BODY / HEART

0.4 is divided into three main sections -- mind, body, and heart -- each of which are color-coded according to color psychology. Articles are written for a broad audience in a light tone, yet maintain the evidence-based approach of 0.4 by linking back to scientific studies.

MIND / BODY / HEART

0.4 is divided into three main sections -- mind, body, and heart -- each of which are color-coded according to color psychology. Articles are written for a broad audience in a light tone, yet maintain the evidence-based approach of 0.4 by linking back to scientific studies.

—DDB® FOUNDER, MIA TRACHTENBERG

HERO IMAGE FOR 'NEGLECTED TROPICAL DISEASES'

Gates Foundation:
2017 Year in Review

'What Was Possible'

The Gates Foundation has traditionally celebrated their end of year progress with a letter from Bill and Melinda Gates, which from 1998 to 2012 was in the form of a downloadable PDF.

For 2017, the Foundation paired up with Pilot Lab to design a new way to review the past year. We designed an interactive experience for readers in the form of a microsite.

After exploring a range of UX models, we decided an accordian-like model functioned best for our intention: to give readers a high-level view of the information with the option of digging deeper by clicking on each blade.

__

UX + UI DESIGN

WEBSITE + GRAPHIC DESIGN

STRATEGY + STORYTELLING

PHOTOEDITING + DIGITAL ASSETS

BRINGING THE DATA TO LIFE

I used a combination of data graphics and typography to bring data to life. For the world to be certified free of wild poliovirus, at least three years must pass without detection of the virus.

Behind the Process

Working with the Abstract

Normally, my process is this: research phase (fully understand and digest content), iterate phase (based on the content, propose a few ways the information can best be presented), and then finally, design phase (choose one direction and fine-tune it.)

In this case, instead of having the content upfront, I had the opportunity to help the Foundation's team figure out which content to use.

CONTENT-INSPIRED COLOR PALETTE

Each of the six sections was color-coded
and inspired by the relative hero images.

Photo Editing

Photoediting to Perfection

Another aspect of this project was finding photography that was appropriate for the given topic area that was also visually engaging.

I sleuthed through an enormous archive of images and snapped screenshots from various movies. My favorite photo from that we used was actually a still from a video, edited quite heavily.

BEFORE & AFTER PHOTO TREATMENT

HERO IMAGE FOR 'NEGLECTED TROPICAL DISEASES'

Gates Foundation: 2017 Year in Review

'What Was Possible'

​

The Gates Foundation has traditionally celebrated their end of year progress with a letter from Bill and Melinda Gates, which from 1998 to 2012 was in the form of a downloadable PDF.

​

For 2017, the Foundation paired up with Pilot Lab to design a new way to review the past year. We designed an interactive experience for readers in the form of a microsite.

​

After exploring a range of UX models, we decided an accordian-like model functioned best for our intention: to give readers a high-level view of the information with the option of digging deeper by clicking on each blade.

​

__

​

UX + UI DESIGN

WEBSITE + GRAPHIC DESIGN

STRATEGY + STORYTELLING

PHOTOEDITING + DIGITAL ASSETS

BRINGING THE DATA TO LIFE

I used a combination of data graphics and typography to bring data to life. For the world to be certified free of wild poliovirus, at least three years must pass without detection of the virus.

Behind the Process

Working with the Abstract

​

Normally, my process is this: research phase (fully understand and digest content), iterate phase (based on the content, propose a few ways the information can best be presented), and then finally, design phase (choose one direction and fine-tune it.)

​

In this case, instead of having the content upfront, I had the opportunity to help the Foundation's team figure out which content to use.

CONTENT-INSPIRED COLOR PALETTE

Each of the six sections was color-coded and inspired by the relative hero images.

Photo Editing

Photoediting to Perfection

​

Another aspect of this project was finding photography that was appropriate for the given topic area that was also visually engaging.

​

I sleuthed through an enormous archive of images and snapped screenshots from various movies. My favorite photo from that we used was actually a still from a video, edited quite heavily.

BEFORE & AFTER PHOTO TREATMENT

Gates Foundation:
2017 Year in Review

Each of the six sections was color-coded
and inspired by the relative hero images.