KAYAK · 2024–2025 · 0-to-1 AI product

Building KAYAK.ai's interaction model and component system

KAYAK.ai was the company's standalone AI travel assistant, built 0 to 1 by a four-person team. I defined its information architecture and interaction model, the layer that connects natural-language prompts to structured metasearch results, and built it as a component system rather than a set of screens. That decision is why a full rebrand later landed as configuration instead of a rebuild.

Role
Product Designer · IA, interaction model, AI component system
Team
Four-person founding team; product, engineering, brand
Timeline
June 2024–2025 · launched April 2025
Scope
Information architecture, interaction model, AI design system
KAYAK.ai home: a single prompt workspace asking 'What's your trip plan?' with a history of saved trips
A single workspace for trip planning. One natural-language entry point, with prior plans kept on hand, rather than a forest of search forms.

Why it mattered

0→1
Defined IA and interaction model from scratch
4-person
Founding team, starting June 2024
10
Widget variations from one structure

The brief

Turn natural language into real travel actions

The project began in June 2024 with a four-person team exploring how freeform queries could become actionable searches. I defined the IA and interaction model, designing how GPT-generated responses and KAYAK's structured data combine into one adaptable results layout. The goal was a single workspace covering where to travel, when to travel, and what to book.

A ChatGPT-style prompt translated into KAYAK filters, then rendered as KAYAK.ai results
How KAYAK.ai works. A prompt is parsed into KAYAK's structured filters, then returned as live, bookable results, the bridge between an LLM and a metasearch engine.

The approach

Design for reuse before visual detail

Rather than polishing one screen, I designed for reusability and scalability. After the first launch we needed to broaden the product quickly, so I built a compact AI design set on top of KAYAK's existing design system: an atomic UI structure that could be assembled and expanded as requirements shifted.

Atomic design structure: atoms (buttons, prompts) composing into molecules and a full organism
Atoms to organism. Small, reusable pieces assemble into prompt components and full result surfaces, so new features snap together instead of being redrawn.

System-driven design

Built to absorb change

Because components were structured for flexible adaptation, the system absorbed change cheaply. When the branding team introduced a new visual strategy, applying a full light theme was a configuration change, not a rebuild. The same structure let the live-data widgets, each with a clear header and body, expand into ten variations in a short window.

The KAYAK.ai results page shown in a v1 dark theme beside a v2 light theme
One system, two themes. The dark-to-light theme switch landed smoothly because the components were already built for adaptation.

How I worked

  • Defined the model, not just screens

    Set the IA and interaction model connecting LLM prompts to structured metasearch from the earliest stage.

  • Built on the system, not net-new

    A compact AI design set on KAYAK's existing design system, so a small team could scale fast and a later dark-to-light rebrand applied as configuration, not a rebuild.

  • Structured widgets to expand

    One header-and-body model let live-data widgets grow to ten variations quickly.

  • Kept the flow all-in-one

    A right-side detail view reused KAYAK's product pages so users compared without leaving the AI workflow.

  • What I didn't build

    No bespoke layout per widget; that single structure is what let the product scale on a four-person team.

Collaboration & ownership

Setting the foundation others build on

  • Product
  • Engineering
  • Brand

As the design lead on a four-person founding team, I owned the IA and interaction model that connects LLM prompts to KAYAK's structured metasearch, the layer the rest of the AI product is built on. That foundation is now being carried into KAYAK's core surfaces by a dedicated embedding team.

  1. Explore, Jun 2024

    Joined a four-person team to turn freeform queries into actionable searches.

  2. Define

    Set the IA and interaction model bridging GPT responses and KAYAK's structured data.

  3. Systematize

    Built an atomic AI design set; absorbed a dark-to-light rebrand and expanded to ten widget variations.

  4. Hand off

    Patterns now feed a dedicated team embedding AI across KAYAK's core product.

What's next

From standalone to embedded

A year after launch, a new team formed to bring these AI capabilities into KAYAK's core product, and the patterns defined here became the foundation for it. I carried the early components forward into reusable pieces for any KAYAK surface. That work continued in the embedded chat case study, and that ended with the standalone site folding into kayak.com/ai entirely.