PlayKids Stories

Stories is an e-book app for children. The app existed previously as a MVP, and in order to grow it further the company decided to give it a full redesign. The dream project of every designer, right? :D

I got the lead design role (a.k.a the only designer in the team) and my job was to not only redesign the existing user interface, but also the brand, the visual communication to increase the product appeal to a slightly older age group, and fix the biggest UX issues.

I love to work in small teams and be able to wear many hats.

First step? Research!
I got my hands into some data, learned about the ways reading helps children development on each level, but the most interesting part was to interview parents about reading habits at home.
Would they have a well stablished routine? How many times a week do they read? Where in the house the reading takes place and at what time? How they go about buying a new book or choosing what to read? What experience they had with e-books? I had so many questions!

I also created a massive mood-board as a way to research different art styles and visual communication that could be aligned with what the little ones like these days :)

Next? Pen and paper. I really enjoy starting it this way to keep the process fast and loose. I started out mapping the user journey, the known issues, and defining with stakeholders the behavior we would like to change. After that I was ready to start sketching out how all that information would manifest itself in an interface.

The rabbit hole goes deeper and deeper, but I will not bore you with the details. Below you can see the final product that we launched and brought thousands of families together to enjoy and discover amazing stories.

I wouldn't be able to make this happen if it wasn't for an amazing team that I had the privilege to be part of. I learned so much with them, and the fun we had together while doing it I will always hold dear to my heart :)



.
.
.
.
Watch the app navigation in action.
.
.
.
.
.
Let's take a closer look into the iconography.
Some icons are used as decoration, and some others as navigation.
.
.
.
.
.
.
Banners for staff-pick book collections
.
.
.
.
.
AppStore screenshots
.
.
.
.
.
.
The app icon was built using the iOS grid system.
The vibrant colors and the recognizable book icon helps the product to stand out and be easily found among all the other apps in the user's phone.
.
.
.
.
.
.
.
Stories
Published:

Stories

Published: