Book Collections @ Estante Virtual

The project

This project’s kickoff was the joining of a marketing strategy opportunity and the need to attenuate a usability and business model struggle, based on our personas. On one hand, the upcoming college semester presented a nice opportunity to introduce a feature that enables teachers, students, and institutions to create collections – also known as listas in Portuguese – of required books. On the other hand, book lovers and buyers would now be able to create as many collections as they want pinning the actual book and not a specific copy of it. 

My role

As the UX/Product Designer, I was responsible for defining the information that would be provided to the clients alongside the support and technology agents, structuring the presentation of this data, generating the layouts, and defining the KRs and how to validate them.


This project took place between May and July 2017.

The sketches

After the background research and benchmarking, a quick process including people from product, design, and development led to the definition of prioritized features and very simple wireframes.

Simple wireframes with the main features and their release priority (releases 1 and 2) 


The user flow prototypes were created directly on Sketch App, using InVison’s Craft plugin.

MVP features

Excerpts from the mobile prototype. All the interactions were recorded directly on InVision’s viewer. 

Add book to a collection
View all collections from a user
Open collection

Second release features

Excerpts from the mobile prototype. All the interactions were recorded directly on InVision’s viewer. 

Edit or remove a collection
Create a new collection from the collections index

Responsive design details

One of the project’s requirements was that all of the features fully work on both mobile devices and desktops. So the layouts were designed to adjust nicely through various screen resolutions.

Recording from the actual product after implementation.

Delivering and tweaking

After a public release with low investment in advertising, we noticed that the usage of the functionality was not optimal. Many users accessed their collections index, but only a few of them opened the collections themselves. Besides that, few books were added to the lists.

Based on that information, we decided to focus on implementing specific improvements. These included adding an on-page step-by-step guide for new users and incorporating a call-to-action button that directs users to create their own collection page. The call-to-action button was placed on the footers of other users’ collections.