One subscription.
Thousands of books to read.
Enjoy your favourite books all in one app.

One subscription.
Thousands of books to read.
Enjoy your favourite books all in one app.

Tools: Google Form, Figjam, Figma, Framer

One subscription. Thousands of books to read.
Enjoy your favourite books all in one app.

Tools: Google Form, Figjam, Figma, Framer

Project Overview

  • Most ebook reader application requires user to purchase each book before reading

  • Some of the current ebook reader applications do not have recently released books

  • Some of these apps are loaded with so much features, it makes it complicated

  • Some of these apps do not allow feedback

  • Some of the apps do not allow read-in

Problems With Existing Designs

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has thousands of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

Solutions That Comes With LitPad

  • Conduct interviews

  • Carry out usability testing

  • Building wireframes and high fidelity designs

  • Prototyping

  • Iterating designs

Roles and Responsibilities

Design Process

  • Interviews

  • Competitive Analysis

  • User Personas

  • Information Architecture

  • Wireframes

  • High fidelity designs

  • Prototyping

  • Feedback

  • Takeaways

  • How often do you read books?

  • Do you prefer to read on your phone?

  • If Yes, what application do you use?

  • If Yes, what challenges do you face while using the app to read?

  • If No, why don't you read ebooks?

  • Will you like to use an app that allows you to subscribe once a month while you have access to any book of your choice?

Interview Questions

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

Competitive Analysis

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

Information Architecture

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

User Personas

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

  • User Personas

  • User Personas



The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

Some Wireframe Screens

Icon

Colour

Surface

Colour

Border

Colour

Background

Colour

Primary

Colour

Text

Colour

Dropdowns

Notification Alerts and Tag

Buttons: The edges are rounded to match the text field input. The black buttons are the primary while the ones with border are the outline buttons then the green buttons are the hover states of the black buttons. Then, we have the Floating action button with the plus icon in it and the Plain button which has no frame.

Text Fields with rounded edges

Cards

Navigation Bars

Some Components Used: Tab, Avatar, Toggle Button, Rate Icon

Icons: I used size 16 for the icons

Typography: I used DM Sans because it's easy to read

Style Guide

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

hhhjhs

High Fidelity Prototype Walkthrough

High Fidelity Screens

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

Next Case Study

While working on LitPad, I learnt ideation is just the beginning of the process, iteration is the main work and this was influenced by the usability feedbacks I got. According to the testing done, LitPad is actively meeting the users' needs but there will always be room for improvement.

CONCLUSION

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

What to do next will be:

  • Conduct more usability testing

  • Do more research to improve user experience

Let's create useful and usable products together!

Let's create useful and usable products together!

Feel free to get in touch with me

Feel free to get in touch with me

Problems With Existing Design

Solutions That Come With LitPad

Roles and Responsibilities

Project Overview

Project Overview

  • Most ebook reader application requires user to purchase each book before reading

  • Some of the current ebook reader applications do not have recently released books

  • Some of these apps are loaded with so much features, it makes it complicated

  • Some of these apps do not allow feedback

  • Some of the apps do not allow read-in

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has thousands of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

  • Conduct interviews

  • Carry out usability testing

  • Building wireframes and high fidelity designs

  • Prototyping

  • Iterating designs

  • Interviews

  • Competitive Analysis

  • User Personas

  • Information Architecture

  • Feedback

  • Takeaways

  • Wireframes

  • High fidelity designs

  • Prototyping

Competitive Analysis

Competitive Analysis

  • Interviews

  • Competitive Analysis

  • User Personas

  • Information Architecture

  • Wireframes

  • High fidelity designs

  • Prototyping

  • Feedback

  • Takeaways

Information Architecture

Information Architecture

User Personas

User Personas

  • How often do you read books?

  • Do you prefer to read on your phone?

  • If Yes, what application do you use?

  • If Yes, what challenges do you face while using the app to read?

  • If No, why don't you read ebooks?

  • Will you like to use an app that allows you to subscribe once a month while you have access to any book of your choice?

  • How often do you read books?

  • Do you prefer to read on your phone?

  • If Yes, what application do you use?

  • If Yes, what challenges do you face while using the app to read?

  • If No, why don't you read ebooks?

  • Will you like to use an app that allows you to subscribe once a month while you have access to any book of your choice?

Interview Questions

Interview Questions

Design Process

Design Process

Some Wireframe Screens

Some Wireframe Screens

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

Icon Colour

Surface Colour

Border Colour

Background Colour

Primary Colour

Text Colour

Dropdowns

Notification Alerts and Tag

Buttons: The edges are rounded to match the text field input. The black buttons are the primary while the ones with border are the outline buttons then the green buttons are the hover states of the black buttons. Then, we have the Floating action button with the plus icon in it and the Plain button which has no frame.

Text Fields with

rounded edges

Cards

Navigation Bars

Some Components Used: Tab, Avatar, Toggle Button, Rate Icon,

Icons: I used size 16 for the icons

Typography: I used DM Sans because it's easy to read

Style Guide

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

Icon Colour

Surface Colour

Border Colour

Background Colour

Primary Colour

Text Colour

Dropdowns

Notification Alerts and Tag

Buttons: The edges are rounded to match the text field input. The black buttons are the primary while the ones with border are the outline buttons then the green buttons are the hover states of the black buttons. Then, we have the Floating action button with the plus icon in it and the Plain button which has no frame.

Text Fields with rounded edges

Cards

Navigation Bars

Some Components Used: Tab, Avatar, Toggle Button, Rate Icon,

Icons: I used size 16 for the icons

Typography: I used DM Sans because it's easy to read

Style Guide

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

hhhjhs

High Fidelity Prototype Walkthrough

hhhjhs

High Fidelity Prototype Walkthrough

High Fidelity Screens

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

Few High Fidelity Screens

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

Next Case Study

While working on LitPad, I learnt ideation is just the beginning of the process, iteration is the main work and this was influenced by the usability feedbacks I got. According to the testing done, LitPad is actively meeting the users' needs but there will always be room for improvement.

While working on LitPad, I learnt ideation is just the beginning of the process, iteration is the main work and this was influenced by the usability feedbacks I got. According to the testing done, LitPad is actively meeting the users' needs but there will always be room for improvement.

CONCLUSION

CONCLUSION

The research helped me to confirm my solution and from there I created the LitPad app with these features;

  • LitPad gives users access to all books upon a subscription per month

  • LitPad has hundreds of books where some of them are newly released

  • LitPad is a simple application that satisfies the user's number one goal - to read books comfortably

  • LitPad allows users to give review as well as share books to friends.

  • LitPad allows users to read in-app

What to do next will be:

  • Conduct more usability testing

  • Do more research to improve user experience

What to do next will be:

  • Conduct more usability testing

  • Do more research to improve user experience

Let's create useful and usable products together!

Let's create useful and usable products together!

Feel free to get in touch with me

Feel free to get in touch with me

Let's create useful and usable products together!

Feel free to get in touch with me