Overview

Solution

Problem

Iterations

Reflections

Go to top

Asset A

AI concept

Swift UI

UI Design

What if AI agents pick our travel destinations?

Bubbly AI is an AI concept design project, focusing on quick design iterations on swift UI, creating a fun and delightful engagement with AI agent based decision making.

My Role

Created a conceptual AI product focused on multi-persona decision making

Timeline

2 weeks

team

1 engineer 1 designer (Me)

Tools

Figma Swift

AI concept

Swift UI

UI Design

What if AI agents pick our travel destinations?

Bubbly AI is an AI concept design project, focusing on quick design iterations on swift UI, creating a fun and delightful engagement with AI agent based decision making.

My Role

Created a conceptual AI product focused on multi-persona decision making

Timeline

2 weeks

team

1 engineer 1 designer (Me)

Tools

Figma Swift

AI concept

Swift UI

UI Design

What if AI agents pick our travel destinations?

Bubbly AI is an AI concept design project, focusing on quick design iterations on swift UI, creating a fun and delightful engagement with AI agent based decision making.

My Role

Created a conceptual AI product focused on multi-persona decision making

Timeline

2 weeks

team

1 engineer 1 designer (Me)

Tools

Figma Swift

Overview
Overview
Overview
About Bubbly

Bubbly is an AI concept design project, focusing on quick design iterations on swift UI, creating a fun and delightful engagement with AI agent based decision making.

About Bubbly

Bubbly is an AI concept design project, focusing on quick design iterations on swift UI, creating a fun and delightful engagement with AI agent based decision making.

About Bubbly

Bubbly is an AI concept design project, focusing on quick design iterations on swift UI, creating a fun and delightful engagement with AI agent based decision making.

Mission

1

Have fun in envisioning a new AI product

2

Develop an UI that can increase user engagement.

Mission

1

Have fun in envisioning a new AI product

2

Develop an UI that can increase user engagement.

Task details

1

Have fun in envisioning a new AI product

2

Develop an UI that can increase user engagement.

Impact

Impact

Mastering UI for AI

Created a cohesive, beautiful UI design system

Delightful & Engaging

Interactive bubbles that act as user's proxy

Everyone is talking about AI but I found it hard to dive deeper into "UI" part for AI products. This project, experimenting with an engineer, gave me the opportunity to execute the latest iOS 26 glass interfaces while exploring the fun & delightful interactions with "bubbles".

This project helped me build confidence in designing glass-style interfaces while sharpening my ability to manage design systems. I focused on crafting By embracing quick iterations and an exploratory mindset, I was able to design playful elements—like

solution

An AI that allows multi-persona decision making

I identified key UX issues in the existing Campground Wishlist feature, noting the absence of key information and usability issues. I proposed a redesigned solution to improve the reservation rate, ultimately aiming to boost revenue.

solution

An AI that allows multi-persona decision making

I identified key UX issues in the existing Campground Wishlist feature, noting the absence of key information and usability issues. I proposed a redesigned solution to improve the reservation rate, ultimately aiming to boost revenue.

solution

An AI that allows multi-persona decision making

I identified key UX issues in the existing Campground Wishlist feature, noting the absence of key information and usability issues. I proposed a redesigned solution to improve the reservation rate, ultimately aiming to boost revenue.

01/ Main Features
01/ Main Features
01/ Main Features
solution 4 - Curated Results

Deal maker!

No drama, no oversharing. Bubbly will curate options based on each proxy's unique preferences analyses.

solution 3- virtual discussions

Put your cards on the table ♣️

AI will express your preferences for you, making it easier for the group to decide together.

solution 2- Edit your proxy

Talk to fine-tune your trip taste

Interact with AI to adjust preference weights or receive recommended tags.

solution 1 - Make your proxy

Create your proxy with bubbles

Make trip planning fun. Set preferences and weights through playful bubbles and build your AI trip proxy.

solution 4 - Curated Results

Deal maker!

