Above is the vectorized persona I created in Illustrator based off of my original pencil sketch. Robert is one of the types of people who would be interested in an app like mine. He is away on business a lot and has a fear of missing flights and meetings. He also has love ones that he wants to be in contact with. This persona exercise helped me to decide how to layout/format my app. I want it to be simplified because if there is clutter, button pressing mistakes can be made and then the app will not be efficient but instead frustrating.
Branding Matrices
Below are the four branding matrices I had originally sketched and now created vector versions of. Each matrix is fairly straight foward.
# 1 discusses the ability for the app to have a notification service and when it would actually be used (before or during trip). Minus an alarm clock style app, nothing was in the same quadrant as Journey Owl.
#2 compares simple/complex layouts and the apps ability to share content. No similar apps shared content so my app was alone in its quadrant.
#3 discusses how it helps the users routine, just through sleep or adapting the body as a whole,(including suggested meal times). Again no app discussed something more besides sleep so Journey Owl had its own quadrant.
#4 the final matrix is whether the app had visuals like charts and if it was map based or time zone based. If the app had to do with jet lag it leaned towards the map layout. I do not want a map layout for my app because it is more time/chart based and obviously if the user is traveling to this place, so, they know where it is and do not constantly have to see a map.
Icon
Above is the icon design I decided on and below it is a screenshot of the document of it in all of its sizes. I went through a lot of variations. Below is a screenshot of my constantly changing .ai file I was working from.
Originally I was going to go with the design of the owl sitting in the curve of the J. I had created a flat and full gradient mesh versions. When they were scaled down it really did not read well and the owl was lost besides the detail. So I started to rework the icon of just the globe owl. I looked at it flat, gradient, just an outline and even tried a different color to make it pop. I received feedback to maybe add a plane or something so it would not be just an owl but at the same time not be too detailed. I felt that how I illustrated the plane and the weight change of the line added a lot to the icon and spoke to my apps purpose so I decided to keep it. Then I finally allowed the background to be flat and I tried adding a drop shadow to both elements (the owl and plane). This allowed the elements to pop of the solid background and almost gave it a cut paper feel, which I thought really worked with the way I styled the continents.
App Research
Below are the screenshots I took from the app store for the app research. The comments are posted with in the pictures. Apps I looked at includes Fantastical, Snapguide, Fab, Tiny Post, Pulse.
Storyboard
Above is the revised storyboard for the conference.
- I changed the arrow to match the one on the back book cover.
- I got rid of the masthead being on the final page again and just left/restyled the event information.
- I created the smartphone device section which now has a circle acting as the touch of a finger swiping across the screen, the device rotating to show screen response and swiping to change screens showing the changes.









No comments:
Post a Comment