top of page

How might we create an engaging learning experience through
re-imagining a previously printed book
 ?

QUALITY SCREEN TIME

INTERACTIVE EBOOK APP
CHILDREN (8 TO 12 YEARS)

CASE STUDY

​

​

CLIENT

CSPS, General Publications

​

ROLES

product designer | ux designer

​

DESCRIPTION

Jesus’ little parables of the Kingdom
iOS interactive app

​

PROJECT SUMMARY

transforming an existing illustrated children's book into an interactive digital experience, ​ with a read-along audio component

EMPATHY

We all have memories of what it was like to be a kid. Kids like to be entertained. They don't like to be told that they are learning, but they are. Why not incorporate both elements into an ebook app? One of the biggest challenges to keep in mind was that parents want the kids to learn, but also want to limit screen time. This ebook app has the potential to be a dynamic tool for education. 

​

“I want my child to learn
about the basics taught
in the Bible.”

journey map

“The Bible is too confusing. 
It’s for grown ups!”
“Customers are looking
for an approachable
kid’s Bible.”
“We want to limit
and better utilize
screen time.”
“We need to have
a fun tool to teach
these lessons.”

empathy

persona setup7.jpg
kids.jpg
kids.jpg

RESEARCH

The print book was originally developed as a concept by the author and illustrator. It is a full experience of a fictional group of students who put together a play to illustrate Bible parables (short stories to teach a lesson). Bringing the book to life in a digital format started with our cross-functional team receiving feedback from various SMEs (subject matter experts) from across the country. We developed a team of volunteer SME consisting of educators, parents, as well as kids of various ages. Their feedback and survey answers helped guide our initial decisions.

​

DESIGN SOLUTION

This ebook app was designed for a tablet. A tablet screen size is a nice format for this type of content, but it certainly could be used on a phone. The digital storytelling experience offered could be enjoyed on the go, as well as at home in bed. Past experience has told us that our user base prefers iOS devices, so I designed the prototypes to work on an iPad because of the screen real estate. 

​

Each illustration required alteration to allow for more flexible layouts in the digital format. I enjoyed the challenge to give the ability for each screen stand alone. To make the ebook effectively engaging, we decided to add an audio option for the text. Ideally, we would want it animated, but this was not an option due to budget constraints.

​

little-parables-epub-layout-05.jpg

test it out

PROTOTYPING

I developed prototypes for user testing. We gathered several volunteers from employee children to test the prototypes. Kids happily gave honest feedback, making the ebook app more reader-friendly with each iteration.

 

Feedback was evaluated and empathetic solutions were incorporated into the subsequent iterations. The final working prototype was refined and approved by internal clients.

​

TESTING

Various prototypes were put to the test within our user testing groups. I knew it was important to focus on kids and strived to understand and consider possible improvements. It was obvious that animation could improve the experience. This was not an option, due to budget constraints. However, we realized that we could add an audio component, with the help of our in-house media group.

​

I worked closely with our broadcast and multi media department to create the audio component to the app. Since the print book was already created, editing the images to match the text was easy. The product owner's goal was to keep the app as close to the book as possible. 

​

RESULTS

The end digital product has indeed been a customer success. In hindsight, it would have been better to plan the digital product parallel to the print book design, rather than add it as an afterthought. Customers enjoy the flexibility of the digital product and the ability to take it on the go.

​

Figma, Adobe XD, After Effects, Illustrator, InDesign, Photoshop

​

bottom of page