PINNED
Noice: Exploring ways to improve personalization
In Noice, I can listen to fascinating podcasts, audiobooks, and online radio all in one app...
Case Study
OTHER
Proplist: Transforming online property transactions
A Property listing website where users can browse for homes and sell or rent prop...
Case Study
Redbus: Problems encountered while buying bus tickets
We started by looking into a problem within Redbus. As a result, each team member...
Case Study
Shopter: Crafting quick commerce using Design System
In this project, we created a quick-commerce app with Tiny Design System. Shopter is a…
Case Study
Proplist: Transforming online property transactions
Case study / visual design, user experience
Share
Challenge
A Property listing website where users can browse for homes and sell/rent properties from both primary and secondary listings. This property falls under the categories of selling and renting. Furthermore, significant property developers might become special partners in order to market their project property (primary property).
How might we create a user-friendly property listing website for users? How might we showcase the property listings to increase the number of transactions?
Role: UX Designer, UI Designer
Sector: Property, Marketplace
Time: 3 Weeks
Project Category: Case Study at Purwadhika
Team: Ridho Alamsyah, Hafinda Windianti
Background and Strategic Fit
○ Proplist is a website for selling, renting, searching, and buying property with the target audience being millennials and early Gen Z, who are already earning to own property from a young age, with middle and upper economic class, men and women, with ages starting from 25 years old.
○ Proplist collaborates with Property Developer Companies to have an official page where the Developer can showcase their projects and can directly book orders contact this website
○ Proplist has an integrated system with the Property Developer Company database to record sales through the website
○ Property companies will be verified first so that the user's trust to buy is more guaranteedEach contact will go through WA and the contact form is Proplist, from the proplist which will connect to the sales agent of each property
User Buy/Rent Property:
○ This website has categories for selling, buying, renting, renting property, either in the primary (new) or secondary (second-hand) property category.
○ Property categories: houses, apartments, buildings, shop houses, offices and commercial property
○ Users can sort by category, cheapest price, nearby location, size, latest listing, etc
○ Display properties can be various alternative images and can see embed videos and can zoom
○ Users can directly search the desired property and choose between buying or renting
○ Users can calculate with the mortgage calculation feature○ Users can calculate the estimated price increase/decrease in property as a consideration in buying
○ Product cards have a share button for marketing○ Users who are interested in buying will contact contact
○ Unregistered users are required to signup when contacting CS
○ Registered users must log in when contacting CS
○ There is information about the company, T&C, FAQ, Privacy Policy, contact us and others○ Contact options for Contact form users, Customer service, chat bots, and Whatsapp○ The product display contains clear-cut information about the property, such as size, location, ○ facilities, etc
User Selling/Renting Property:
○ Users who want to sell/rent a house are required to fill in the information form for the property to be sold (price, location, photo, category, etc.)
○ User must signup or login if already registered
○ Users are required to fill in the complete personal data info form (phone, ID card, etc.) before making a listing and it will be verified firstafter user listing, it will be verified first to check and validate the listing
○ User can sell multiple properties (more than 1)
○ The user page has a Dashboard to create listings, and track sales reports, leads, etc.
Developer Property listing Project:
○ Developers will fill in the registration form and have a special developer page and can list various projects
○ Developer page has a Dashboard to create listings, and track sales reports, leads, etc.
Competitive Analysis
We wanted to learn how similar products approach users in discovering their dream properties. In order to get better understanding, we did competitive analysis to rumah123.com, 99.co, pinhome.id. So far, we compared the features and the flow of users.
User Flow
We laid out the user's journey through the product, mapping out every step the user takes—from the moment of entry to the last interaction. We can ensure that our users' experiences are gratifying and devoid of frustration by offering a visual representation of what they will encounter.
Information Architecture
We created the information architecture for each features in the web and dashboard.
To construct a hierarchy, the IA must consider both what the user expects to see (based on competitive analysis) and how the business intends to display the information (based on product requirements).
Wireframe
Design of Home Page
On the home page of Proplist, it focuses on searching for the property they want right away and also shows popular and new listings that are available on this site. For the business site, we also highlight the featured developer and promoter banner.
Find Property
This is a crucial page because users spend most of their time on it. So, we experimented with many layouts to produce the best user experience. The main considerations are location and price.
Calculate KPR
Users can calculate their Kredit Pemilikan Rumah (KPR). The key here is to avoid overwhelming users with the number of questions in the calculator.
Calculate KPR Result
The results are displayed immediately after pressing the KPR calculation button. The challenge is to make the results understandable.
Dashboard
We developed an analytical dashboard because it was not or less time-sensitive but more of an analysis. The major purpose of this dashboard is to assist users in making the most sense of data, analyzing trends, and driving decision-making. They should be data-driven, displaying as many relevant data views as possible.
We used a donut chart for visualization that has fewer than five values sets. When there are more than five components or when the numbers are very similar, donut charts become difficult to read. We use a column chart for value sets larger than five since it is much easier than looking at numbers in a grid.
Lead Management
Managing the lead is critical for gaining customers. A simple way to manage leads plays a significant role.
Design System
Proplist: Transforming online property transactions
Case study / visual design, user experience
Share
Challenge
A Property listing website where users can browse for homes and sell/rent properties from both primary and secondary listings. This property falls under the categories of selling and renting. Furthermore, significant property developers might become special partners in order to market their project property (primary property).
How might we create a user-friendly property listing website for users? How might we showcase the property listings to increase the number of transactions?
Role: UX Designer, UI Designer
Sector: Property, Marketplace
Time: 3 Weeks
Project Category: Case Study at Purwadhika
Team: Ridho Alamsyah, Hafinda Windianti
Background and Strategic Fit
○ Proplist is a website for selling, renting, searching, and buying property with the target audience being millennials and early Gen Z, who are already earning to own property from a young age, with middle and upper economic class, men and women, with ages starting from 25 years old.
○ Proplist collaborates with Property Developer Companies to have an official page where the Developer can showcase their projects and can directly book orders contact this website
○ Proplist has an integrated system with the Property Developer Company database to record sales through the website
○ Property companies will be verified first so that the user's trust to buy is more guaranteedEach contact will go through WA and the contact form is Proplist, from the proplist which will connect to the sales agent of each property
User Buy/Rent Property:
○ This website has categories for selling, buying, renting, renting property, either in the primary (new) or secondary (second-hand) property category.
○ Property categories: houses, apartments, buildings, shop houses, offices and commercial property
○ Users can sort by category, cheapest price, nearby location, size, latest listing, etc
○ Display properties can be various alternative images and can see embed videos and can zoom
○ Users can directly search the desired property and choose between buying or renting
○ Users can calculate with the mortgage calculation feature○ Users can calculate the estimated price increase/decrease in property as a consideration in buying
○ Product cards have a share button for marketing○ Users who are interested in buying will contact contact
○ Unregistered users are required to signup when contacting CS
○ Registered users must log in when contacting CS
○ There is information about the company, T&C, FAQ, Privacy Policy, contact us and others○ Contact options for Contact form users, Customer service, chat bots, and Whatsapp○ The product display contains clear-cut information about the property, such as size, location, ○ facilities, etc
User Selling/Renting Property:
○ Users who want to sell/rent a house are required to fill in the information form for the property to be sold (price, location, photo, category, etc.)
○ User must signup or login if already registered
○ Users are required to fill in the complete personal data info form (phone, ID card, etc.) before making a listing and it will be verified firstafter user listing, it will be verified first to check and validate the listing
○ User can sell multiple properties (more than 1)
○ The user page has a Dashboard to create listings, and track sales reports, leads, etc.
Developer Property listing Project:
○ Developers will fill in the registration form and have a special developer page and can list various projects
○ Developer page has a Dashboard to create listings, and track sales reports, leads, etc.
Competitive Analysis
We wanted to learn how similar products approach users in discovering their dream properties. In order to get better understanding, we did competitive analysis to rumah123.com, 99.co, pinhome.id. So far, we compared the features and the flow of users.
User Flow
We laid out the user's journey through the product, mapping out every step the user takes—from the moment of entry to the last interaction. We can ensure that our users' experiences are gratifying and devoid of frustration by offering a visual representation of what they will encounter.
Information Architecture
We created the information architecture for each features in the web and dashboard.
To construct a hierarchy, the IA must consider both what the user expects to see (based on competitive analysis) and how the business intends to display the information (based on product requirements).
Wireframe
Design of Home Page
On the home page of Proplist, it focuses on searching for the property they want right away and also shows popular and new listings that are available on this site. For the business site, we also highlight the featured developer and promoter banner.
Find Property
This is a crucial page because users spend most of their time on it. So, we experimented with many layouts to produce the best user experience. The main considerations are location and price.
Calculate KPR
Users can calculate their Kredit Pemilikan Rumah (KPR). The key here is to avoid overwhelming users with the number of questions in the calculator.
Calculate KPR Result
The results are displayed immediately after pressing the KPR calculation button. The challenge is to make the results understandable.
Dashboard
We developed an analytical dashboard because it was not or less time-sensitive but more of an analysis. The major purpose of this dashboard is to assist users in making the most sense of data, analyzing trends, and driving decision-making. They should be data-driven, displaying as many relevant data views as possible.
We used a donut chart for visualization that has fewer than five values sets. When there are more than five components or when the numbers are very similar, donut charts become difficult to read. We use a column chart for value sets larger than five since it is much easier than looking at numbers in a grid.
Lead Management
Managing the lead is critical for gaining customers. A simple way to manage leads plays a significant role.
Design System
Research and Design
Tags
#user experience
#visual design
#usability test
#interview
#interaction design
#web development
#analytics
HC
I’m online
Adinda Cahaya
Contact me
Noice: Exploring Ways to improve…