UX · UI · VISUAL DESIGN

Read Me A Book Everyday

An Experience Design 48h workshop.

[unex_ce_button id="content_wyu8xtf9n,column_content_mw1kbnt20" button_text_color="#000000" button_font="semibold" button_font_size="14px" button_width="full_width" button_alignment="center" button_text_spacing="2px" button_bg_color="transparent" button_padding="20px 10px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#000000" button_text_spacing_hover="2px" button_bg_hover_color="#fad600" button_border_hover_color="#fad600" button_link="#research" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]RESEARCH[/ce_button]
[unex_ce_button id="content_wyu8xtf9n,column_content_k4kg4sf2p" button_text_color="#000000" button_font="semibold" button_font_size="14px" button_width="full_width" button_alignment="center" button_text_spacing="2px" button_bg_color="transparent" button_padding="20px 10px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#000000" button_text_spacing_hover="2px" button_bg_hover_color="#fad600" button_border_hover_color="#fad600" button_link="#projectoutlines" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]PROJECT OUTLINES[/ce_button]
[unex_ce_button id="content_wyu8xtf9n,column_content_q3meak4uy" button_text_color="#000000" button_font="semibold" button_font_size="14px" button_width="full_width" button_alignment="center" button_text_spacing="2px" button_bg_color="transparent" button_padding="20px 10px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#000000" button_text_spacing_hover="2px" button_bg_hover_color="#fad600" button_border_hover_color="#000000" button_link="#navigation" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]NAVIGATION[/ce_button]
[unex_ce_button id="content_wyu8xtf9n,column_content_1hu00i1dl" button_text_color="#000000" button_font="semibold" button_font_size="14px" button_width="full_width" button_alignment="center" button_text_spacing="2px" button_bg_color="transparent" button_padding="20px 10px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#000000" button_text_spacing_hover="2px" button_bg_hover_color="#fad600" button_border_hover_color="#000000" button_link="#branding" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]BRANDING[/ce_button]
[unex_ce_button id="content_wyu8xtf9n,column_content_fnq9iq359" button_text_color="#000000" button_font="semibold" button_font_size="14px" button_width="full_width" button_alignment="center" button_text_spacing="2px" button_bg_color="transparent" button_padding="20px 10px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#000000" button_text_spacing_hover="2px" button_bg_hover_color="#fad600" button_border_hover_color="#000000" button_link="#wireframing" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]WIREFRAMING[/ce_button]
[unex_ce_button id="content_wyu8xtf9n,column_content_da312yg6k" button_text_color="#000000" button_font="semibold" button_font_size="14px" button_width="full_width" button_alignment="center" button_text_spacing="2px" button_bg_color="transparent" button_padding="20px 10px" button_border_width="0px" button_border_color="transparent" button_border_radius="0px" button_text_hover_color="#000000" button_text_spacing_hover="2px" button_bg_hover_color="#fad600" button_border_hover_color="#fad600" button_link="#visualdesign" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]VISUAL DESIGN[/ce_button]

#thebrief

hello

THE CHALLENGE

Designing the experience for a subscription-based “Netflix for Children’s Books” in 48h.

THE BRIEF

ReadMeABookEveryDay is a startup that is creating a subscription-based “Netflix for Children’s Books”. At launch, they are focusing on mailing physical books to parents to differentiate from other services that are eBook-based.

Target audience:
Parents of children ages 0 through 6.

BUSINESS DETAILS

  • Users sign up for a subscription that allows them to checkout 1, 3, or 5 children’s books at a time.

  • They can keep the books for as long as they want without paying any extra fees.

  • When they mail a book back, the next book in their queue is mailed.

  • Users can also purchase books they want to keep forever (a new book is sent).

USER ISSUES

  • Parents have trouble finding books that match their kids’ interests, comprehension level, attention level, etc.

  • Different parents are interested in different things. For example, people care about drawing style, topic, message, references to junk food or other red flags, etc., in different amounts.

#research

hello

RESEARCH

Initial research on the target users and other existing platforms

THE USERS

With the time I got to do this project I could talk to people I knew who were in touch with families, such as therapists. With more time it would have been great to talk to parents directly. I believe that the target audience is mostly a parent between 25-45 years old. But I also thought about the different scenarios regarding family types:

  • Gay parents living together.

  • Straight parents living together.

  • Single parents: maybe because they decided to raise a child by themselves, or because one of those passed away or lives abroad, or because they are divorced.

  • People raising orphan kids (can be another family member such as aunt or uncle)

  • Parents who adopted a kid.
  • Parents of kids that have a disability: Down Syndrome, Autism...

