Shelved

Cristina Oria-Loureiro

Product Designer
UX Designer
Figma
Maze
Miro

About

Shelved is an app for book lovers that will help users track all of their books (owned, read, borrowed, to be read, etc.). Shelved goes beyond sites like goodreads.com by giving users a more customizable cataloging experience, book recommendations, as well as monthly infographics about their reading habits.
Inspired by goodreads.com, Bookly, & Airtable, Shelved wants to give a more user-centric approach to their app, adding features and flows that make it delightful for people to use

Persona

I conducted user interviews and a survey to gather data to understand how and why users currently manage their books. From the interviews and survey responses I created a persona to help guide my design.

Wireframes

Style Guide

Shelved’s keywords for the look and feel of the app are:
Clean & Modern UI
Cheerful
Whimsical
Creative
Illustrative
With that in mind, I developed a colorful palette and and illustrative logo and icons. I sketched out multiple designs before developing them in Figma.

Applying Style Guide to Wireframes

Prototype

I built out interactions through a mid-fidelity prototype. I built out 4 different flows to test:
Dismissing a recommendation and undoing it.
Searching for and marking a book as “Currently Reading”.
Marking a book as read and reviewing it.
Filtering in Shelves to find out what Fantasy books you’ve read that have women protagonists and/or authors.

2020

Partner With Cristina
View Services

More Projects by Cristina