raar
CK-12 Flexbook Mobile App

My Roles: UX | Visual | Interaction | Wireframe and Flows | Copywriting | App Icon Design
Team: Product Manager, Copy Editor, 2-3 Engineers (front and backend), QA
PROBLEM
CK-12's core product, FlexBooks®, digital, customizable textbooks , were only accessible to offline users when students and teachers downloaded the PDF version. With the downloaded PDF, CK-12 was not able to capture offline usage so they could 1) improve the book 2) see how many users are actually using the FlexBook® 3) easily notify the users if there's an update on the FlexBook®. The FlexBook® app is availabe in App Store and Google Play.

Interaction Flows and Paper Prototypes



flows

prototype paper




Documenting Interactive Specs

Interactive storyboards were for developers to keep track of all the interactions that are happening on the app. I've also created pixel perfect design specs for them to follow, along with animation recommendations.
Interactive Storyboard

interactive specs



Test. Evaluate. Revise. Repeat.


before and after images




Final Mocks


reader appreader app

reader appreader app

reader appreader app

reader appreader app



forward button