There are also cultural backgrounds to take into account:

  • Religion
  • Country
  • Language

All the users have in common that they want to take care of their kids, have fun with them and give them the best education that's in their hands. But due to these different scenarios, not all of them have the same concerns when looking for books. 

SIMILAR PLATFORMS

Sproutkin

I found out there was a company who did a very similar thing back in the past:

Sproutkin Launches A “Netflix For Children’s Books”

Sproutkin no longer exists, but I didn’t find information about why it disappeared, which could have been great to tackle the weak points.

Boolino

Boolino is an online bookstore dedicated to kids. It’s interesting the way users can add information about their kids. I signed up to see how it worked. I found many interesting options in "My Account": I can add kid's information and other personalized data so it can recommend books that match the needs of the users, so as Netflix does. 

It has also a reward system that is very engaging to get free books.

Book Depository

Book Depository looks a bit like Amazon but only for books. It has a well organized, simple and clean design. The way categories are placed is very practical due to a large amount of information and data that it contains.

There are many ways to search and filter the information so you can find exactly what you need. It also has lists of books (Order status, Wishlist...) to keep track of your picks.   

#projectoutlines

hello

PROJECT OUTLINES

Questions and plans to keep me on track throughout the process

MAKING LISTS

I followed some guides and made some lists of goals, priorities, and users in order to gather as much information as possible about the purpose of the platform.

Goals

I tried to answer the following questions:

  • Why does the site need to exist?
  • Are there specific metrics to chase?
  • What makes me look at this site as a success?

So I listed the goals of ReadMeaBookEveryday, users (parents) and my goals. I also wrote down the metrics to chase.

Priorities

A list of things that should happen so the platform can be sustainable, such as subscribing to the service, sharing a book, or adding personalized information.

Users

A list of possible users (parents, new users, authors/publishers) who might be visiting in order of frequency. For each of them I'm answering the following questions:

  • From where? How they get to know the platform.

  • Why? What's their main interest?

  • What next? What's expected of this users?

  • How? How to keep them engaged.

  • What else? Why are they good for the service?

#navigation

hello

NAVIGATION

Defining the flow of the platform.

NAVIGATION LIST

List of sections containing the platform.

Landing page (first-time visitors)

Sign up page: Subscription plans:

Home:

About us: information about the company, goals, and storytelling (video, animation about the service)

My list:

Cart: for books you want to buy

My account

Book info:

Help

Contact us

Social media

SITE MAP

Untitled drawing (1)Untitled drawing (1)

#branding

hello

BRANDING

Defining ReadMeABookEveryday’s personality in order to design something that is really appropriate and appealing to the user.

THE LOGOTYPE

I started by getting inspiration and building a Pinterest moodboard. When designing the logotype for ReadMeABookEveryday, I listed the best features that better defined the brand, such as: educational, innovative, customer friendly, global (community-oriented), trustworthy and fun (but not childish).

readmelogoreadmelogo

COLOR PALETTE

The idea is to create a fun palette, with colors that reflect the brand’s personality. It should express the idea that the products are for kids, but that the platform has a serious, trustworthy background. 

White
Purity
Innocence
Light
Safety

Red/Pink
Dynamic
Excitement
Youthful
Playful

Yellow
Energetic
Cheerful
Joyful
Positivity

Purple
Abundance
Creativity
Imagination
Wise

Navy Blue
Trust
Loyalty
Reliable
Calm

Turquose
Communication
Protection
Unique
Balance

TYPOGRAPHY

I choose to use a playful, friendly typography for the logo and titles, promos... and a more serious, sans-serif font for the text, that could be a Google font such as Source Sans, Lato, etc.

#wireframing

hello

WIREFRAMING

 Building the skeletal framework of the platform.

As it was a 48h challenge, I didn't have time to sketch much and proceeded directly to do the wireframes. I used the program Adobe XD, although I have recently been more used to work with Sketch app. I could also build a quick prototype.

#visualdesign

hello

VISUAL DESIGN

Designing the website taking into account the brand guidelines.

I didn't have time to do the design of all the screens, but I chose to design the Homepage with Adobe XD. I applied the colors and the logotype that I defined at the Branding section. For all the texts I used the Google font Source Sans Pro. 

readmeabookreadmeabook