works

Redefining the Music Crowdfunding Experience: UX/UI Optimization for Mint

CLIENT • 

Mint

Category • 

UX / UI & Audit

Date • 

August 1, 2023

Project Overview

  • Role: Lead UX/UI & Product Designer
  • Services: UX/UI Audit, User Journey Optimization, Crowdfunding Workflows, UI Design
  • Industry: Music Tech / Fintech / Alternative Crowdfunding
  • Tools: Figma, Miro, Usability Testing

1. Context & The Challenge

Mint is an innovative alternative financing and crowdfunding platform designed to connect music creators directly with fans and investors to fund artistic projects.

The Problem:

The legacy platform suffered from low pledge conversions and high user drop-off during the investment process. The value proposition was unclear to first-time backers, and the campaign checkout flow had excessive steps.

Key Pain Points Identified:

  • Confusing Investment Tier Hierarchy: Users struggled to understand reward tiers, financial returns, and project milestones at a glance.
  • High Checkout Friction: Pledging funds involved multi-screen redirects and repetitive form fields, leading to cart abandonment.
  • Lack of Social Proof & Progress Cues: Campaign pages lacked clear visual indicators for funding progress, time remaining, and backer engagement.

2. My Approach & Process

I led the UX/UI redesign to simplify the backing journey, build investor trust, and maximize campaign funding rates.

Phase 1: UX Audit & Funnel Analysis

  • Audited campaign landing pages and contribution flows to identify cognitive friction points and drop-off triggers.
  • Mapped two primary user personas: Casual Fans (seeking exclusive perks) and Music Investors (seeking clear financial returns).

Phase 2: Information Architecture & Campaign Page Redesign

  • Restructured campaign layouts to highlight essential project data (funding goal, percentage funded, days left) above the fold.
  • Standardized tier selection cards with explicit reward descriptions and instant pledge buttons.

Phase 3: Checkout Optimization & UI System

  • Redesigned the pledge flow into a streamlined, single-page checkout modal with dynamic order summary.
  • Built a vibrant, accessible design system in Figma tailored for media tech, combining high-contrast visual elements with clear status indicators.

3. Key Solutions Implemented

  • Dynamic Campaign Hub: A redesigned project page featuring real-time funding progress bars, backer counts, and clear tier selection modules.
  • One-Page Contribution Flow: A frictionless checkout process allowing users to complete pledges in just a few taps.
  • Creator-Backer Dashboard: An interactive portal where creators can share project updates and backers can track their investments and reward fulfillment.

4. Impact & Results

  • Lower Funnel Drop-off: Streamlined pledge checkout significantly reduced contribution abandonment.
  • Enhanced Campaign Clarity: Improved visual hierarchy helped first-time visitors quickly grasp campaign terms and backer perks.
  • Scalable UI Assets: Created a componentized Figma library that accelerated front-end updates for future platform features.

No items found.