%2010_59_22%E2%80%AFa_m_.png)
⚠️ The aesthetics didn’t reflect the brand’s values.
⚠️ No emotional hook.
⚠️ Poor mobile experience.
This is how it looked…
When the website didn’t know how to celebrate... or convert.
%2011_23_48%E2%80%AFa_m_.png)
Scroll down to see how we brought
the bubbles back to life.
More than a mobile bar, it’s an experience designed to celebrate.
Rolling Bubbles is a mobile bar service in Atlanta that turns private and corporate events into memorable celebrations—with custom cocktails and its own distinctive style.
But here’s the catch... what should have been a vibrant gateway to the brand was really just a generic template lacking emotion and accessibility—failing to engage its audience or turn visits into bookings.
| Role
UX/UI Designer
| Timeline
October 2024 - December 2024
| Tools
Figma, AI, Google Workspace.
This is how it looked…
When the website didn’t know how to celebrate... or convert.
⚠️ The aesthetics didn’t reflect the brand’s values.
⚠️ There was no emotional connection.
⚠️ The design wasn’t optimized for mobile‑first.
Keep reading and I’ll show you how the site now celebrates.
More than a mobile bar,
an experience crafted to celebrate.
Rolling Bubbles is a mobile bar service in Atlanta that turns private and corporate events into memorable celebrations—with custom cocktails and its own distinctive style.
But here’s the catch... what should have been a vibrant gateway to the brand was really just a generic template lacking emotion and accessibility—failing to engage its audience or turn visits into bookings.
| Role
UX/UI
Designer
| Timeline
October 2024 -
December 2024
| Tools
Figma, AI,
Workspace
The challenge
How do you build a website that knows how to celebrate?
Rolling Bubbles’ website didn’t just have to inform.
It needed to move people, stand out... and convert.
The question guiding me was clear:
How do you design a digital experience as memorable as the events this brand creates?
Spoiler alert: The answer wasn’t about pretty colours or clever slogans. It was about connection.
Spoiler alert: La respuesta no estaba en sumar colores bonitos o frases ingeniosas. Estaba en conectar.
The solution
A redesign as memorable as
the events themselves.
With a mobile‑first mindset, I crafted a visual and functional experience aligned with Rolling Bubbles’ essence:
a brand that celebrates with intention.
Every decision—from architecture to microcopy—aimed for more than just aesthetics; it aimed for feeling.
🧠
Connecting with the core…
First date... shall we dance?
Before even sketching prototypes or visual solutions, I needed to understand something more important:
For whom am I designing this experience?
And no, it wasn’t just about what services Rolling Bubbles offered. It was about grasping how clients dream their events, what they expect from an ideal provider, and what would make them feel confident from the very first click.
I interviewed diverse client types, and each story revealed something obvious:
A celebration begins with the search. And if that search doesn’t spark emotion, interest fades.
Behind each interview was a distinct dream—but one profile stood out: brides, who make up 40 % of Rolling Bubbles’ events. So, to put a face to that expectation, meet Sarah, our “bride‑to‑be.”
%201_59_11%E2%80%AFp_m_.png)
%205_54_43%E2%80%AFp_m_.png)
%202_24_43%E2%80%AFp_m_.png)
Sarah
Bride to be
%202_25_10%E2%80%AFp_m_.png)
Omar
Coffee Shop Owner
%202_24_57%E2%80%AFp_m_.png)
Jada
HR Representative
Sarah’s fear wasn’t an exception — it was a pattern that echoed in every story.
That’s when I uncovered my main insight…
Sarah’s fear wasn’t an exception — it was a pattern that echoed in every story.
That’s when I uncovered my main insight…
%2010_18_34%E2%80%AFa_m_.png)
%2010_18_34%E2%80%AFa_m_.png)
🎯
What I discovered!
After listening closely to people, I uncovered the main insight:
Rolling Bubbles didn’t have a service problem. Its problem was digital perception.
The website needed to stop being generic and start being an experience that connects, builds trust, and excites.
And nothing illustrates that better than Sarah’s story.
My A-ha! moment
⚠️ Problem Statement
A sophisticated service trapped in a generic, unresponsive, emotionless website.
The challenge: How do you transform it into a digital celebration as authentic as the brand’s real‑life events?
🏆 Value Proposition
A digital experience that doesn’t just inform—it inspires. An inclusive, intuitive, and memorable digital platform where every scroll connects and leaves a mark, like an unforgettable toast.
With this redesign, the brand is prepared to convert more visits into bookings, with greater clarity and trust from the first interaction.
💡
How to…?
Bringing ideas to life.
It was time to ask myself:
How do I turn that main insight into concrete design decisions?
✅ First, it was obvious: more than 70% of visitors were on mobile, so the website had to be mobile‑first, no exceptions.
✅ I already knew who I was designing for, but… who was I competing with? What were their strengths and weaknesses? How could I leverage that? That comparative view gave me valuable clues to boost Rolling Bubbles.
✅ With a clear panorama, I translated problems into design opportunities through three strategic questions:
How might I enable someone looking for this service to envision their dream event the moment they land on the site?
How might I design a digital experience that feels as personalized as the service Rolling Bubbles offers at every celebration?
How might I position Rolling Bubbles as the ideal mobile bar in a competitive market—without losing its essence?
✅ And once I’d gathered all that emotional and functional background, it was time to let go of analysis and let ideas bubble freely:
WEAKNESSES
-
A website that’s not yet optimized for mobile devices.
-
Lack of storytelling and emotional connection.
-
Poor structure and content hierarchy affecting usability.
OPPORTUNITIES
-
Strengthen the digital presence that turns visits into bookings.
-
Expand into the corporate event market.
-
Clarify our offering to boost conversions and attract more leads.
THREATS
-
High competition in the mobile bar and events industry.
-
Clients expecting hyper-personalized experiences.
-
Weak digital reputation, which can lead to missed opportunities.
To turn real problems into real design opportunities, I translated my insights into “How Might We” questions—powerful prompts to guide ideation with intention. Some of them included:
✨ How might we make Rolling Bubbles feel elegant and fun from the very first scroll?
✨ How might we help brides, businesses, and entrepreneurs envision their dream event as soon as they land on the site?
✨ How might we design a digital experience that feels just as personalized as the real-life service Rolling Bubbles provides?
✨ How might we position Rolling Bubbles as the mobile bar of choice in a crowded market—without losing its playful, sophisticated soul?
With those questions bubbling in my mind, it was time to pour ideas freely: pen in hand, and imagination uncorked!
STRENGTHS
-
A distinctive and visually engaging concept with high market potential.
-
Personalized attention from the very first touchpoint.
-
A professional, certified team ready to deliver.
🖌️
Let’s create in Figma!
After exploring ideas and unleashing creativity through sketches, the visual moment arrived— the one that excites the client and lets me translate all the prior analysis into form.
I started with wireframes to give shape to the winning concept, then evolved it into a prototype that would convey the project’s premise:
✨ A digital experience where every scroll connects and leaves a mark. ✨
Colours, typography, icons, hierarchies, interaction, microcopy… all of it took us to this proposal:
It’s alive!!!
🧱 Wireframe
From paper to Figma: I turned Crazy8 ideas into a clear, functional structure, prioritizing what mattered most to each client.
%205_02_42%E2%80%AFp_m_.png)
✏️ Lo-fi
I refined hierarchy and copy to make navigation feel like an invitation to celebrate—validating the flow before jumping into final design.
%205_02_55%E2%80%AFp_m_.png)
🎨 Hi-fi
The website started “dressing up” for the occasion: an elegant and sophisticated prototype, with colors, microcopy, and thoughtful details designed to inform and move.
%205_03_03%E2%80%AFp_m_.png)
🎨 Style guide
I defined the color palette, typography, and reusable components to ensure visual consistency and scalability across all future brand assets.
%205_03_12%E2%80%AFp_m_.png)
🧪
05. Test
Iterating was key to turning a good idea
into a great experience.
After many hours of research, ideation, and prototyping, I had reached a version that felt almost there.
But in any user-centered process, almost is never enough.
That’s why I decided to test Bee too reel’s first concepts with real users.
This phase went far beyond validating functionality, it allowed me to observe how users interpreted the interface, what emotions the visual direction triggered, and how intuitive the navigation felt without external guidance.
Through moderated tests, feedback forms, and direct observation, I gathered valuable insights that uncovered details I hadn’t anticipated.
With this feedback in hand, I iterated on the design refining everything from microinteractions to content decisions.
Testing wasn’t the end of the process.
It was an opportunity to refine with intention, improve what already worked, and elevate the experience to a more intuitive, accessible, and authentic level.
This project wasn’t just an aesthetic redesign—it was a strategic overhaul that allowed Rolling Bubbles to break away from the competition.
The new website went from generic to an inclusive, mobile‑first platform with a coherent visual narrative. The result: a digital experience that inspires trust from the first interaction, reflecting the brand’s essence and facilitating bookings.
For the business it meant strengthening its online presence, capturing clients who used to slip away and projecting a professional image aligned with the brand’s event output.
For me, it confirmed that good design doesn’t just beautify—it positions, connects and delivers real results.
Today, Rolling Bubbles has a website optimized to engage 70% of its mobile audience, turning interactions into real leads.