Blume Skincare Prototype Redesign

Redesigning Blume’s ecommerce experience to improve mobile usability, trust, and conversions.

Blume is a skincare brand built for Gen Z — bold, inclusive, and mission-driven. I redesigned key ecommerce pages to improve mobile usability, navigation clarity, and trust signals to help drive conversions.

The Problem:

Blume’s bold branding resonates with Gen Z, but their website experience wasn’t fully supporting user needs—especially on mobile. Inconsistent navigation, unclear call-to-actions, and missing trust elements created friction in the buying journey. These UX gaps were likely increasing bounce rates, cart abandonment, and limiting overall conversion opportunities.

Research Process:

To dig deeper, I conducted a competitor analysis of Bubble and Glossier, reviewing site architecture, purchase flows, accessibility, and mobile responsiveness. I also developed a target persona: a mobile-first, socially conscious Gen Z shopper who values speed, authenticity, and community. These insights shaped both design recommendations and performance priorities.

KPI Strategy:

To ensure design decisions could be tied to measurable outcomes, I defined five key KPIs:

  • Conversion Rate

  • Bounce Rate

  • Average Order Value (AOV)

  • Cart Abandonment Rate

  • Time on Page

These KPIs would track engagement improvements and help prioritize future optimization efforts.r time.

UX Recommendations:

My UX recommendations were focused on building trust, improving navigation, and streamlining the path to purchase:

  • Add customer reviews and social proof directly to product pages

  • Improve mobile navigation and filter functionality for easier browsing

  • Use more lifestyle imagery to humanize products

  • Simplify CTA language to drive clearer, faster action

  • Introduce urgency messaging (“Almost Gone” banners) during checkout

A/B Test Ideas:

To validate the proposed improvements, I recommended several A/B tests:

  • Checkout page with vs. without trust badges

  • Homepage featuring a single CTA vs. a two-tier CTA structure

  • Product pages with urgency messaging vs. without urgency

Each test would be analyzed against the KPIs to assess impact on engagement and conversions.

Tools Used:

Figma, Miro, Google Analytics, Canva, SWOT framework

What I Learned:

This project sharpened my ability to connect UX improvements directly to measurable outcomes, a skill I’m excited to bring to future product and ecommerce design roles.

Want the details?

Prototype of Blume.com re-work

Before

Mobile navigation before redesign (original site)

After

Mobile navigation after redesign (prototype)

Next
Next

Boosting E-Commerce with UX Strategy