Project Name: Story Planet
Tools: Photoshop, Illustrator, Maya
Role: Interactive Designer and Visual Artist
Project Date: 2018
Story Navigation Screen
Story Planet is a historical story exhibition iPad App that integrates the map format unfolding from traditionally plane with the narration of the linear historical event. Users can view the features of the civilization in different historical periods, where they can navigate and browse in the various historical period, and participate in these relevant historical events in an interactive way.
Target User Group: Teenagers, History Lovers
The result of this reform project is to record the traditional historical stories from the past. The form incorporates rich interactive elements, making the entire user experience process navigatable and desirable. By following the rules of good user experience design, this app wishes to make users feel engaging and playable.
Zheng He’s Expedition Story Screen
The innovation is that the project combines a three-dimensional virtual map with a linear historical event narrative.
The project also combines traditional painting, animation, and three-dimensional rendering to illustrate historical stories that occurred in different historical periods.
In order to get the approval of the concept, we chose some famous historical paintings as the starting point to expand our story and endow life to these paintings with interactive storytelling.
The current event in the app and time period focusing is about Renaissance Story, Zheng He’s Expedition, and Joan of Arc Praying in Childhood.
As a designer, I have to consider well the features of the touch screen and allow users to navigate stories smoothly. I also faced the challenge of mixing various cultural styles into one app. It’s an experimental exploration of how to visualize historical stories for the younger generation to engage the beauty of “serious” history.
Early Sketches and Storyboard:
Lady with an Ermine Storyboard
Color Code and Design Patterns:
Concept Arts & UI Design:
App Launching Screen
Player Interaction Screen
Renaissance Story Screen
Joan of Arc Story Screen
Joan of Arc Praying
The Trial of Joan of Arc Screen
Joan of Arc and Saint Michael
Joan of Arc – Interrogation
3D House Model for Zheng He’s Expedition Story
3D Boat Model for Zheng He’s Expedition Story