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.
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.
Every location in each episode needed an icon and map made to fit both desktop and mobile restrictions.
There were forty locations, each color coded based on the episode it appeared in.
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.