top of page
Frame 99.png
Process

Discovery

Design

Validate & Iterate

Final Product

Reflect

Role

UX Researcher & UX Designer

Duration

Two Months (Jan - Feb 2023)

Tools

Figma

Overview

literari is an ebook app that offers an ever-expanding variety of ebooks and audiobooks to its users. After making its mark in the industry and gaining a solid user base, literari would like to monetize their app by offering a premium subscription.

Challenge

  • A way to offer premium to new users, preferably starting in the sign-up process.

  • A way for returning users to have access to upgrading throughout the app design.

Solution

  • Premium subscription page added to the sign-up flow.

  • Premium pop-up ad for returning users logging in to the app.

  • Strategically placed CTA buttons to continuously expose and encourage users to upgrade.

Group 24.png
Discovery

Prior to starting my research, I came up with a few goals on what I wanted to find out:

Group 37.png
Competitive Research & Analysis

I researched some companies that offered different media to their users to answer the questions above through a SWOT analysis, which is shown below.

Group 40.png
Group 36.png
Results
Group 39 (1).png
Design
User Flows

Four key user flows were defined based on the goals of the business, which were to promote premium to the users throughout their usage of the app. I tried to have the option to upgrade to premium available throughout the flows.

User Flows (2).png
Low-Fidelity Designs

After looking at the designs of some other ebook apps, such as Google Books and Wattpad, I did some quick sketches of how the ebook app could look like and recreated them in Figma. I re-evaluated my goals and decided that I really wanted the user to have access to a premium button somehow on almost every page.

Sketches
Wireframe 3 (5).png
Design System

Since the company wanted to have literari to feel bold and smart, I went with a classic red with a light khaki colour to have a strong contrast. The red stands out and the khaki is reminiscent of book pages.

Style Guide
Validate & Iterate
Usability Testing Round 1

I tested my prototype with five participants who were chosen based on their past experience with mobile apps and usage of ebook apps. All the participants were able to complete the tasks with little difficulty and generally had positive remarks about the designs.

Group 35.png

The most problems occurred on the individual book page. Around half of the participants ended up confused about either the button to buy the book or the success of their purchase.

Round 1 Changes
Group 33.png
Usability Testing Round 2

The second round of user testing was done with another 5 participants, which also had positive results and resulted in only minor tweaks of the design.

Round 2 Changes
Final Results
Final Screens
Final (1).png
Final Product

You can view the final prototype here.

Group 38.png
Reflect
Lessons Learnt

Many of the participants used their computers to complete the usability test and didn’t seem to know that they could scroll horizontally to look through the books displayed on the homepage, though it is a common action on mobile. In the future, it would be best to test on the correct platform to eliminate possible errors from user’s device expectations.

Next Steps

Through the SWOT analysis done of other competitors, there are a few areas that could be turned into opportunities for improvement if there was more time:

  • Implement more social aspects, possibly through inline comments and reactions

  • Create a tag system to improve the book search

Other Projects

bottom of page