No drama, no oversharing. Bubbly will curate options based on each proxy's unique preferences analyses.

solution 3- virtual discussions

Put your cards on the table ♣️

AI will express your preferences for you, making it easier for the group to decide together.

solution 2- Edit your proxy

Talk to fine-tune your trip taste

Interact with AI to adjust preference weights or receive recommended tags.

solution 1 - Make your proxy

Create your proxy with bubbles

Make trip planning fun. Set preferences and weights through playful bubbles and build your AI trip proxy.

solution 4 - Curated Results

Deal maker!

No drama, no oversharing. Bubbly will curate options based on each proxy's unique preferences analyses.

solution 3- virtual discussions

Put your cards on the table ♣️

AI will express your preferences for you, making it easier for the group to decide together.

solution 2- Edit your proxy

Talk to fine-tune your trip taste

Interact with AI to adjust preference weights or receive recommended tags.

solution 1 - Make your proxy

Create your proxy with bubbles

Make trip planning fun. Set preferences and weights through playful bubbles and build your AI trip proxy.

02/ Problem
02/ Problem
02/ Problem
what sparked this idea

We have AI agents. Why not make them help group decision-making?

what sparked this idea

We have AI agents. Why not make them help group decision-making?

what sparked this idea

We have AI agents. Why not make them help group decision-making?

1

Current AIs are built for individuals, not groups

Today’s AI can plan a trip, recommend our next favorite movies. But when it comes to making decisions together, we’re still on our own, using non-AI tools.

1

Current AIs are built for individuals, not groups

Today’s AI can plan a trip, recommend our next favorite movies. But when it comes to making decisions together, we’re still on our own, using non-AI tools.

1

Current AIs are built for individuals, not groups

Today’s AI can plan a trip, recommend our next favorite movies. But when it comes to making decisions together, we’re still on our own, using non-AI tools.

2

Group decisions are messy and difficult

We all have different needs, priorities, and preferences. So often, we give up what matters to us just to keep things simple. But what if AI could help us find a better middle ground, for all?

2

Group decisions are messy and difficult

We all have different needs, priorities, and preferences. So often, we give up what matters to us just to keep things simple. But what if AI could help us find a better middle ground, for all?

2

Group decisions are messy and difficult

We all have different needs, priorities, and preferences. So often, we give up what matters to us just to keep things simple. But what if AI could help us find a better middle ground, for all?

Competitive Analysis

How do current travel platforms use AI, and do they support collaborative group decision-making?

With an initial hypothesis that current AI services won't support group decision making, I tested a scenario of [planning a trip to Santa Fe with 3 friends who have different travel preferences and budgets].

Competitive Analysis

How do current travel platforms use AI, and do they support collaborative group decision-making?

With an initial hypothesis that current AI services won't support group decision making, I tested a scenario of [planning a trip to Santa Fe with 3 friends who have different travel preferences and budgets].

Competitive Analysis

How do current travel platforms use AI, and do they support collaborative group decision-making?

With an initial hypothesis that current AI services won't support group decision making, I tested a scenario of [planning a trip to Santa Fe with 3 friends who have different travel preferences and budgets].

No AI feature for groups

Even when AI was used, it was 1 person recommendation system and it didn't work in group decision-making.

No AI feature for groups

Even when AI was used, it was 1 person recommendation system and it didn't work in group decision-making.

No AI feature for groups

Even when AI was used, it was 1 person recommendation system and it didn't work in group decision-making.

No dynamic, group-aware preference setting

None of the platforms allows let users collaborately set filters/ preferences. There’s no way to balance or weigh inputs across group members.

No dynamic, group-aware preference setting

None of the platforms allows let users collaborately set filters/ preferences. There’s no way to balance or weigh inputs across group members.

No dynamic, group-aware preference setting

None of the platforms allows let users collaborately set filters/ preferences. There’s no way to balance or weigh inputs across group members.

Weak decision-making support

Airbnb has up/down voting, and TripAdvisor has comments. But neither helps users toward a shared decision.

