Scope
UI Design
Team / Individual
Personal
Domain
Travel, Booking
Overview
Homestay Booking is a mobile UI design project focused on creating a seamless and visually appealing booking experience for travelers. The goal was to design an intuitive interface that allows users to search, explore, and reserve homestays effortlessly. The project emphasizes clean layout structure, visual hierarchy, and user-friendly interactions to ensure a modern and trustworthy look and feel.
Problem statement
Many booking platforms struggle with overwhelming layouts and unclear navigation, making it difficult for users to find the right accommodation quickly. The challenge was to design a mobile interface that simplifies the booking journey while maintaining visual warmth and usability.
Objectives
Design a smooth, efficient, and visually consistent booking experience. Focus on clarity, comfort, and trust through a balanced combination of typography, color, and imagery. Build a visual language that feels approachable, reliable, and easy to understand at a glance.
Empathy
The concept was developed from studying the needs of modern travelers who value convenience and confidence when booking online. They want to browse effortlessly, compare options, and complete a reservation within minutes. The interface needed to remove friction, reduce visual noise, and enhance key decision points.
Define
The design direction centered around three priorities: simplicity, readability, and emotional warmth. The goal was to create a booking flow that feels straightforward yet delightful — where every interaction, from search to confirmation, feels calm and intuitive.
Ideate
The interface was designed with a modular structure based on card layouts and clear navigation. Core screens included Home, Search, Homestay Details, Booking, and User Profile. The visual palette combined neutral tones with warm highlights, soft shadows, and rounded shapes to evoke comfort and familiarity.
Prototype
High-fidelity prototypes were built in Figma to simulate real user flows such as searching for destinations, selecting homestays, and completing bookings. Transitions between screens were designed to be smooth and responsive, maintaining a sense of continuity and ease. Attention was given to spacing, typography, and touch targets for a clean, mobile-friendly experience.
Test
Peer reviews and user feedback sessions focused on flow efficiency, button placement, and content clarity. Users appreciated the calm color palette, spacious layout, and straightforward booking process. Small refinements were made to enhance text contrast and call-to-action visibility.
Solution
The final UI presents a cohesive and modern mobile booking experience. Soft visuals, balanced spacing, and consistent icons help establish trust and clarity. Micro-interactions enhance engagement without overwhelming the interface. Every element — from the search bar to booking confirmation — was designed to feel natural, effortless, and elegant.