Griffin
StoryOfGod.jpg

The Story of God

Illustration, Web design

Morgan Freeman went on a pilgrimage across the globe to develop a better understanding of how humans believed in God. The team developed an interactive globe to give the locations he visited more meaning and provide users with a deeper understanding of how spirituality evolves depending on where they come from. By pairing locations with meaningful articles, quotes, and imagery, users were able to get a deeper understanding of what people around the world call Faith. This was a Neo-Pangea project. My role involved asset creation, illustration, and mobile design.


See the Site

Converting to Mobile

Converting to Mobile

An art director was under strained due dates and asked me to assist in the design. I picked up some of the desktop layout responsibilities, but I mostly tackled the mobile configuration for the design in addition to the assets needed on both. These screens showcase elements of the desktop design I was responsible for before making the conversion to mobile.

 Each episode took place all around the globe, meaning users were able to navigate by spinning the planet and tapping on locations to explore the locations in further depth. The navigation served as a way to travel through the episode's locations at will, or allowed users to return to the globe for further exploring.

Each episode took place all around the globe, meaning users were able to navigate by spinning the planet and tapping on locations to explore the locations in further depth. The navigation served as a way to travel through the episode's locations at will, or allowed users to return to the globe for further exploring.

 Users could enter the locations that Morgan Freeman visited on his pilgrimage in 360-degree photo bubbles right from within the experience. In addition, photos from Instagram in each of the these locations were hand selected to showcase other visitors' deeper reactions to these often intensely spiritual spaces.

Users could enter the locations that Morgan Freeman visited on his pilgrimage in 360-degree photo bubbles right from within the experience. In addition, photos from Instagram in each of the these locations were hand selected to showcase other visitors' deeper reactions to these often intensely spiritual spaces.

 Because Morgan Freeman's journey was so global, it was important to emphasize the globe element. Modals, locations, and information about the cultures covered on the show sprang to life on top of this central element, tying the idea of one global understanding of "God" together.

Because Morgan Freeman's journey was so global, it was important to emphasize the globe element. Modals, locations, and information about the cultures covered on the show sprang to life on top of this central element, tying the idea of one global understanding of "God" together.

 Every location in each episode needed an icon and map made to fit both desktop and mobile restrictions.

Every location in each episode needed an icon and map made to fit both desktop and mobile restrictions.

icons.png
There were forty locations, each color coded based on the episode it appeared in.

There were forty locations, each color coded based on the episode it appeared in.

Map creation

Map creation

Each location was pin-pointed on a garishly colored vector map from istock. The water was separated out, the land masses placed on top, and new colors and layer effects were applied. Mountain ranges were added in using aerial photographs of mountain ranges around the world. From there, I created a Photoshop action to resize, spherize, blur, and crop the new map assets to accommodate various screen resolutions.