Yirental
Yirental
Yirental
Web Homepage Redesign
Web Homepage Redesign
Web Homepage Redesign
Redesign the web homepage for online rental startup
Redesign the web homepage for online rental startup
Redesign the web homepage for online rental startup
I have worked for Yirental, a home rental platform for renters and homeowners, as a part-time product designer. Based on feedback from users, the marketing team and the design team, the initial Yirental website failed to convey insightful information with effective visual language. A new design is needed for better web user experience.
I have worked for Yirental, a home rental platform for renters and homeowners, as a part-time product designer. Based on feedback from users, the marketing team and the design team, the initial Yirental website failed to convey insightful information with effective visual language. A new design is needed for better web user experience.
I have worked for Yirental, a home rental platform for renters and homeowners, as a part-time product designer. Based on feedback from users, the marketing team and the design team, the initial Yirental website failed to convey insightful information with effective visual language. A new design is needed for better web user experience.
Time
Time
Time
5 weeks
5 weeks
5 weeks
Role
Role
Role
Product designer
User researcher
Product designer
User researcher
Product designer
User researcher
Focus
Focus
Focus
Renters & home owners
Web
Renters & home owners
Web
Renters & home owners
Web
Method
Method
Method
User research
Prototype testing
Competitive Analysis
UX & UI
UI checking
User research
Prototype testing
Competitive Analysis
UX & UI
UI checking
User research
Prototype testing
Competitive Analysis
UX & UI
UI checking
↑34%
Average engagement time for homepage
↑37%
Average engagement time for whole website
↑10%
Sign up rate
↑34%
Average engagement time for homepage
↑37%
Average engagement time for whole website
↑10%
Sign up rate
↑34%
Average engagement time for homepage
↑37%
Average engagement time for whole website
↑10%
Sign up rate
RESEARCH
RESEARCH
RESEARCH
Interview user and team
Interview user and team
Interview user and team
After being assigned with the homepage redesign project, I did research to discover existing problems.
After being assigned with the homepage redesign project, I did research to discover existing problems.
After being assigned with the homepage redesign project, I did research to discover existing problems.
The initial website was basically based on the mobile app design. After analyzing the feedback from users, marketing team, and design team, the results indicated that the existing version of website failed to convey insightful information with effective visual language.
The initial website was basically based on the mobile app design. After analyzing the feedback from users, marketing team, and design team, the results indicated that the existing version of website failed to convey insightful information with effective visual language.
The initial website was basically based on the mobile app design. After analyzing the feedback from users, marketing team, and design team, the results indicated that the existing version of website failed to convey insightful information with effective visual language.
User problem
User problem
User problem
From interview, the user problems are:
From interview, the user problems are:
From interview, the user problems are:
Cannot get the information for the product features efficiently.
Cannot get the information for the product features efficiently.
Cannot get the information for the product features efficiently.
The existing homepage does not provide enough information for users to understand the product features at a glance.
The existing homepage does not provide enough information for users to understand the product features at a glance.
The existing homepage does not provide enough information for users to understand the product features at a glance.
Lack of brand identity information.
Lack of brand identity information.
Lack of brand identity information.
Most of the information is about listings without showing company branding identity.
Most of the information is about listings without showing company branding identity.
Most of the information is about listings without showing company branding identity.
Team problem
Team problem
Team problem
The team problems are:
The team problems are:
The team problems are:
Unattractive UI because of empty data situation.
Unattractive UI because of empty data situation.
Unattractive UI because of empty data situation.
For regions with none or few listings, the homepage looks empty and unattractive.
For regions with none or few listings, the homepage looks empty and unattractive.
For regions with none or few listings, the homepage looks empty and unattractive.
Lack of guidance for users to register and interact with the website.
Lack of guidance for users to register and interact with the website.
Lack of guidance for users to register and interact with the website.
Other than browsing the rental listings, there is not too much to view or take action on.
Other than browsing the rental listings, there is not too much to view or take action on.
Other than browsing the rental listings, there is not too much to view or take action on.
Design goal
Design goal
Design goal
User growth
User growth
User growth
For regions with none or few listings, the homepage looks empty and unattractive.
For regions with none or few listings, the homepage looks empty and unattractive.
For regions with none or few listings, the homepage looks empty and unattractive.
User engagement
User engagement
User engagement
The redesign of homepage is expected to increase user engagement and decrease the bounce rate.
The redesign of homepage is expected to increase user engagement and decrease the bounce rate.
The redesign of homepage is expected to increase user engagement and decrease the bounce rate.
DESIGN
DESIGN
DESIGN
Problem #1: Cannot get the information for product features efficiently.
Problem #1: Cannot get the information for product features efficiently.
Problem #1: Cannot get the information for product features efficiently.
Before
Before
Before
Different rental types are listed vertically
Different rental types are listed vertically
Different rental types are listed vertically
After
After
After
Different retal types are integrated into a tab menu
Different retal types are integrated into a tab menu
Different retal types are integrated into a tab menu
The tab menu makes use of space more efficiently.
The tab menu makes use of space more efficiently.
The tab menu makes use of space more efficiently.
Users are able to select and view the content they are interested in and avoid scrolling up and down.
Users are able to select and view the content they are interested in and avoid scrolling up and down.
Users are able to select and view the content they are interested in and avoid scrolling up and down.
Problem #2: Unattractive UI because of empty data situation.
Problem #2: Unattractive UI because of empty data situation.
Problem #2: Unattractive UI because of empty data situation.
Before
Before
Before
Simply display an icon with “No data” text
Simply display an icon with “No data” text
Simply display an icon with “No data” text
After
After
After
Encourage users to take further actions on the website
Encourage users to take further actions on the website
Encourage users to take further actions on the website
New UI indicating empty data creates a refreshing look.
New UI indicating empty data creates a refreshing look.
New UI indicating empty data creates a refreshing look.
Guiding copies make users less frustrated and provide additional options to request rentals and roommates.
Guiding copies make users less frustrated and provide additional options to request rentals and roommates.
Guiding copies make users less frustrated and provide additional options to request rentals and roommates.
CTA buttons could potentially trigger other features and increase user engagement.
CTA buttons could potentially trigger other features and increase user engagement.
CTA buttons could potentially trigger other features and increase user engagement.
Problem #3: Lack of brand identity information.
Problem #3: Lack of brand identity information.
Problem #3: Lack of brand identity information.
Before
Before
Before
No brand identity
No brand identity
No brand identity
After
After
After
Increased branding content and CTA for new users to learn about products and services provided
Increased branding content and CTA for new users to learn about products and services provided
Increased branding content and CTA for new users to learn about products and services provided
The introduction of the key features showcases what makes Yirental different from other competitors.
The introduction of the key features showcases what makes Yirental different from other competitors.
The introduction of the key features showcases what makes Yirental different from other competitors.
Concise branding content helps new users to quickly learn about key features and decide whether they need this product.
Concise branding content helps new users to quickly learn about key features and decide whether they need this product.
Concise branding content helps new users to quickly learn about key features and decide whether they need this product.
CTA buttons encourage users to register, post and learn more about the product, which can increase user growth and user engagement
CTA buttons encourage users to register, post and learn more about the product, which can increase user growth and user engagement
CTA buttons encourage users to register, post and learn more about the product, which can increase user growth and user engagement
FINAL SOLUTION
FINAL SOLUTION
FINAL SOLUTION
OTHER CONSIDERATION
OTHER CONSIDERATION
OTHER CONSIDERATION
Responsive design
Responsive design
Responsive design
According to the user data, a large amount of users access the website via the ads on social media mobile apps. To attract these users, responsive design was considered in the early stage of the design to ensure the design works well on mobile devices.
According to the user data, a large amount of users access the website via the ads on social media mobile apps. To attract these users, responsive design was considered in the early stage of the design to ensure the design works well on mobile devices.
According to the user data, a large amount of users access the website via the ads on social media mobile apps. To attract these users, responsive design was considered in the early stage of the design to ensure the design works well on mobile devices.
Grid: 12 Columns | Width: 65 | Gutter: 30
Grid: 12 Columns | Width: 65 | Gutter: 30
Grid: 12 Columns | Width: 65 | Gutter: 30
Mobile responsive design
RESULT
RESULT
RESULT
Increased engagement and sign up rate
Increased engagement and sign up rate
Increased engagement and sign up rate
One month after the launch of the new homepage, we checked the metrics defined at the beginning of the project. There is a significant increase in the user engagement metrics, and user growth metrics.
One month after the launch of the new homepage, we checked the metrics defined at the beginning of the project. There is a significant increase in the user engagement metrics, and user growth metrics.
One month after the launch of the new homepage, we checked the metrics defined at the beginning of the project. There is a significant increase in the user engagement metrics, and user growth metrics.
Thank for viewing! You can reach out to me at:
janicezlx@outlook.com
