top of page

⚠️ The visual tone didn’t reflect the brand.

⚠️ No emotional hook.

⚠️ Poor mobile experience.

Rolling Bubbles: before the redesign.
“Because first impressions matter
even online.”

Captura de pantalla 2025-08-07 a la(s) 11.23.48 a.m..png

Scroll down to see how we brought
the bubbles back to life.

More than a mobile bar,
an experience crafted to celebrate.

Based in Atlanta, Rolling Bubbles delivers personalized cocktail experiences for weddings, baby showers, private parties, and corporate events. It’s a brand where elegance meets playfulness, offering custom-made moments for every client — all wrapped in a stunning visual style that’s impossible to forget.
 

| Role

UX/UI Designer

| Timeline

October 2024 - December 2024

| Tools

Figma, AI, Google Workspace.

vecteezy_realistic-illustration-of-soap-bubbles-in-tranparent-background_49580422.png
Logo__sin_circulo.png

Rolling Bubbles: before the redesign.
“Because first impressions matter—even online.”

⚠️ The visual tone didn’t reflect the brand.

⚠️ No emotional hook.

⚠️ Poor mobile experience.

Captura de pantalla 2025-08-07 a la(s) 11.23.48 a.m..png

Scroll down to see how we brought the bubbles back to life.

More than a mobile bar,
an experience crafted to celebrate.

Rolling Bubbles

Based in Atlanta, Rolling Bubbles delivers personalized cocktail experiences for weddings, baby showers, private parties, and corporate events. It’s a brand where elegance meets playfulness, offering custom-made moments for every client — all wrapped in a stunning visual style that’s impossible to forget.

| Rol

UX/UI

Designer

| Timeline

October 2024 -

December 2024

| Tools

Figma, AI,

Google

Workspace

beehive-37436_1920.png
Logo__sin_circulo.png

The challenge

Turning visits into celebrations 
and clicks into connection.

Rolling Bubbles’ original website failed to capture the brand’s elegant, joyful essence — and even more critically, it didn’t offer a smooth navigation experience, especially on mobile. With no solid visual identity or clear user flow, the site lacked the emotional pull needed to convert visitors into clients.

So the key question became:

How might we design a digital experience that feels as memorable and personalized as the events Rolling Bubbles creates?

Spoiler alert: La respuesta no estaba en sumar colores bonitos o frases ingeniosas. Estaba en conectar.

The solution

A redesign as memorable 
as the moments it celebrates.

The new website mirrors the elegance and energy of a Rolling Bubbles event. With a refined yet playful aesthetic, intuitive navigation, and a mobile-first approach, every interaction feels curated — just like their cocktail experiences.

Through the Design Thinking process, I created a flexible, user-centered experience that adapts to each audience’s needs — whether they’re brides seeking magic, businesses planning standout events, or entrepreneurs celebrating a milestone.

Because a celebration starts the moment you land on the page!
 

🧠

Designing a memorable experience starts by listening to those who live it.

01. Empathize 

So I went straight to the heart of every celebration: people.

Each event tells a story. And behind every story, there are expectations, emotions, and countless decisions. To understand how Rolling Bubbles could become the perfect toast, I reached out to those who make celebrations happen.

From sophisticated brides to corporate planners and mission-driven entrepreneurs, I uncovered what they expect, what frustrates them, and what would turn a mobile bar into an unforgettable experience.

Through interviews and surveys, I built a clear picture of their pain points, needs, and desires—captured in the following user personas:

vecteezy_realistic-illustration-of-soap-bubbles-in-tranparent-background_49580422_edited.p
Captura de pantalla 2025-07-28 a la(s) 2.24.43 p.m..png

Sarah

Bride to be

Captura de pantalla 2025-07-28 a la(s) 2.25.10 p.m..png

Omar

Coffee Shop Owner

vecteezy_realistic-illustration-of-soap-bubbles-in-tranparent-background_49580422_edited.p
Captura de pantalla 2025-07-28 a la(s) 2.24.57 p.m..png

Jada

HR Representative

Captura de pantalla 2025-08-23 a la(s) 5.54.43 p.m..png

Ese temor de Sarah no era aislado, sino un patrón que se repetía en cada historia.
Y fue ahí cuando entendí mi insight principal…

🎯

Bringing clarity to what truly matters.

After connecting deeply with Rolling Bubbles’ audience, I uncovered insights that went far beyond aesthetics. Real frustrations came to light—from the emotional disconnect with vendors to the lack of inclusive, truly personalized services.

With those insights in hand, it was time to define the core problems this redesign needed to solve:

How might Rolling Bubbles stand out as a mobile bar that delivers authentic, visually striking, and culturally inclusive experiences?

This focus led me to the heart of intentional design: Define to transform.

02. Define

Captura de pantalla 2025-08-23 a la(s) 6.26.18 p.m..png
vecteezy_realistic-illustration-of-soap-bubbles-in-tranparent-background_49580422_edited_e

⚠️ Problem Statement

Rolling Bubbles had an attractive service concept, but its website didn’t live up to the experience it promised.

