Overview & Objectives

Final Product

Research

Site Map

User Flow Diagram

Usability

Branding

Design Asset

House and Flat Rent Platform for Student and Young families (Study Case)
House and Flat Rent Platform for Student and Young families (Study Case)

Stakeholder

Year

Role

Actions

:

:

:

:

Student, Young Adult, Couple

2020

UI/UX Designer

Research, Anaysis, Information Architecture, UX Design, UI Design, Project Management, User Testing

Problems and Identification

Problems and Identification

Nowadays, a lot of people migrate to other cities for different purposes. It could be looking for a better work environment, pursuing higher education, or building a new family. And a place to live is one of the basic necessities of human life. For each purpose, they need to find the space to live that supports their daily activities.

Objective

Objective

  • Create a digital platform that can help people to find suitable housing for any purposes

  • A user friendly housing platform

  • Be a relevant and resourceful platform for house and room renting

  • Number 1 listing site for property owner and those looking for shared house in Indonesia

  • Platform that provide all services related to accomodation and moving purposes

Research

Research

Competitive Analysis

Competitive Analysis

There are actually various property listing platform that already exist and known by people in Indonesia. Bellow are some of the example of the most used accomodation platform that I believe have plus minus that can be combined and turned into opportunities.

Mamikos

Mamikos

Strength

Strength

  • Has been known as a listing site for room renting

  • Has a feature chat with room owner to support communication process between those looking for a room and the property owner

  • Has a review feature to help people get more insight about the room from the previous tenant. This feature also can push the room owner to provide the best accomodation so it can attract more tenant.

  • Has a tag to differentiate property occupant type by gender (ladies, boys and mixed)

  • Has Monthly payment feature

Weakness

Weakness

  • Might not suitable for some target user such as young family (newlywed couple) as they don’t provide listing for house (most of these young couple prefer to rent a house rather than a room that provide private kitchen and bathroom)

  • There are people who still don’t know about their platform

  • Might not suitable for some target user such as young family (newlywed couple) as they don’t provide listing for house (most of these young couple prefer to rent a house rather than a room that provide private kitchen and bathroom).

  • There are people who still don’t know about their platform

Opportunities

Opportunities

  • A listing platform that cover both entire house and room rent

  • A listing platform that also provide moving service

  • Better advertisement

  • 360º view feature to enhance user experience when viewing the room

Travelio

Travelio

Strength

Strength

  • Provide listing for property rent and buying

  • Allows the user to choose the property by days, monthly and yearly

  • Provide instalment feature

  • Provide 360º view

  • Suitable for those who is looking for comfortable and well designed housing (people with life style aspiration)

  • Provide listing for property rent and buying

  • Allows the user to choose the property by days, monthly and yearly

  • Provide instalment feature

  • Provide 360º view

  • Suitable for those who is looking for comfortable and well designed housing (people with life style aspiration)

Weakness

Weakness

  • Might not suitable for some on budget users

  • The price that shows in the search result is not the actuall checkout price

  • Specific housing area (mostly appartment)

  • Might not suitable for some on budget users

  • The price that shows in the search result is not the actuall checkout price

  • Specific housing area (mostly appartment)

Opportunities

Opportunities

  • A listing platform that cover both entire house and room rent for all type of users-

  • A listing platform that also provide moving service

  • A listing platform that cover both entire house and room rent for all type of users-

  • A listing platform that also provide moving service

Threaths

Threaths

Sites like Travelio and many other websites are available on the internet and already widely known for sometimes

Sites like Travelio and many other websites are available on the internet and already widely known for sometimes

Olx

Olx

Strength

Strength

  • Provide listing for property rent and buying

  • Covers many categories in properties

  • Has widely known as a listing platform

  • Has a feature chat with room owner to support communication process between those looking for a room and the property owner

  • Provide listing for property rent and buying

  • Covers many categories in properties

  • Has widely known as a listing platform

  • Has a feature chat with room owner to support communication process between those looking for a room and the property owner

Weakness

Weakness

  • Too many advertisement can divert user attention

  • User experience for mobile app seems not really comfortable. I mobile, when opening other application often the research page in olx will be force to back to landing page resulting search result lost.

  • Mobile apps often forced closed

  • Too many advertisement can divert user attention

  • User experience for mobile app seems not really comfortable. I mobile, when opening other application often the research page in olx will be force to back to landing page resulting search result lost.

  • Mobile apps often forced closed

Opportunities

Opportunities

  • Better information layout arrangement

  • A listing platform that also provide moving service

  • Better design to enhance the reader comfort when browsing the platform without unrelated advertisement

  • Better information layout arrangement

  • A listing platform that also provide moving service

  • Better design to enhance the reader comfort when browsing the platform without unrelated advertisement

Threaths

Threaths

Sites like OLX and many other websites are available on the internet and already widely known for sometimes. OLX especially, has known by various group of people (from low middle to upper class).

Sites like OLX and many other websites are available on the internet and already widely known for sometimes. OLX especially, has known by various group of people (from low middle to upper class).

User Research

User Research

Demographic

Demographic

User Persona

