Shelved

Cristina Oria-Loureiro

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.
Like this project

Posted Apr 14, 2021

Feature Add to Mobile App
Feature Add to Mobile App
Website Redesign
Website Redesign

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc