Book Buster App

Bookbuster is an app where you can rent a physical book in a nearby location. You can also publish your own books to be rented by interested users.

Time: 2 Weeks

Tools: Adobe XD, Adobe Illustrator, Adobe Photoshop, Javascript, HTML, CSS.

Introduction

Challenge

Develop a landing page promoting the app.

Design the visual concept of IOS/Android app.

Crafting the branding of the final product

My Role

I was in charge of the visual outcome of the product. From sketching to the final product. Developed the visual style guide for the brand and spec docs for future designers to stick to consistency and have a coherent brand and for devs to help them build the product.

Tools Used

User personas, competitive and comparative analysis, app flow, concept design, visual board, UX Design, UI Design, Landing Page Development.

The Process

Research

To better understand the current market and users expectations, we did a competitive/ comparative analysis.

Comparative / Competitive Analysis

Unique

After investigating, there weren't apps that could deliver what we do in our region, the only way to rent books is in public libraries and with no software, only Excel lists. This is our chance!

Amazon/MercadoLibre

Apps where a list of products are showcased based in search, popularity, etc. With the possibility of geolocate yourself to buy the nearest product.

User Personas

Jane Doe

Jane wants to read a book but does not want to buy a new one and spend that much money.

She sees through the app the same book to rent at a nearby Library for the ⅙ of the original price.

John Doe

John studies Medicine and the books he wants to read are unavailable online, so he rents it physically in a nearby Library.

Based on his preferences he knows through the app where the book is available to be rented.

Design

Setting up from the beginning the visual system helps us to provide a cohesive branding and coherent touchpoints.

Fluid, Sage & New Era

Emulates the feeling of standing in a library deciding what book to read, but with a 2021 feeling. The purple palette relates to the wise meaning of the color and the dark theme matches the scene where oneself reads a book with low ambient light.

Design Process

Using research of latest trend and the current design used in competitors as a starting point, I developed an initial design of the mobile (iOS and Android) app.

Sketch | Low-Fi Wireframe | Hi-Fi Wireframe

App Flow

The app flow helped me understand the structure of the app to communicate functionality and flow with stakeholders and devs.

The Solution

I developed a cohesive and coherent branding and applied UI design with UX patterns to facilitate the journey of the user.

App Design

The design of the app focuses on delivering a user center experience, where you have a more interactive element that can help you find that book you wanted or suggest new books to rent nearby. It represents the color of the branding board and has a cohesive design that respects the brand system. The UX Principles applied make a better and more fluid experience for the user.