Smart Booking: AI Assistant for Airbnb

Smart Booking: AI Assistant for Airbnb

A redesigned booking journey powered by personalized AI interaction.

Role: UX & UI design

Tools: Figma, UX Pilot, Lovable.dev

About this Project

About this Project

This project aims to enhance Airbnb’s booking experience by integrating a personalized AI assistant. The assistant helps users find apartments based on their trip purpose, preferred style, budget, and proximity to key landmarks.

This project aims to enhance Airbnb’s booking experience by integrating a personalized AI assistant. The assistant helps users find apartments based on their trip purpose, preferred style, budget, and proximity to key landmarks.

Link to Prototype

The Main Problem

The Main Problem

Airbnb lacks AI support with goal-based search. Users scroll through endless listings without filters for trip type and mood. The content is hard to scan. For users unfamiliar with a city, this creates confusion and decision fatigue.

Airbnb lacks AI support with goal-based search. Users scroll through endless listings without filters for trip type and mood. The content is hard to scan. For users unfamiliar with a city, this creates confusion and decision fatigue.

Goal

Goal

To make booking smarter reducing time spent browsing and helping users find exactly what they need with less effort.

To make booking smarter reducing time spent browsing and helping users find exactly what they need with less effort.

JBTD

JBTD

01

To focus on creating a personal experience without worrying about logistics.

02

To easily find an apartment that matches user’s preferred style, budget, and location.

Solution

Solution

Creating an AI assistant that, after basic trip input, guides users through 4 quick steps (purpose, style, budget, landmark) and suggests top stays with a summary on interactive map.

Key features

01

AI Opt-in Pop-up appears after destination, dates, and guests are set.

02

Four-Step Smart Flow that guides the user through personalized preferences.

03

Results Screen with AI Assistant & Interactive Map.

Wireframing with AI Tools

Wireframing with AI Tools

To design the wireframes, I used two AI-based tools - UX Pilot and Lovable AI. By providing a detailed prompt outlining the project’s main goals and platform requirements, I received surprisingly insightful results. However, most features were initially clustered on the homepage, creating cognitive overload.

To design the wireframes, I used two AI-based tools - UX Pilot and Lovable AI. By providing a detailed prompt outlining the project’s main goals and platform requirements, I received surprisingly insightful results. However, most features were initially clustered on the homepage, creating cognitive overload.

Before & After

Before & After

Original Interface

The search for suitable apartments is currently manual and lacks personalization. Scanning prices on the map is time-consuming, making it hard for users to quickly compare options or find listings that match their preferences.

The search for suitable apartments is currently manual and lacks personalization. Scanning prices on the map is time-consuming, making it hard for users to quickly compare options or find listings that match their preferences.

Purposed Solution

The updated Airbnb interface is more personalized. On the left, an AI Travel Assistant provides tailored recommendations and simplifying the search experience. Color-coded prices making it easier to compare areas at a glance. A new AI Summary helps users quickly understand if an apartment is worth the money based on their budget.

The updated Airbnb interface is more personalized. On the left, an AI Travel Assistant provides tailored recommendations and simplifying the search experience. Color-coded prices making it easier to compare areas at a glance. A new AI Summary helps users quickly understand if an apartment is worth the money based on their budget.

Final Flows

Final Flows

To improve usability, I separated key features into logical sections, prioritized tasks step by step, and created a cleaner, more focused interface.

To improve usability, I separated key features into logical sections, prioritized tasks step by step, and created a cleaner, more focused interface.

Link to Prototype

Link to Prototype

After a user follows all these steps AI Assistant will provide the perfect matches to user according to his preferences. On the screen user sees ai preferences (style, romantic purpose, price, landmark), on the right side of the screen user sees interactive map.

After a user follows all these steps AI Assistant will provide the perfect matches to user according to his preferences. On the screen user sees ai preferences (style, romantic purpose, price, landmark), on the right side of the screen user sees interactive map.

👀 You scrolled all the way here? High five! ✋

👀 You scrolled all the way here?
High five! ✋