contact us

Use the form on the right to contact us.

You can edit the text in this area, and change where the contact form on the right submits to, by entering edit mode using the modes on the bottom right.


Vancouver
Canada

604 618 9005

Hola, I'm Simon

I am an award winner designer, illustrator & entrepreneur. Co-founder & Design Director at WeeFeel.

Storypanda Books

 

Role

Art and design direction

Project Type

Professional

Description

Storypanda Books is a collaborative way for families to read together. The latest version, for iPad, is a perfect way to make reading fun and educational by encouraging kids to read, create and share stories. 

BRIEF

Problem

Storypanda needed a plan for dealing with the iOS6 design cut-off date.

Metric

Improve usability – measured by user surveys and click–throughs.

DESIGN

Research

After a lot of research and a re–evaluation of the target market and design principles, the challenge was identified.

Challenges

Based on the design principles of deference, clarity and depth, how can we make the app more iOS 7 friendly and usable?

DEFINITION FOR APPLE ‘S iOS 7 TERMS

Deference

The UI helps users understand and interact with the content, but never competes with it.

Clarity

Text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate. Also, a sharpened focus on functionality motivates the design.

Depth

Visual layers and realistic motion impart vitality and heighten users’ delight and understanding.

SOLUTION

For Deference

Remove skeuomorphic bookshelf and make the content, the books, bigger so they are the main attraction.

Utilize the whole iPad screen, giving room for more books to be displayed.

For Clarity

Have the books to read be in the top left corner to Improve the hierarchy of information.

Have all the pop ups and UI be flat and breath through the whole screen.

For Depth

Have the main interactions be enhanced with motion.

What are the main interactions?

When users interact with a book, to buy or to read – E.g. book animates to the front and opens.

Screen Shot 2014-01-30 at 9.28.32 PM.png
Screen Shot 2014-01-30 at 9.28.53 PM.png
unnamed.png
Screen Shot 2014-01-30 at 9.28.16 PM.png
Screen Shot 2014-01-30 at 9.27.58 PM.png
Screen Shot 2014-02-24 at 3.30.45 PM.png
Screen Shot 2014-02-24 at 3.31.39 PM.png
Screen Shot 2014-02-24 at 3.31.17 PM.png

Before 

Designed for iOS 6. Art and design direction by me as well. 

Screen Shot 2014-02-24 at 9.11.33 PM.png
old2.jpg

Below are some examples of the interactive books we created. I art and design directed all Storypanda's books and apps.