Homeline
Homeline
How can we
make booking places easier?
How can we make
booking places easier?
How can we make booking places easier?
I designed a concept app that allows people to book allows people to search and book rooms, apartments, and places all over the world.
I designed a concept app that allows people to book allows people to search and book rooms, apartments, and places all over the world.
I designed a concept app that allows people to book allows people to search and book rooms, apartments, and places all over the world.
Overview
Overview
Homeline allows people to search and book rooms, apartments, and places.
Homeline allows people to search and book rooms, apartments, and places.
I wanted to design an app that was simple and easy for everyone to book apartments. To simplify the booking process, I needed to understand users' pain points and find a solution that would meet the users' needs.
I wanted to design an app that was simple and easy for everyone to book apartments. To simplify the booking process, I needed to understand users' pain points and find a solution that would meet the users' needs.
Industry
Real Estate
Role
UI/UX Designer
Timeline
3 Months
Tools
Figma
Industry
Real Estate
Timeline
3 Months
Role
UI/UX Designer
Tools
Figma
Design Process
Design Process
1.
1.
Research
Research
Market Research
User Research
Competitor Analysis
2.
2.
Strategy
Strategy
Information Architecture
User Flow
3.
3.
Design
Design
Wireframes
Style Guide
4.
4.
Testing
Testing
Prototyping
Usability Testing
Iteration
User Research
User Research
We needed to figure out what bothers people most when they use similar apps.
We needed to figure out what bothers people most when they use similar apps.
That's why we conducted interviews to ask users to share what issues they face during the booking process.
That's why we conducted interviews to ask users to share what issues they face during the booking process.
Arthur Henry
"It's hard to find places with flexible dates on Booking.com. I would also like to see how the prices are changing."
Arthur Henry
"It's hard to find places with flexible dates on Booking.com. I would also like to see how the prices are changing."
Jasmine Sharma
"I like that Booking.com marks the viewed housing on the map, but I don't like how they reset these marks the next day."
Jasmine Sharma
"I like that Booking.com marks the viewed housing on the map, but I don't like how they reset these marks the next day."
Arlene Lane
"I don't like that Airbnb shows the cost per night instead of the full cost of housing when searching on the map."
Arlene Lane
"I don't like that Airbnb shows the cost per night instead of the full cost of housing when searching on the map."
Kevin Tang
"I would like to immediately see both available and unavailable booking dates in the calendar."
Kevin Tang
"I would like to immediately see both available and unavailable booking dates in the calendar."
Julia Howard
"I would like to get more information about the room: where it's located, what's in the room, and what are it's coordinates on the map."
Julia Howard
"I would like to get more information about the room: where it's located, what's in the room, and what are it's coordinates on the map."
Darrell Steward
"I don't like that the process of booking and paying places, I find it quite long and complicated."
Darrell Steward
"I don't like that the process of booking and paying places, I find it quite long and complicated."
Solution
After analyzing the user feedback, I came up with the following solutions:
These were the three key insights I discovered.
After analyzing the user feedback, I came up with the following solutions that would meet the interviewees pain points.
After analyzing the user feedback, I came up with the following solutions that would meet the interviewees pain points.
Booking Dates
Show both available and unavailable booking dates in the calendar.
Booking Dates
Show both available and unavailable booking dates in the calendar.
Show Final Price
Show the final price for the entire booking period in listings.
Show Final Price
Show the final price for the entire booking period in listings.
Mark Viewed Places
Mark viewed housing so users know which ones they have already checked.
Mark Viewed Places
Mark viewed housing so users know which ones they have already checked.
Detailed Information
Give users comprehensive information about rooms, location, and amenities.
Detailed Information
Give users comprehensive information about rooms, location, and amenities.
Show Price Chart
Show the price chart so that users know how the pricing changed over time.
Show Price Chart
Show the price chart so that users know how the pricing changed over time.
Simplify Booking
Simplify the booking process so it is easy and seamless for the users.
Simplify Booking
Simplify the booking process so it is easy and seamless for the users.
User Flow
User Flow
Mapping a seamless user flow from place listing to booking.
Mapping a seamless user flow from place listing to booking.
I mapped out the user journey from homepage to browsing places, information page, and the booking process, to ensure a seamless and intuitive experience.
I mapped out the user journey from homepage to browsing places, information page, and the booking process, to ensure a seamless and intuitive experience.
Wireframes
Wireframes
Designing from a blank canvas to mid-fidelity wireframes.
Designing from a blank canvas to mid-fidelity wireframes.
I created wireframes to provide a visual layout and structure for elements like navigation, listings, filters, and bookings.
I created wireframes to provide a visual layout and structure for elements like navigation, listings, filters, and bookings.
Style Guide
Style Guide
I established consistent visual and design components.
I established consistent visual and design components.
I established consistent visual and design elements, including color palettes, typography, iconography, and button styles, ensuring a cohesive and visually appealing user interface that is clean and modern.
I established consistent visual and design elements, including color palettes, typography, iconography, and button styles, ensuring a cohesive and visually appealing user interface that is clean and modern.
Final Design
Final Design
Designing a simple, engaging, and frictionless booking experience.
Designing a simple, engaging, and frictionless booking experience.
My challenge was to optimize the user experience by simplifying the interface and adding features that users wanted.
My challenge was to optimize the user experience by simplifying the interface and adding features that users wanted.
Easy Navigation
Easy Navigation
I designed the navigation according to the iOS guidelines by using a navigation stack. On the main screen, we added a suggestion section based on the users' interest.
I designed the navigation according to the iOS guidelines by using a navigation stack. On the main screen, we added a suggestion section based on the users' interest.
Flexible Search
Flexible Search
On the search screen, I made it possible to select a place, dates, and the number of guests. Users can either select specific dates or subscribe to updates on selected destinations. We also added the ability to choose flexible dates to find the best deals.
On the search screen, I made it possible to select a place, dates, and the number of guests. Users can either select specific dates or subscribe to updates on selected destinations. We also added the ability to choose flexible dates to find the best deals.
Search Results
Search Results
On the search screen, I made it possible to select a place, dates, and the number of guests. Users can either select specific dates or subscribe to updates on selected destinations. We also added the ability to choose flexible dates to find the best deals.
On the search screen, I made it possible to select a place, dates, and the number of guests. Users can either select specific dates or subscribe to updates on selected destinations. We also added the ability to choose flexible dates to find the best deals.
The design choices of the property screen based on user feedback.
The design choices of the property screen based on user feedback.
The property screen was one of the most important pages in booking applications. When designing the screen, I tried to consider the needs of the users from the survey.
The property screen was one of the most important pages in booking applications. When designing the screen, I tried to consider the needs of the users from the survey.
Booking Calendar
Booking Calendar
I simplified the booking calendar and made it intuitive to for the user to select dates and book the accomodation.
I simplified the booking calendar and made it intuitive to for the user to select dates and book the accomodation.
A Seamless
Booking Process
A Seamless
Booking Process
Users may feel overwhelmed when asked to fill out a bunch of personal information. Therefore, I decided to limit the form fields to just first and last name, and phone number to confirm the booking.
Users may feel overwhelmed when asked to fill out a bunch of personal information. Therefore, I decided to limit the form fields to just first and last name, and phone number to confirm the booking.
Multiple Payment
Methods
Multiple Payment Methods
I also reduced the number of booking steps and added multiple payment methods at checkout. Users can choose to pay with a bank card, PayPal, or Apple Pay. They are also able to select an existing linked card or add a new one.
I also reduced the number of booking steps and added multiple payment methods at checkout. Users can choose to pay with a bank card, PayPal, or Apple Pay. They are also able to select an existing linked card or add a new one.
Completion Screen
Completion Screen
On the booking completion screen, I added a "See similar options" button so users can consider other suggestions of similar destinations. This would increase the number of bookings.
On the booking completion screen, I added a "See similar options" button so users can consider other suggestions of similar destinations. This would increase the number of bookings.
Explore Other Work
Explore Other Work
TechHub · Web Design
How Can We Increase Conversion Rates?
TechHub is an e-commerce website designed to provide a seamless experience shopping electronic gadgets online.
Projectify · Web Design
How Can We Optimize Web App Onboarding?
I investigated why there was a 32% drop in monthly active users, 85% bounce rate, and a stagnant 20% sign-up rate.
FinPay · App Design
How Can We Make Payments Easier?
FinPay is a concept app that enables users to seamlessly send and receive payments, make purchases, and track transactions.
TV Guide · App Design
How Can We Improve Movie Discovery?
TV Guide is the ultimate destination to easily and quickly discover what, when, and where to watch, anytime, anywhere.
Homeline · App Design
How Can We Simplify The Booking Process?
Homeline is a concept app that allows people to easily to search and book rooms, apartments, and places all over the world.
Caremerge · App Design
Connecting Family To Senior Care Providers.
Caremerge connects family members to care providers so they can check up on their loved ones in senior care.
School Apply · Web Design
Helping Students Land Their Dream Schools.
School Apply helps students find, compare, and apply to any school or program around the world with consultation and support.
JCCSF · Email Design
How Can We Increase Email Engagement?
I designed and optimized JCCSF's email campaign template to increase clickthough rate and subscriber engagement.
TechHub · Web Design
How Can We Increase Conversion Rates?
TechHub is an e-commerce website designed to provide a seamless experience shopping electronic gadgets online.
Projectify · Web Design
How Can We Optimize Web App Onboarding?
I examined why there was a 32% drop in monthly active users, 85% bounce rate, and a 5% sign-up rate after a UI update.
FinPay · App Design
How Can We Make Payments Easier?
FinPay is a concept app that enables users to seamlessly send and receive payments, make purchases, and track transactions.
Homeline · App Design
How Can We Simplify The Booking Process?
Homeline is a concept app that allows people to easily to search and book rooms, apartments, and places all over the world.
TV Guide · App Design
How Can We Improve Movie Discovery?
TV Guide is the ultimate destination to easily and quickly discover what, when, and where to watch, anytime, anywhere.
Caremerge · App Design
Connecting Family To Senior Care Providers.
Caremerge connects family members to care providers so they can check up on their loved ones in senior care.
School Apply · Web Design
Helping Students Land Their Dream Schools.
School Apply helps students find, compare, and apply to any school or program around the world with consultation and support.
JCCSF · Email Design
How Can We Increase Email Engagement?
I designed and optimized JCCSF's email campaign template to increase clickthough rate and subscriber engagement.