loading...

Booked AI
Web App

Internship

Lead Designer - team of 3

AI Product Web Application

Project Brief

Booked AI Web Application

Booked AI Web Application

Main Objective

Design a web application interface based on current mobile app and brand guidelines.

My Contribution

Designed Web App MVP and B2B Solution, resulting in a currently-finalizing corporate deal.

Team and Role

Working as Lead Designer, working with CEO and CTO.

Time Span and result

MVP flows finished in 5 weeks, B2B solution finished in 1 week.

Booked AI is a AI travel agent company in Melbourne aiming to revolutionize travel industry.

Interesting fact: I got to know this amazing group by literally walking into every coworking space and trying to hand physical resume copies :>

Client's Ask

Design a web application interface for the current mobile product.

Can't Wait?

Straight to result

Competitive Research

Learn about Us, Others, Market...

About Us

Our Edge

What We Offer

Focusing on intention, not operation. We search flights based on users asks, from preferred time periods to favorite airlines or alliances.

Make changes with ease, just like assigning AI agents to sort things out for you.

Automatically finding the best hotel and airline tickets that would fit around the itinerary, instead of the other way around, allowing more time and focus on things that matter.

What Users Want

A booking system that knows their travel habits when booking, generating the best booking options.

Delivered

More flexibility in booking options, such as multi-city flights and flexible dates.

Delivered

Most trip plannings orbits around hotel bookings and flight bookings. That is rarely taken into considerations, even with travel agents.

Delivered

About Others (Layla, Mindtrip)

Competitors Analysis

Strength

Our competitors have hands-on experience in the travel industry, serving travellers from start to end. This firsthand knowledge of workflows and pain points gives them a clearer understanding of the problem space.

Weakness

The problem space still faces challenges. There are some fundamental things like travellers' emotions or chaos that AI model nowadays would not be able to best solve.

Opportunity

Our competitors have not yet conquered all pain points in travel yet. In other words, the current AI solutions still feels like a ChatGPT in a different interface. Most solutions don't have booking capabilities which WE HAVE.

Threat

The industry is developing at an extraordinary speed, With all those investments, companies like Layla would have the resources to map out the features faster than us.

About Market

Hopes and

It notes that the travel market is a late adopter of the AI wave, indicating "great potentials for market."

It describes travel planning and booking as a "troublesome topic" that AI can solve.

It highlights the booming Online Travel Agency (OTA) industry, driven by tech innovation, which gives people freedom to plan trips without traditional travel agents.

The next wave is coming soon. And it would be with AI.

Market trends graph showing AI Travel, Human Travel Agents, and OTA from 2024 to 2030

Concerns

Multiple KOLs in AI industry express concerns and questions for the AI industry at this moment to solve complex problems in travel industry.

Great human resources are still implemented, such as customer services for airlines, manual ticket checkers and tour guiding, security, as well as restaurant's open times etc., suggesting these are potential pain points or areas where AI might struggle with emergency incidents on trip.

Research Outcome

Main Takeaways

Larger screen = more possibility for content

Meaningful content! Content that can help drive travel decisions

Opportunity for additional features like searching and planning so that users can take control.

Build for Trust

Show excessive information, repeat users' inputs, double-triple check.

Make navigation easy so that users won't ever think about clicking back button on browser.

Expand!

AI is a core to unlimitedness, grasp all opportunities that can improve people's experience.

Have an established system for further expansion.

Problem Definition

Our Scope & Gameplan

MVP

  • A web interface containing all existing features
  • Enabling fast and efficient trip planning and modification
  • Clear and excessive information display to keep users aware of progress and trip details

Explorations

  • B2B SaaS interface for corporate trip plannings
  • Contains all current features
  • Add relevant features like
    • Approval Flows
    • Budget Summary
  • MVP to showcase to potential corporate clients and investors

Design Features

Design Features

Mobile Result UI

Designing a flow to display and give user three options that AI came up with.

Web App Booking

Designing a flow to display and give user three options that AI came up with.

Design for iterative process

Design System Update

Making appendments to previous established design system along the way so components on web can be reused.

Design System UpdateDesign System Update

New Opportunities

Further Explorations

With this web application setup, we would not only be able to give everyday consumer a better experience, but also opens doors to corporate travel solution as a software service.

Main Corporate Pain Points

Complex Approval Flows exist in legacy systems

Disconnection between travel booking system with corporate management system

Wants to save time in searching for flights and accommodation options

Corporate Solution

Designing a flow for corporate users to use Booked AI to manage company travels.

Partnership page on website

Designing a website page for potential corporate clients to outreach for partnerships.

Impact & Value

Results

Scratch to Launch in 2 weeks

Enabled the launch of the web application in just 2 weeks, allowing the team to be ahead of the investors outreach schedule.

1 Incoming Corp Client finalizing

In all the outreaches, there is an international client interested in our solution and a deal is incoming. Most information is NDA at the moment.

50% more outreach on website

The outreach form on the enterprise page on booked.ai would receive 50%+ more outreaching messages after the launch

B2C before, now also B2B

After seeing possibility in corporate solutions, Booked AI is able to outreach new types and batches clients offering white labeling service.

Foundation to 3 new features

The web application provides a platform and structure to incoming new travel planning features.

Reflection & Learnings

Takeaways

This is the first client project after my graduation. I was fully involved in the startup's fast-paced working flow in iteration and development process. With close work around the CEO and CTO, I was able to produce quality work that matches the pace of industry growth. Seeking more user friendly options in information displaying and interaction, I was also able to see how AI can change the world, also how much it is lacking comparing to a fully autonomous and intuitive agent. This experience doesn't limit only on UI/UX and engineering development process, but also lots of other aspects including marketing, sales growth, contacting investors and growing as a company. This gave me a clearer understanding on how AI startups or startups in any industry are doing. Although I might not have the full time in Australia to see Booked AI's success, I did see a snippet of how everything works.

Seeing something you like?

Steven Wang - Designer
Next Case Study →