Bose × BonBon: From campaign buzz to customer acquisition

The collaboration

For Valentine’s Day 2026, Bose partnered with New York City candy brand BonBon on a giveaway featuring the SoundLink Micro Portable Speaker (2nd Gen) in Petal Pink and a custom Bose × BonBon candy mix. Visitors discovered the collaboration through homepage placements and a dedicated campaign landing page.

As a UX Designer / Web Author on Bose’s cross-functional team, I supported Figma design adjustments, responsive layouts, Contentstack implementation, and pre-launch quality assurance. The work shipped on Bose’s live website.

The business challenge

How could a seasonal brand collaboration create an opportunity for customer acquisition?

The giveaway gave Bose a reason to reach new audiences beyond a standard product promotion. The business opportunity was to turn attention around the Petal Pink speaker and BonBon collaboration into campaign participation and, importantly, new My Bose membership registrations.

The campaign’s eligibility requirements made membership part of the conversion journey: nonmembers could enter the giveaway, but needed to join My Bose before entries closed to be eligible to win.

Mapping the conversion journey

The homepage served as the discovery point. The landing page explained the collaboration, showed what visitors could win, and provided paths to enter and join My Bose. Rather than forcing a purchase-focused CTA into the hero, the page introduced the campaign first and surfaced participation actions within the content.

My contribution to the team

I worked where UX design decisions met production feasibility. I assisted with Figma design refinements, adjusted responsive image and copy layouts, configured content in Contentstack, and checked the published experience against the intended design.

Collaborating across UX, marketing, and web meant accounting for both campaign storytelling and the way Bose’s existing modules actually rendered—not simply recreating a static design.

Color system: on-brand, in-theme

One of the design challenges was translating BonBon's playful, candy-inspired identity into Bose's established design system. Contentstack offered predefined color schemes, meaning we couldn't introduce arbitrary colors or independently style every component. Instead, we needed to identify existing palette options that complemented the campaign imagery while maintaining Bose's visual consistency.

Working collaboratively with the design team, we explored three available color schemes across promotional card layouts, evaluating how each affected visual hierarchy, text readability, and the relationship between photography and content.

Existing Bose design-system color options explored in Figma using the campaign's promotional card components.

Exploring the Card Treatments

To evaluate how the existing color schemes translated into the campaign, we applied three available treatments to the promotional cards. Each option was reviewed in context, considering the relationship between background colors, typography, CTAs, and campaign photography.

01

Pink-Flat

A deep plum background introduced stronger contrast against the pink campaign imagery, allowing the product photography to stand out while maintaining clear text hierarchy.

02

Pink-Sharp

A softer pink background paired with bold red typography created a more cohesive transition between the campaign photography and the card content.

03

Pink-Major

A vibrant lilac treatment brought a more expressive visual direction to the promotional cards. The stronger saturation helped differentiate the campaign while staying within Bose's approved color configurations.

Design tradeoff: Each palette supported the Valentine's Day aesthetic differently, but the decision wasn't simply about which colors looked best. We had to consider how the photography, typography, and calls to action worked together within the styling configurations already supported by Contentstack.

From Figma to production

The published experience

The experience connected homepage awareness with a dedicated landing page focused on the giveaway and My Bose membership. These images show the actual campaign touchpoints from design and production.

01

Homepage

Campaign placements introduced the collaboration and directed visitors toward the giveaway experience.

02

Landing page

Three content stages: explain the giveaway, build interest through product storytelling, and invite membership.

Business impact & measurement

The campaign shipped to Bose’s live website. To evaluate whether the digital journey supported acquisition, I would look at awareness, engagement, and membership conversion together—not traffic alone.

Primary business KPI: New My Bose registrations attributed to the campaign. Homepage and giveaway click-through rates help explain where visitors engaged with—or dropped out of—the journey.

What this work reinforced

Working on a live acquisition-focused campaign reinforced that strong UX supports both business outcomes and clear customer decisions. Within a mature design system, that meant making careful tradeoffs: preserve the creative idea, work within the component rules, and keep the route to participation understandable.

It also showed the value of my hybrid practice: contributing to design decisions, understanding implementation constraints, and helping a cross-functional team ship a real experience.