READIFY
READIFY
UX/UI Case Study
Bootcamp E-Commerce Project
UX/UI Case Study
Bootcamp E-Commerce Project
Overview
Overview
Readify is an innovative E-commerce platform dedicated to rediscover the joy of reading, offering curated collections to the user’s preferences, that fit into busy lives schedules.
From quick reads to immersive novels, readify has the purpose of making reading enjoyable for everyone.
Readify is an innovative E-commerce platform dedicated to rediscover the joy of reading, offering curated collections to the user’s preferences, that fit into busy lives schedules.
From quick reads to immersive novels, readify has the purpose of making reading enjoyable for everyone.
Readify is an innovative E-commerce platform dedicated to rediscover the joy of reading, offering curated collections to the user’s preferences, that fit into busy lives schedules.
From quick reads to immersive novels, readify has the purpose of making reading enjoyable for everyone.
User Research
Information Architecture
Usability Testing
Visual Design
Wireframing
Interaction Design
Design System
Prototyping
Figma
Problem Statement
Problem Statement
Problem Statement
In today's fast-paced digital world,
people are increasingly distracted by screens and find it challenging to make time for the reading.
In today's fast-paced digital world,
people are increasingly distracted by screens and find it challenging to make time for the reading.
In today's fast-paced digital world,
people are increasingly distracted by screens and find it challenging to make time for the reading.
Goals
Goals
Goals
Our mission is to reignite the joy of reading by creating a unique e-commerce experience.
Our mission is to reignite the joy of reading by creating a unique e-commerce experience.
Our mission is to reignite the joy of reading by creating a unique e-commerce experience.
Design Process
In developing Readify, our team adopted a thorough and user-centered approach. This process encompassed primary desktop research, formulating insightful research questions, understanding user wants and needs, and refining through design iterations. Our goal was to create a seamless and enjoyable experience for our users.
RESEARCH
Research Questions
User Persona & User Story
UserFlow
DESIGN
Design Principles
Style Guide & Design System
Wireframe & Lo-fi Protoyping
PROTOTYPING
Usability Testing
Design Iteration
Hi-Fi Prototype
Escape digital noise,
enjoy the art of reading.
Design Process
In developing Readify, our team adopted a thorough and user-centered approach. This process encompassed primary desktop research, formulating insightful research questions, understanding user wants and needs, and refining through design iterations. Our goal was to create a seamless and enjoyable experience for our users.
RESEARCH
Research Questions
User Persona & User Story
UserFlow
DESIGN
Design Principles
Style Guide & Design System
Wireframe & Lo-fi Protoyping
PROTOTYPING
Usability Testing
Design Iteration
Hi-Fi Prototype
Escape digital noise,
enjoy the art of reading.
Escape digital noise,
enjoy the art of reading.
Research
Desk Research Outcome
01
How do we encourage
people to read more?
02
How do people search
for books?
03
What is the main
motivation of a people
to read?
About
Malena, 32 y/o, Buenos Aires.
Expectation
A platform that keeps her motivated to read while offering discounts & other cool things.
Wants
Read more
Discover new interests
Decrease screen time by reading.
Motivation
Struggle with keep reading into
her every-day life. She heard
about reading lists & badgets
& wants to incorporate it into her routine.
Needs
Getting books recommendations
Have other reader’s recommendations
User Personas & User Story
About
Malena, 32 y/o, Buenos Aires.
Expectation
A platform that keeps her motivated to read while offering discounts & other cool things.
Wants
Read more
Discover new interests
Decrease screen time by reading.
Motivation
Struggle with keep reading into
her every-day life. She heard
about reading lists & badgets
& wants to incorporate it into her routine.
Needs
Getting books recommendations
Have other reader’s recommendations
User Personas & User Story
User Flow
We focus on one main user-flow for the development of this project, which is the compleition of the customization questionnaire for a much more accurate recommendation of reading lists, and the final action of the selection of the book.
Research
Desk Research Outcome
01
How do we encourage people to read more?
How do we encourage people
to read more?
02
How do people search for books?
03
What is the main motivation of the people to read?
What is the main motivation of
the people to read?
About
Malena, 32 y/o, Buenos Aires.
Motivation
Struggle with keep reading into
her every-day life. She heard
about reading lists & badgets
& wants to incorporate it into her
routine.
Expectation
A platform that keeps her motivated to read while offering discounts & other cool things.
Wants
Read more
Discover new interests
Decrease screen time by reading.
Needs
Getting books recommendations
Have other reader’s recommendations
User Personas & User Story
About
Malena, 32 y/o, Buenos Aires.
Motivation
Struggle with keep reading into
her every-day life. She heard
about reading lists & badgets
& wants to incorporate it into her
routine.
Expectation
A platform that keeps her motivated to read while offering discounts & other cool things.
Wants
Read more
Discover new interests
Decrease screen time by reading.
Needs
Getting books recommendations
Have other reader’s recommendations
User Personas & User Story
User Flow
We focus on one main user-flow for the development of this project, which is the compleition of the customization questionnaire for a much more accurate recommendation of reading lists, and the final action of the selection of the book.
Design
Design Principles
EFFORTLESS
Making the user navigate in a friendly and organized way to avoid frustration or overstimulation.
ENGAGING
Bringing back the reading culture again with an interactive platform.
TRUSTHWORTHY
Recommendations over the books to have a more accurate decision on what to buy.
Low-Fi Wireframes
Style Guide & Design System
HEX 413633
HEX 5B5552
HEX EBD4B4
HEX 8E857D
HEX BBA187
HEX EBD4B4
HEX DBCAB6
HEX F6F0F5
HEX 478569
Prototyping
Margin
16PX
Gutter
16PX
Type
Stretch
4 COLUMN LAYOUT GRID
The Package Design Book
Taschen
EU20
Just as design can transform simple everyday objects into fetishes, well-designed packaging also transforms any content into an object of desire. International excellence in the discipline of packaging design is recognized every year at the renowned Pentawards, a design competition that has developed into a mega event over the years.
Add to cart
See details
Your surprise book!
The National Gallery.
Paintings, People, Portraits
Taschen
EU 175
See the National Gallery's masterpieces through the eyes of leading cultural figures and contemporary artists . This chronological edition tells the story of 700 years of artistic creation through a selection of over 200 paintings from the collection, from Margherito d'Arezzo to Claude Monet .
Add to cart
See details
Usability Testing
After the initial prototyping phase, we conducted usability testing through various testing programs and in-person sessions. This allowed us to gather valuable insights, refine the design, and enhance the user experience through iterative improvements.
2
Tasks
12
Maze Responses
2
In-person user tests
In-Person User Tests
Summary text is too long to read here.
I like the idea of choosing book categories.
Redesigned Screens
Before
After Iteration
Better spacing + bigger visuals / + break text blocks with visuals
Before
After Iteration
ON
BOAR
DING
ON
BOAR
DING
ON
BOAR
DING
DASHBOARD
DASHBOARD
DASHBOARD
OVERLAY
OVERLAY
OVERLAY
BOOK NINJA
BOOK NINJA
BOOK NINJA
Reduce text and simplified visuals
About
Malena, 32 y/o, Buenos Aires.
Income
Good Level Salary
“As a book lover, I want to find books effortlessly since I don’t have the time for a lot of browsing.
Additionally, I want a place that offers an interactive experience with features like personalized reading lists and badges for completed reading challenges to bring my enthusiasm for reading again”
Motivation
Struggle with keep reading into
her every-day life. She heard
about reading lists & badgets
& wants to incorporate it into her
routine.
Expectation
A platform that keeps her motivated to read while offering discounts & other cool things.
Wants
Read more
Discover new interests
Decrease screen time by reading.
Needs
Getting books recommendations
Have other reader’s recommendations
User Personas & User Story
User Flow
We focus on one main user-flow for the development of this project, which is the compleition of the customization questionnaire for a much more accurate recommendation of reading lists, and the final action of the selection of the book.
Welcome page
Log in
Create Account
Customization Questions page
Home Page
Surprise book
Recommended Author
Recommended reading list
Book info
Reviews
Related Books
User pick one
book
Purchase check out
Design
Design Principles
EFFORTLESS
Making the user navigate in a friendly and organized way to avoid frustration or overstimulation.
Bringing back the reading culture again with an interactive platform.
ENGAGING
TRUSTHWORTHY
Recommendations over the books to have a more accurate decision on what to buy.
Low-Fi Wireframes
Design
Design Principles
EFFORTLESS
Making the user navigate in a friendly and organized way to avoid frustration or overstimulation.
ENGAGING
Bringing back the reading culture again with an interactive platform.
TRUSTHWORTHY
Recommendations over the books to have a more accurate decision on what to buy.
Low-Fi Wireframes
Style Guide & Design System
Fustat
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()_+-=[]{}|;:',.<>?/
HEX 413633
HEX 5B5552
HEX EBD4B4
HEX 8E857D
HEX BBA187
HEX EBD4B4
HEX DBCAB6
HEX F6F0F5
HEX 478569
Margin
16PX
Gutter
16PX
Type
Stretch
4 COLUMN LAYOUT GRID
The Package Design Book
Taschen
EU20
Just as design can transform simple everyday objects into fetishes, well-designed packaging also transforms any content into an object of desire. International excellence in the discipline of packaging design is recognized every year at the renowned Pentawards, a design competition that has developed into a mega event over the years.
Add to cart
See details
Your surprise book!
The National Gallery.
Paintings, People, Portraits
Taschen
EU 175
See the National Gallery's masterpieces through the eyes of leading cultural figures and contemporary artists . This chronological edition tells the story of 700 years of artistic creation through a selection of over 200 paintings from the collection, from Margherito d'Arezzo to Claude Monet .
Add to cart
See details
Prototyping
Usability Testing
After the initial prototyping phase, we conducted usability testing through various testing programs and in-person sessions. This allowed us to gather valuable insights, refine the design, and enhance the user experience through iterative improvements.
2
Tasks
12
Maze Responses
2
In-person user tests
In-Person User Tests
Summary text is too long to read here.
I like the idea of choosing book categories.
Redesigned Screens
Before
After Iteration
Before
After Iteration
Reduce text and simplified visuals
ON
BOAR
DING
ON
BOAR
DING
ON
BOAR
DING
DASHBOARD
DASHBOARD
DASHBOARD
OVERLAY
OVERLAY
OVERLAY
BOOK NINJA
BOOK NINJA
BOOK NINJA
Style Guide & Design System
Fustat
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()_+-=[]{}|;:',.<>?/
Bold
Semi-bold
Regular
HEX 413633
HEX 5B5552
HEX EBD4B4
HEX 8E857D
HEX BBA187
HEX EBD4B4
HEX DBCAB6
HEX F6F0F5
HEX 478569
Margin
16PX
Gutter
16PX
Type
Stretch
4 COLUMN LAYOUT GRID
The Package Design Book
Taschen
EU20
Just as design can transform simple everyday objects into fetishes, well-designed packaging also transforms any content into an object of desire. International excellence in the discipline of packaging design is recognized every year at the renowned Pentawards, a design competition that has developed into a mega event over the years.
Add to cart
See details
Your surprise book!
The National Gallery.
Paintings, People, Portraits
Taschen
EU 175
See the National Gallery's masterpieces through the eyes of leading cultural figures and contemporary artists . This chronological edition tells the story of 700 years of artistic creation through a selection of over 200 paintings from the collection, from Margherito d'Arezzo to Claude Monet .
Add to cart
See details
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
Prototyping
Usability Testing
After the initial prototyping phase, we conducted usability testing through various testing programs and in-person sessions. This allowed us to gather valuable insights, refine the design, and enhance the user experience through iterative improvements.
2
Tasks
12
Maze Responses
2
In-person user tests
Maze results
Task 1:
Check the Web Platform and Create an Account
%41,7
Drop Off
%58,3
Success
%15
Accurate Click
%85
Mis-click
How would you describe the process of creating and personalising the account?
42% Users rated 5 Stars
Task 2:
Select the second book, see the reviews and buy the book.
How would you describe the process
of buying the book?
11.5% Users rated 5 Stars
%29,1
Accurate Click
%70,9
Mis-click
%88,9
Success
%11,1
Drop Off
In-Person User Tests
Summary text is too long to read here.
Scroll down has too many features distracting me from easily finding a book.
I like the idea of choosing book categories.
The idea of a surprise book concept truly captivates me!
Redesigned Screens
Before
After Iteration
Better spacing + bigger visuals / + break text blocks with visuals
Before
After Iteration
Reduce text and simplified visuals
ON
BOAR
DING
ON
BOAR
DING
ON
BOAR
DING
DASHBOARD
DASHBOARD
DASHBOARD
INFO OVERLAY
INFO OVERLAY
INFO OVERLAY
GAMIFICATION
GAMIFICATION
GAMIFICATION