Weak decision-making support

Airbnb has up/down voting, and TripAdvisor has comments. But neither helps users toward a shared decision.

Weak decision-making support

Airbnb has up/down voting, and TripAdvisor has comments. But neither helps users toward a shared decision.

Airbnb

Airbnb had the most usable & transparent voting feature to support group decision making.

Tripadvisor

Tripadvisor also had a group wishlist, but lacked additional features to share opinions beyond text-based comments.

03/ Ideation
03/ Ideation
03/ Ideation
Initial brainstorming

What are design opportunities?

Through competitive analysis, I discovered design opportunities for this AI concept.

Initial brainstorming

What are design opportunities?

Through competitive analysis, I discovered design opportunities for this AI concept.

Initial brainstorming

What are design opportunities?

Through competitive analysis, I discovered design opportunities for this AI concept.

AI for a group, not just individuals

I envisioned a recommender system that can interpret and reconcile inputs from multiple users, generating suggestions that reflect the "group" perspective.

AI for a group, not just individuals

I envisioned a recommender system that can interpret and reconcile inputs from multiple users, generating suggestions that reflect the "group" perspective.

AI for a group, not just individuals

I envisioned a recommender system that can interpret and reconcile inputs from multiple users, generating suggestions that reflect the "group" perspective.

Enable dynamic preference input

The new design should allow users to set filters collaboratively, and adjust individual priorities and preferences.

Enable dynamic preference input

The new design should allow users to set filters collaboratively, and adjust individual priorities and preferences.

Enable dynamic preference input

The new design should allow users to set filters collaboratively, and adjust individual priorities and preferences.

Lower the inconvenience, raise the fun

By leveraging criteria-based recommender, we can ease the burden of manual compromise and negotiation, unlike the current reliance on text-based comments.

Lower the inconvenience, raise the fun

By leveraging criteria-based recommender, we can ease the burden of manual compromise and negotiation, unlike the current reliance on text-based comments.

Lower the inconvenience, raise the fun

By leveraging criteria-based recommender, we can ease the burden of manual compromise and negotiation, unlike the current reliance on text-based comments.

Concept

Bubble-inspired, playful trip planning!

Inspired by Apple’s Image Playground, I created a moodboard for an interaction that combines a glass-like aesthetic with flexible, dynamic behavior.

Concept

Bubble-inspired, playful trip planning!

Inspired by Apple’s Image Playground, I created a moodboard for an interaction that combines a glass-like aesthetic with flexible, dynamic behavior.

Concept

Bubble-inspired, playful trip planning!

Inspired by Apple’s Image Playground, I created a moodboard for an interaction that combines a glass-like aesthetic with flexible, dynamic behavior.

Wireframes

Quickly sketching out the main flows.

Considering components, and the overall design system, I quickly sketched the main flows of (1) editing preferences, (2) group-AI curation process, and (3) voice/image-based AI interactions.

Wireframes

Quickly sketching out the main flows.

Considering components, and the overall design system, I quickly sketched the main flows of (1) editing preferences, (2) group-AI curation process, and (3) voice/image-based AI interactions.

Wireframes

Quickly sketching out the main flows.

Considering components, and the overall design system, I quickly sketched the main flows of (1) editing preferences, (2) group-AI curation process, and (3) voice/image-based AI interactions.

Flow 1

1. Edit preference for my proxy 2. Adjust weight of each preferences 3. Share my proxy with friends

Flow 1

1. Edit preference for my proxy 2. Adjust weight of each preferences 3. Share my proxy with friends

Flow 1

1. Edit preference for my proxy 2. Adjust weight of each preferences 3. Share my proxy with friends

Flow 2

1. Add trip details 2. AI analyzes each proxy's preferences. 3. AI suggests curated destinations, by prioritizing diffent preferences.

Flow 2

1. Add trip details 2. AI analyzes each proxy's preferences. 3. AI suggests curated destinations, by prioritizing diffent preferences.