User Persona

After working on competitive analysis, to complete user research, several interview was conducted to five participant. For the purpose of this project, five corespondents with different occupation background and age were selected. These people occupation vary from student, doctor, property owner and private employees who is a newlywed couple. Next, I created user personas based on my user research to help me to paint a realistic image of user’s goals, preferences and behaviour.
Problem Statements

Problem Statements

From the competitive research and the user research I formulate some problem statements:

  • How might we help various group of people finding a matching accomodation?

  • How might we help people looking for the moving services?

  • How might we help those looking for accomodation to have a better visualisation on the listing property from home (online)?

  • How might we compete with existing product?

Minimum Viable Product (MVP)

Minimum Viable Product (MVP)

For this study case, from all of the research I did above, I then created the Minimum Viable Product (MVP) based on my hypothesis responding to the previous given problem statements. This MVP would allow me to quickly test my hypothesis and design ideas on users which will also give me valuable feedback at the begining of design process.
For this study case, from all of the research I did above, I then created the Minimum Viable Product (MVP) based on my hypothesis responding to the previous given problem statements. This MVP would allow me to quickly test my hypothesis and design ideas on users which will also give me valuable feedback at the begining of design process.
For this study case, from all of the research I did above, I then created the Minimum Viable Product (MVP) based on my hypothesis responding to the previous given problem statements. This MVP would allow me to quickly test my hypothesis and design ideas on users which will also give me valuable feedback at the begining of design process.

MVP Need #1:

When using the property listing platform, different types of accomodation will give me insight and broader consideration in finding a matching accomodation.

Feature Requirement: Property listing platform that cover types of housing such as room, house, studio and appartment renting or buying.

MVP Need #1:

When using the property listing platform, different types of accomodation will give me insight and broader consideration in finding a matching accomodation.

Feature Requirement: Property listing platform that cover types of housing such as room, house, studio and appartment renting or buying.

MVP Need #1:

When using the property listing platform, different types of accomodation will give me insight and broader consideration in finding a matching accomodation.

Feature Requirement: Property listing platform that cover types of housing such as room, house, studio and appartment renting or buying.

MVP Need #2:

When using the property listing platform, I want to see many available listing info.

Feature Requirement: Maximize platform advertisement with direct advertising methods that reach all of the property owner within each area. I believe that this can also be optimalize with referall promotion and rewards. As Product Designer, what we can build is the mechanism of the referral in the platform, make it easy to follow scheme by good UI UX.

MVP Need #2:

When using the property listing platform, I want to see many available listing info.

Feature Requirement: Maximize platform advertisement with direct advertising methods that reach all of the property owner within each area. I believe that this can also be optimalize with referall promotion and rewards. As Product Designer, what we can build is the mechanism of the referral in the platform, make it easy to follow scheme by good UI UX.

MVP Need #2:

When using the property listing platform, I want to see many available listing info.

Feature Requirement: Maximize platform advertisement with direct advertising methods that reach all of the property owner within each area. I believe that this can also be optimalize with referall promotion and rewards. As Product Designer, what we can build is the mechanism of the referral in the platform, make it easy to follow scheme by good UI UX.

MVP Need #3:

When using the property listing platform, I also want to get information about moving service around me so I can book it all together in one app.

Feature Requirement: Moving service feature. We can try to join partnership and API with the service provider such as Go Box have this feature in our platform.

MVP Need #3:

When using the property listing platform, I also want to get information about moving service around me so I can book it all together in one app.

Feature Requirement: Moving service feature. We can try to join partnership and API with the service provider such as Go Box have this feature in our platform.

MVP Need #4:

When using the property listing platform, I want to be able to know what people think about it.

Feature Requirement: Provide property review feature.

MVP Need #4:

When using the property listing platform, I want to be able to know what people think about it.

Feature Requirement: Provide property review feature.

MVP Need #5:

When using the property listing platform, I want to post my property and see other property on lease without need to change role section.

Feature Requirement: Provide single sign on for any user (property owner and accomodation seeker). I believe this can give the user more flexible access to two roles (property owner and tenant) features at once as it is simplify the changing process between those two.

MVP Need #5:

When using the property listing platform, I want to post my property and see other property on lease without need to change role section.

Feature Requirement: Provide single sign on for any user (property owner and accomodation seeker). I believe this can give the user more flexible access to two roles (property owner and tenant) features at once as it is simplify the changing process between those two.

MVP Need #6:

When using the property listing platform, Instead of manually browse for a room or house, I want to advertise myself as a tenant who’s looking for accomodation, in that way I can get a matching offer faster.

Feature Requirement: Provide "Create property request" feature.

MVP Need #6:

When using the property listing platform, Instead of manually browse for a room or house, I want to advertise myself as a tenant who’s looking for accomodation, in that way I can get a matching offer faster.

Feature Requirement: Provide "Create property request" feature.

Site Map

Site Map

User Main Feature Flow Diagram

User Main Feature Flow Diagram

Usability Testing

Usability Testing