The outdated layout, lack of responsiveness, and absence of visual storytelling made it difficult for users to see their needs, tastes, and dreams reflected on the page.

Everyone ran into the same obstacle: a digital experience that neither moved them nor made booking feel easy or exciting.

The challenge was clear:
How might we design a digital experience that captures the playful elegance of Rolling Bubbles—while meeting the expectations of a diverse and modern audience?

vecteezy_realistic-illustration-of-soap-bubbles-in-tranparent-background_49580422_edited_e
vecteezy_realistic-illustration-of-soap-bubbles-in-tranparent-background_49580422_edited_e

🏆 Value Proposition

The new Rolling Bubbles experience needed to do more than inform—it had to inspire.

The redesign aimed to elevate the service through intuitive navigation, a refined brand-aligned aesthetic, and messaging that sparked emotional connection.

Every section, image, and microcopy was carefully crafted to reflect what Rolling Bubbles truly stands for:

A tailored, inclusive, and visually memorable experience—
where every celebration feels one-of-a-kind and worth toasting to
.

💡

03. Ideate

A toast to bright ideas: 
strategy, inspiration, and creative bubbles.

With the challenge clearly defined, this phase was an invitation to let creativity sparkle—just like a good glass of bubbly: flowing freely, without judgment, and full of inspiration.

I analyzed the competitive landscape through benchmarking and a SWOT matrix, identifying areas for differentiation and translating user frustrations into actionable design prompts using the “How Might We” technique.

To open the door to bold, imaginative thinking, I ran a Crazy 8 session, helping me explore multiple directions and narrow them down to the most aligned with the essence of Rolling Bubbles: a brand that’s sophisticated, flexible, and visually unforgettable.

This phase laid the foundation to turn insights into real design decisions—celebrating both user experience and brand personality in equal measure.

Imagen Crazy 8.jpg
vecteezy_realistic-illustration-of-soap-bubbles-in-tranparent-background_49580422_edited_e

WEAKNESSES

  • A website that’s not yet optimized for mobile devices.

  • Lack of storytelling and emotional connection.

  • Poor structure and content hierarchy affecting usability.

vecteezy_realistic-illustration-of-soap-bubbles-in-tranparent-background_49580422_edited.p

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.

vecteezy_realistic-illustration-of-soap-bubbles-in-tranparent-background_49580422_edited_e

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!

vecteezy_realistic-illustration-of-soap-bubbles-in-tranparent-background_49580422_edited.p

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.

🖌️

From sketch to celebration: 
shaping the ideal Rolling Bubbles experience.

With a clear direction and user needs front and center, this phase was all about transforming insights into tangible solutions.

I started by sketching the ideal user flow—ensuring every step, from first scroll to quote request, felt intuitive and seamless.

Next came the information architecture and a hierarchical sitemap, designed to make it easy to explore services—especially for users on mobile devices.

Then it was time to bring it all to life in Figma: wireframes, lo-fi, and hi-fi prototypes—each aligned with inclusive design principles and Rolling Bubbles’ personality: elegant, playful, and unforgettable.

Every design decision—from layout to color, typography, and visual hierarchy—was crafted to mirror what Rolling Bubbles promises at every event:

An experience that feels one-of-a-kind, beautifully served, and hard to forget.

 

04. Prototype

🧱 Wireframe

Del papel a Figma: transformé las ideas del Crazy8 en una estructura clara y funcional, priorizando lo esencial para cada cliente.

Captura de pantalla 2025-07-28 a la(s) 5.02.42 p.m..png

✏️ Lo-fi

Refiné jerarquías y textos para que la navegación se sintiera como una invitación a celebrar, validando el flujo antes del diseño final.

Captura de pantalla 2025-07-28 a la(s) 5.02.55 p.m..png

🎨 Hi-fi

La web comenzó a “vestirse” para la ocasión: un prototipo elegante y sofisticado, con colores, microcopys y detalles pensados para emocionar tanto como informar.

Captura de pantalla 2025-07-28 a la(s) 5.03.03 p.m..png

🎨 Estilo

Definí la paleta, tipografías y componentes reutilizables, asegurando coherencia visual y escalabilidad en cada futura pieza de la marca.

Captura de pantalla 2025-07-28 a la(s) 5.03.12 p.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.

 

💭 Final reflections:
Designing for celebration became a celebration of my own growth as a UX designer.

This project was much more than a website redesign — it was the opportunity to turn a brand with purpose and personality into a digital experience that feels coherent, accessible, and truly delightful.

Every step, from listening to users to defining color palettes and user flows, allowed me to blend empathy, strategy, and aesthetics into a meaningful solution.

Rolling Bubbles reminded me that UX design doesn’t just solve problems — it also sparks emotion, builds connection, and makes brands stand out.

I walk away from this experience with the joy of having worked on a brand that, just like me, believes in the power of thoughtful details and well-crafted experiences.

Ready to toast your next big idea?

Created by
María Elena Rojas

Copy my email!

Created by María Elena Rojas

bottom of page