Flow 2

1. Add trip details 2. AI analyzes each proxy's preferences. 3. AI suggests curated destinations, by prioritizing diffent preferences.

Flow 3

1. Chat with AI to adjust preference weight or receive recommended tags. 2.Upload images to get more personalized or related keywords (bubbles).

Flow 3

1. Chat with AI to adjust preference weight or receive recommended tags. 2.Upload images to get more personalized or related keywords (bubbles).

Flow 3

1. Chat with AI to adjust preference weight or receive recommended tags. 2.Upload images to get more personalized or related keywords (bubbles).

4/ Design Iterations
4/ Design Iterations
4/ Design Iterations
Detail 1

Aesthetic UI touch to increase the "AI" feel

Detail 1

Aesthetic UI touch to increase the "AI" feel

Detail 1

Aesthetic UI touch to increase the "AI" feel

Gradient UI

1

I tried to add gradient "just right amount" to increase the feel of interactiveness.

Gradient UI

1

I tried to add gradient "just right amount" to increase the feel of interactiveness.

Gradient UI

1

I tried to add gradient "just right amount" to increase the feel of interactiveness.

Liquid glass aesthetic

2

Although we were building our product earlier, one of our golas was to explore the glass UI. With the ios26 release, we could integrate new UI into ours super neatly.

Liquid glass aesthetic

2

Although we were building our product earlier, one of our golas was to explore the glass UI. With the ios26 release, we could integrate new UI into ours super neatly.

Liquid glass aesthetic

2

Although we were building our product earlier, one of our golas was to explore the glass UI. With the ios26 release, we could integrate new UI into ours super neatly.

Detail 2

Small tweaks to increase the fun!

Detail 2

Small tweaks to increase the fun!

Detail 2

Small tweaks to increase the fun!

Card- placing UI

1

As each member’s preference is highlighted, the results are displayed in a card deck format. This turns the stress of group decision-making into a moment of fun, like card games!

Card- placing UI

1

As each member’s preference is highlighted, the results are displayed in a card deck format. This turns the stress of group decision-making into a moment of fun, like card games!

Card- placing UI

1

As each member’s preference is highlighted, the results are displayed in a card deck format. This turns the stress of group decision-making into a moment of fun, like card games!

Detail 3

Novel interactions for profile editing

Detail 3

Novel interactions for profile editing

Detail 3

Novel interactions for profile editing

Engaging bubble interactions

1

Setting up different proxies for each trip can feel tedious. With simple touch-based weight adjustments and bubble-like physical traits, users can seamlessly engage with the bubble ecosystem.

Engaging bubble interactions

1

Setting up different proxies for each trip can feel tedious. With simple touch-based weight adjustments and bubble-like physical traits, users can seamlessly engage with the bubble ecosystem.

Engaging bubble interactions

1

Setting up different proxies for each trip can feel tedious. With simple touch-based weight adjustments and bubble-like physical traits, users can seamlessly engage with the bubble ecosystem.

05/ Takeaways
05/ Takeaways
05/ Takeaways

1

Dev hand-off

This was my first time working on a UI-heavy project directly with a front-end engineer from scratch. I learned how to clearly translate UI and interaction needs into developer-friendly terms while iterating through constant collaboration.

1

Dev hand-off

This was my first time working on a UI-heavy project directly with a front-end engineer from scratch. I learned how to clearly translate UI and interaction needs into developer-friendly terms while iterating through constant collaboration.

1

Dev hand-off

2

Explore, Learn, Enjoy

At first, I felt pressured to build an AI concept by strictly following UI “must-dos.” But I soon realized it was restricting my creativity and approached it as a creative experiment. This mindset gave me the freedom to explore more.

2

Explore, Learn, Enjoy

At first, I felt pressured to build an AI concept by strictly following UI “must-dos.” But I soon realized it was restricting my creativity and approached it as a creative experiment. This mindset gave me the freedom to explore more.

2

Explore, Learn, Enjoy