Technical Requirements
The platform needed to support email-based authentication, responsive layout for desktop and mobile, multiple payment methods (card, PayPal, on-site), and allow integration with customer support and reservation management systems
Problem/Solution
Problem: Users struggle with a complex booking process, lack of quick access to hotel services, and inefficient customer support.
Solution: A streamlined booking system with an intuitive UI, a centralized service menu, and direct customer support integration for quick assistance.
Work Process:
The process included research, wireframing, prototyping, and testing to ensure a smooth user experience. Collaboration with stakeholders and iterations based on feedback were essential to refining the design.
__________________________
1-Research – Competitor analysis, user needs evaluation.
2. User Flow & IA – Structuring information and optimizing navigation.
3. Wireframing – Creating low-fidelity prototypes.
4. UI Design – Designing high-fidelity interfaces.
5. Testing & Iteration – Conducting usability tests and refining the design.
6. Handoff – Preparing assets for development.
My Role
I was responsible for user experience research, wireframing, prototyping, UI design, and usability testing, ensuring a seamless and efficient booking process.
Design Process
The process followed a user-centered approach, starting from research, wireframing, UI design, and iterative improvements based on user testing.
Design Strategy
The strategy focused on simplicity, accessibility, and efficiency, ensuring a seamless experience with a minimalist design and clear navigation.
User Research
User research included surveys, competitor analysis, and usability testing, identifying key pain points in booking, service navigation, and payment processing.
User Persona
A detailed user persona was created based on research, representing the target audience’s needs, goals, and behaviors. This helped in designing a more personalized and efficient user experience.
__________________________
Name: Paula Smidt
Age: 34
Occupation: Business Consultant
Needs: Quick and easy hotel booking, fast access to services, seamless check-in/check-out.
Pain Points: Complicated booking process, lack of mobile-friendly UI, difficulty in modifying reservations.
Empathy Map
The empathy map visualized what users think, feel, say, and do, helping to identify frustrations and motivations. This guided design decisions to create a more user-friendly experience.
__________________________
• Think & Feel: Wants efficiency, dislikes slow processes.
• Hear: Recommends from colleagues, online reviews.
• See: Clear service listings, easy navigation.
• Say & Do: Prefers fast, self-service booking.
• Pain: Confusing interfaces, hidden fees.
• Gain: A seamless, intuitive, and fast booking process.
Information Architecture
The platform’s IA was structured to ensure easy navigation, with clear categories for booking, profile management, and customer support. A well-organized menu system improved usability.
__________________________
1. Home Page – Quick access to booking and hotel services.
2. Sign-Up/Login – Email-based authentication.
3. Main Menu – Overview of available services.
4. Booking Section – Rooms, restaurant, and conference hall.
5. Payment Gateway – Multiple payment methods.
6. User Profile – Booking history, preferences, and support.
User Flow
The user flow mapped out the entire journey from registration to booking confirmation, ensuring a logical and efficient experience. Each step was optimized to minimize friction and enhance engagement.
This structured approach helped create a functional, user-friendly, and visually appealing booking system for BankHotel
__________________________
1.Sign Up/Login – User registers via email.
2. Main Dashboard – Access to booking, services, and profile.
3.Booking Process – Select date, room type, additional services.
4. Payment – Choose method, confirm booking.
5.Confirmation – Email confirmation & history update.
UX Research Results
Through surveys and user interviews, I discovered that users were frustrated with hidden costs, too many booking steps, and unclear service details. Most users wanted faster booking, transparent pricing, and a reliable communication channel with hotel staff.
How I Applied UX Research
to UI Design a Project
As the sole designer on the project, I translated research findings into a simple and functional layout, focusing on accessibility and speed. Every screen was designed to minimize friction, guide the user step-by-step, and clearly communicate booking details, which improved both usability and conversion rates.
Finaly Thouts
1. User Needs & Pain Points
Users want a fast and intuitive booking system for hotel rooms, restaurants, and conference halls.
Many struggle with complicated navigation and too many steps during booking.
Clear communication with customer support is essential, especially for changes or cancellations.
2. Competitor Analysis
Successful hotel platforms use minimalist design, quick booking options, and clear call-to-actions.
Some competitors lack personalization, leading to user frustration.
Incorporating additional services (like breakfast, childcare, and transfers) within the booking process improves engagement.
3. User Behavior Insights
Most users prefer email registration for convenience.
Many users book on mobile devices, emphasizing the need for responsive design.
Users appreciate secure and multiple payment options (card, PayPal, payment on-site).
4. UX/UI Preferences
A clean, modern, and easy-to-navigate design is crucial.
Straightforward flows with minimal steps improve conversion rates.
Clear visual hierarchy and icons enhance usability.
5. Improvements for the Platform
Implement a step-by-step booking process with minimal clicks.
Add a booking history section for easy tracking and cancellations.
Include user profile management for saving preferences and faster future bookings.
These research findings guided the design decisions to create a smooth, user-friendly, and efficient booking experience for BankHotel.
Multi-page website for a luxury hotel
Client
BankHotel
Sector:
Multi-page Website
Concept
BankHotel is a luxury hotel booking platform designed to simplify the reservation process for guests. The goal was to create a seamless, fast, and intuitive experience for booking rooms, restaurants, or conference halls, while also allowing easy access to services and customer support.
My Role
UI/UX Designer
Year:
2024
Website Adaptability
Desktop - 1440 х 1024
Tablet - 834 х 1194
Mobil - 320 х 568