Astro & Max

Interactive storybook prototype

September - December, 2016

Overview

Astro & Max began as an interactive installation piece in a design jam that sought to teach children about the Solar System in a fun way. Afterwards the team opted to continue with the project in term one of the Master's of Digital Media Program, but pivot into something that parents and children could take home with them to learn. At this point I joined the team and we settled on an interactive storybook application.

Contributions

  • Research
  • Storyboards
  • Wireframes
  • UI Design
  • UX Design
  • Graphic Design

Collaborators

  • Rena Guan
  • Luke Li
  • Yeajin Kwon
  • Sandeep Saha
  • JJ Kim

Created as part of the Projects I course of the Master’s of Digital Media degree at The Centre of Digital Media.

Process

Research

Exploring existing interactive story books, physical children's book, and the public library helped us to find inspiration and identify potential market gaps and opportunities.

Ideation

We brainstormed ideas for the storyline, learning objectives, and interactions/games for the book.

Prototyping & Testing

We created rapid prototypes to do guerilla testing on things like UI placement and clarity, character design, and art style.

Story Mapping & User Flow

We mapped out the events and interactions in the prototype to make sure the story and player journey made sense and followed a narrative.

Storyboarding

A full storyboard of the experience was created to help visualize and review the holistic experience before any production work began.

Art Production & Development

Storyboard illustrations were converted into digital art and polished to be used in the storybook prototype, while development began simultaneously in Adobe Animate CC; culminating in our classwide Beta Test.

Result

(Click to enlarge)

User Interface

Art & Production

Branding

Demo

Project Documentation

(Click to download)