Theoritically, if possible usability testing should be conducted on the existing product before beginning any new design work after the product owner given the PRD around a brand new site or product. This will help to identify areas for opportunities and reduce the amount of assumptions that our team will make to answer the user needs. For this case study, I did some usability testing using the existing product such as Olx, mamikos and travelio as part of my interview which I use it as the competitive analysis and the base of my personas.
If this case is a real product, further usability testing needs to be done upon the creation of wireframe until Hi fidelity design. Basically, a product is made from assumptions regarding what people need, what we can build to solve problems and etc. and that is why even after the products is done, it is really important to keep retesting the product in order to make sure that our product is really answering the problem and to create a fully mature product or platform.
Branding The Product

Branding The Product

Theoritically, if possible usability testing should be conducted on the existing product before beginning any new design work after the product owner given the PRD around a brand new site or product. This will help to identify areas for opportunities and reduce the amount of assumptions that our team will make to answer the user needs. For this case study, I did some usability testing using the existing product such as Olx, mamikos and travelio as part of my interview which I use it as the competitive analysis and the base of my personas.
Theoritically, if possible usability testing should be conducted on the existing product before beginning any new design work after the product owner given the PRD around a brand new site or product. This will help to identify areas for opportunities and reduce the amount of assumptions that our team will make to answer the user needs. For this case study, I did some usability testing using the existing product such as Olx, mamikos and travelio as part of my interview which I use it as the competitive analysis and the base of my personas.
Theoritically, if possible usability testing should be conducted on the existing product before beginning any new design work after the product owner given the PRD around a brand new site or product. This will help to identify areas for opportunities and reduce the amount of assumptions that our team will make to answer the user needs. For this case study, I did some usability testing using the existing product such as Olx, mamikos and travelio as part of my interview which I use it as the competitive analysis and the base of my personas.
If this case is a real product, further usability testing needs to be done upon the creation of wireframe until Hi fidelity design. Basically, a product is made from assumptions regarding what people need, what we can build to solve problems and etc. and that is why even after the products is done, it is really important to keep retesting the product in order to make sure that our product is really answering the problem and to create a fully mature product or platform.
If this case is a real product, further usability testing needs to be done upon the creation of wireframe until Hi fidelity design. Basically, a product is made from assumptions regarding what people need, what we can build to solve problems and etc. and that is why even after the products is done, it is really important to keep retesting the product in order to make sure that our product is really answering the problem and to create a fully mature product or platform.
If this case is a real product, further usability testing needs to be done upon the creation of wireframe until Hi fidelity design. Basically, a product is made from assumptions regarding what people need, what we can build to solve problems and etc. and that is why even after the products is done, it is really important to keep retesting the product in order to make sure that our product is really answering the problem and to create a fully mature product or platform.
  1. Platform Name

  1. Platform Name

The branding process for a property listing platform challenge start with finding the name. Considering the target user age range for this platform, I decide to use words that is easy to remember and straightforward. Here are some of the name that came a cross during brainstorming process:

  • Find Me Home

  • Tempat Tinggal

  • Cari Rumah

  • Homey

  • Homee

  • Housemates

  • Propertiku

  • Rumahku

  • House and Rooms

  • Roomates

On final consideration, I chose to use “ Cari Rumah “ because I feel the name represent the purpose of the user and also easy to remember.
B. Logo & colour

B. Logo & colour

A brief information about the colour choice. Orange color is chosen to be the brand identity colour for the Carirumah.com. The consideration involving research toward colour psichology and meaning in branding.

Primary Horizontal Logo

Primary Horizontal Logo

Primary Horizontal Logo

Favicon

Favicon

Favicon

Size 64 x 64 px

Size 64 x 64 px

Size 64 x 64 px

Secondary Vertical Logo

Secondary Vertical Logo

Secondary Vertical Logo

Thumbnail App

Thumbnail App

Thumbnail App

Orange is yellow’s more playful and energetic cousin. It mixes a more invigorating and active emotion associated with red while employing yellow’s mellower tones. Orange is great for brands looking to elicit feelings of vitality and happiness. Finding home can become a start of a new life for some people and home is where the warmth and comfort. These idea seems match with the orang colour meaning.

Common association with orange colour includes:

  • Energy

  • Excitement

  • Prosperity

  • Warmth

  • Playfulness

  • Change

Design Asset

Design Asset

  1. Button

A.1 Button Types

A.1 Button Types

Default: Use for the secondary action within a group of buttons. For example, a Cancel button.


Primary: Use for the main action. It appears once within a group of buttons. For example, a Proceed to checkout button.


CTA (Call to action): Use for the most important action on the page. It takes priority over the Primary and Default buttons. Use it only once on a page. For example, a Sign in button.

A.2 Button Size

A.2 Button Size

There are three sizes of buttons that I used:


Extra Large: Use for important actions that are the primary focus on a page.

Large: Use for standard actions. This is the preferred size for most buttons.

Small: Use if space is limited. Such as in header section.

B. Colour Composition

B. Colour Composition

C. Colour Palette

C. Colour Palette

D. Icons

D. Icons

E. Typography

E. Typography

©Julianaputri. UI/UX Designer Portfolio. 2024