BrunoMD

From Pharma to Luxury Wellness: A headless Shopify redesign that boosted conversions 482% and redefined the brand.

BrunoMD

THE
CHALLENGE

The challenge: repositioning BrunoMD and fixing a broken user experience

BrunoMD, a health and wellness brand rooted in Italian traditions, faced significant hurdles in scaling their business. Despite offering high-quality, collagen-based products aimed at promoting holistic wellness, their conversion rate lingered at a dismal 0.16%, and poor mobile performance (23% Google PageSpeed score) hindered user engagement.

Adding to the challenge, their branding leaned too heavily on pharmaceutical aesthetics, misaligning with the premium, lifestyle-oriented audience they hoped to attract. Their mission to foster repeat purchases through subscriptions and establish themselves as a leader in the health and wellness market required a complete overhaul—of their brand, their messaging, and their eCommerce architecture.

BrunoMD
BrunoMD

THE
APPROACH

Uncovering the misalignment through discovery

Through a comprehensive discovery process, we identified the disconnect between BrunoMD’s branding and their ideal audience. Their messaging attracted younger buyers looking for supplements rather than the affluent, lifestyle-driven demographic that values long-term wellness.
We crafted a strategy to reposition BrunoMD as a luxury wellness brand, drawing on their Italian heritage and emphasizing the Mediterranean lifestyle. The approach combined a digital rebrand, advanced user experience enhancements, and a high-performance headless eCommerce architecture.

1. A digital rebrand rooted in Italian heritage

To elevate the brand, we overhauled its identity, blending Italian luxury with modern wellness values.

Tagline refresh: “Live the MDiterranean Life” encapsulated BrunoMD’s Italian roots and holistic approach to wellness, focusing on longevity and vibrancy.

"Live the MDiterranean Life"

Visual identity: Vibrant, Mediterranean-themed imagery showcased the products in the context of a luxury lifestyle. A mix of black-and-white and color photography emphasized timeless elegance and quality.

Photos, cropping, & Digital

Comprehensive brand style guide: Clear guidelines ensured consistency across all communications, from fonts (IvyPresto Display for headlines, Gotham for body copy) to colors and photography.

Brand fonts
Brand Voice

BrunoMD
BrunoMD

2. Elevating the user experience for conversions and retention

We redefined BrunoMD’s user experience to align with their target audience’s expectations and encourage long-term engagement.

Subscription-first design: The new site emphasized subscription benefits, educating users on the consistent results of BrunoMD products and fostering repeat purchases.

Educational focus: Content highlighted the long-term health benefits of collagen-based products, resonating with women seeking a luxurious, holistic approach to wellness.

Community engagement: Interactive features showcased real-life wellness stories, connecting customers to a vibrant community using BrunoMD products daily.

3. Migrating to headless architecture for performance

To address BrunoMD’s poor site performance, we migrated their Shopify Plus store to a headless eCommerce architecture built on React and Next.js.

Lightning-fast load times: The new setup achieved a 99% Google PageSpeed score, vastly improving mobile usability and engagement.

Scalable platform: The headless architecture ensured the site could handle future growth and adapt to evolving customer needs.

BrunoMD

THE
RESULTS

BrunoMD’s rebrand and eCommerce overhaul delivered results that far exceeded expectations:

  • 482% increase in eCommerce conversion rate,
  • 68% increase in revenue.
  • 230% increase in transactions.
  • 44% increase in returning customers, driven by a focus on subscriptions.
  • 99% Google PageSpeed score, vastly improving mobile usability and engagement.

BrunoMD
selected projects
selected projects
selected projects
Big ideas. Bigger results. Let’s make it happen. Get an instant quote today.

sf-required

Manage recurring validation states.
sf-form_input
sf-required
Field Input (Required)
sf-form_checkbox-field
sf-required
Checkbox (Required)
sf-form_radio-field
sf-required
Radio (Required)
sf-form_input-select
sf-required
Select (Required)
sf-form_input-date
is-icon-left-right
sf-required
sf-form-icon-left
sf-required
Date Input (Required)
This is an error tag
sf-form_input-error-wrapper
sf-required
Error Tag (Required)
sf-form-icon-right
sf-required
Icon on Input Right (Required)
sf-form-icon-left
sf-required
Icon on Input Left (Required)
sf-form-icon-right
is-text-area
sf-required
Icon on Input Right Text Area (Required)

sf-checked

Manage recurring checked radio & checkboxes states.
sf-form_checkbox-field
sf-checked
Checkbox (Checked)
sf-form_radio-field
sf-checked
Radio (Checked)

sf-focus

Manage recurring focusing for button, radio and checkbox states.
sf-form_radio-field
sf-focus
Radio (Focused)
sf-form_checkbox-field
sf-focus
Checkbox (Focused)

sf-hide

Manage hidden states.
sf-skeleton
sf-hide
Loader Box (Currently Hidden)

sf-await

Manage awaiting states.
sf-button-child
sf-await
sf-button-await-child
sf-await
Awaiting Status of Buttons
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Step {Current Slide}/{Max Slides}

Project Details

Start by telling us about your project.
This field is empty
Enter a valid email
Select one option
Next Slide

Key Project Requirements

Tell us about the essential features and requirements for your project.
This field is empty
Select one option
Next Slide

Timeline & Budget

Tell us about your project's timeline and budget.
This field is empty
Select one option
Next Slide

Additional Information

Anything else you'd like to add?
This field is empty
Select one option
End
Thank you! Your submission has been received! A representative will be in touch within 24 hours.
Oops! Something went wrong while submitting the form.