Date

2021

Role

UI/UX Designer

Overview.

Overview.

Overview.

Bookee is a mobile application that helps users gain access to any book of their choice. Only a couple of taps are needed to buy the desired book with features that'll not only personalize your reading experience but also help you get more out of your reading.

Flow.

Flow.

Wireframe.

Wireframe.

The Visual System.

The Visual System.

Typography.

Typography.

Roboto

Roboto

Roboto

Main Font

Main Font

Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves.

Roboto has a dual nature. It has a mechanical skeleton and the forms are largely geometric. At the same time, the font features friendly and open curves.

Bookee.

Bookee.

Bookee.

Light

Light

Light

Regular

Regular

Regular

Medium

Bold

Bold

Bold

Black

Black

Black

Colors.

Colors.

Visual Design & Interactions.

Visual Design & Interactions.

Visual Design & Interactions.

Onboarding.

Onboarding.

The process of "Onboarding" is the first interaction of our user with the app. It shows simple hints of the app and makes an emotional connection with our user.

Home.

Home.

The home screen is simple and contains a few lists divided into categories : popular books , and the Current reading book etc. you can easily find out which books have recently appeared on the markets , and access easily to the current reading books .

Library.

Library.

The library section is where to find the current reads and organize the books that you will read or buy later.

Book detail.

Book detail.

Before you buy a book, you certainly want to know more details about it: what the book is about, the author, reviews how much it costs, etc. And this app screen will provide you with all the necessary information, you can also buy the book or save it to your library for later.

Profile.

Profile.

No application can do without a user account, and this app has such a feature too. The Profile page displays personal information about a specific user.

Page style setting.

Page style setting.

The last but not least screen offers you the opportunity to customize the page settings. You're free to choose a convenient font (size, color, style), background, the process of reading even more enjoyable.

You can also apply a set of settings immediately by choosing one of the four combinations or styles :

The Classic Style is perfect for casual short and medium reading periods in bright environments.

The Typewriter Style is for the lovers of the classic typewriter reading style.

The Traditional Style is best for longer reading periods in the indoor environment, where the off-white background can help reducing eyestrain.

The Night Style is best for reading in the dark, especially on OLED displays, where only the words would glow instead of the whole screen.

Takeaways.

Takeaways.

Takeaways.

This concept makes customizing the reading experience on our devices even easier, so we can enjoy reading more.

This challenge was motivating for me to increase my awareness of small design problems that we face from day to day when reading on our devices. I believe we shouldn’t be satisfied with the existing solutions without trying to constantly improve them.

Thank you
for your time.

Thank you
for your time.

← Go back

View Next →

Create a free website with Framer, the website builder loved by startups, designers and agencies.