BOOK SLUG
UX DESIGN / UI DESIGN

OVERVIEW

BookSlug is an app that provides catalogues of book clubs and communities for reading enthusiasts to browse and join. The goal of this app is to encourage bookworms to connect with others through their shared love of reading. It is also an e-commerce website through which you can purchase e-books.

Click here to view the Full Prototype

MY ROLE

Sole UX/UI Designer

DURATION

4 weeks

TOOLS

Figma, Photoshop, Illustrator, Overflow, Surface Pen

DESIGN PROCESS

With a focus on UI, the steps that will be covered in the design process are proto personas, sketching, wireframing, style guides, and prototyping.

DEFINE

The initial stage of my process is defining and answering the 5 W questions.

EMPATHIZE

After defining the scope of the app, the next step was creating user stories and a proto persona to better understand the user’s needs and goals.

IDEATE

These are the essential features the app would need to make it successful and useful. A user flow diagram will map out these features and show what kind of pages would be necessary for the app.

DESIGN

Then I sketched low-fidelity wireframes and moved on to Adobe XD for the mid-fidelity wireframes, where a 12-column grid was used to create the initial layouts for mobile, tablet, and desktop devices.

STYLE GUIDE

The style guide will show and instruct others on the final choices for all visual aspects, including colors, icons, and typefaces.

Click here to view the Full Style Guide

PROTOTYPE

I used Adobe XD to create high-fidelity wireframes and an interactive prototype.

MOCKUPS

NEXT STEPS

I would like to test the design with users to validate the concept so far. It would be important to find out if the app’s flows and visual design resonate with users or not. I would also like to see where there are areas of improvement because continuous iterations are an integral part of the design process.

Want to work together? If you like what you see and want to work together, get in touch! hello@farihaambia.com