UX Case Study

Buyerfolio

Simplifying homeownership through financial matching and co-buyer management.

Role: UI/UX Designer & UX Researcher
Project Type: Web & Mobile Application

The Core Problem

First-time buyers and affordability-constrained homebuyers have no structured platform to find, evaluate, and manage co-ownership with another party. Existing tools treat co-buying as a footnote โ€” there is no dedicated product that matches buyers by financial compatibility, surfaces risk transparently, or supports ongoing shared mortgage management. As a result, co-buyers rely on spreadsheets, informal agreements, and lawyers โ€” creating friction, opacity, and failed co-ownership arrangements.

๐Ÿ‘ฅ User Pain

No visibility into a co-buyer's financial health before committing

๐Ÿฆ Lender Pain

Co-buyer applications lack standardized financial compatibility data

๐Ÿ“Š Market Gap

No product addresses ongoing shared mortgage management post-purchase


How Might We


Design Process

Empathize
  • User research
  • User interviews
  • Competitor analysis
  • Key insights
Define
  • User flow
  • User persona
  • Problem framing
  • HMW questions
Ideate
  • Brainstorming
  • Design decisions
  • Wireframing
  • Flow diagrams
Prototype
  • Low fidelity wireframes
  • High fidelity wireframes
  • Component design
  • Design system
Test
  • Usability testing
  • User feedback
  • Iterations
  • Final delivery

Research Insights


Competitor Analysis

Feature
Zillow
Redfin
Mortgage
Apps
Splitwise
Honeydue
Buyerfolio
Financial Assessment
โœ•
โœ•
โœ•
โœ“
Co-Buyer Matching
โœ•
โœ•
โœ•
โœ“
Ownership Management
โœ•
โœ•
โœ•
โœ“
Post-Purchase Support
โœ•
โœ•
โœ•
โœ“
Lender Integration
โœ•
โœ•
โœ•
โœ“

My Contribution

๐Ÿ”

Research & Strategy

  • Conducted user interviews with potential co-buyers
  • Performed competitive analysis of fintech platforms
  • Developed user personas and journey maps
  • Created information architecture
๐ŸŽจ

UI/UX Design

  • Designed complete visual identity and brand assets
  • Created low-fidelity and high-fidelity wireframes
  • Designed intuitive Folio Scoreยฎ input flow
  • Developed co-buyer matching visualization UI
  • Designed ownership & mortgage dashboard
โšก

Key Challenges Solved

  • Simplified complex financial data presentation
  • Designed transparent matching algorithm visualization
  • Created clear ownership & payment breakdowns
  • Built trust through data security visuals
  • Ensured regulatory compliance in UI/UX

Wireframing & Prototyping

Low-fidelity wireframes establishing user flows and information hierarchy before visual design.

01 ยท Landing

Hero, Folio Scoreยฎ teaser, 3 value props, social proof

02 ยท Folio Input

4-step wizard, live score preview, contextual tooltips

03 ยท Match Results

Ranked co-buyer cards, compatibility %, connect CTA

04 ยท Property Listing

Photos, Smart Offerยฎ, tour booking (existing design)

05 ยท Dashboard

Sidebar nav, ownership split, payment chart, alerts

06 ยท Mobile Folio

Score ring, breakdown bars, share + find co-buyers CTAs


High-Fidelity Design

Final UI screens showcasing the complete visual design system and user experience.


Design System & Brand

Visual Design

Color palette, typography, iconography, and component library

Tools Used

Figma, Adobe XD, Procreate, Canva

Deliverables

Design system, prototypes, handoff specs, user testing reports


Key Results & Impact

60%

Faster financial assessment process

85%

User satisfaction with matching algorithm

92%

Successful co-buyer partnerships formed

4.8/5

Average platform rating

Next Project โ†’