Bree (YC S21)

Evolving a money app for 800k+ users

At Bree, a fast-growing fintech startup, I joined as the second product design hire, owning end-to-end mobile design. Bree builds a more responsible financial safety net with instant, interest-free access to funds, reducing reliance on predatory lending and supporting healthier financial habits. Working closely with founders, engineering, and data, I’ve shipped a wide range of features spanning growth, monetization, and core product experience, often moving from idea to live product in days or weeks. Selected impact and work: • Higher-tier limits flow → $1M+ projected added annual revenue • Cancellation redesign → 20% reduction in churn • Referrals redesign → 25% increase in shares • Lifecycle emails → +75% engagement through A/B testing • Led user research + data analysis to inform product decisions • Redesigned core experiences (10+ surfaces) • Drove design QA + conversion optimization across the app • Launched web-to-app funnel → +20% conversion • Pushed design system updates and product features directly in codebase This page features a selection of projects I’ve worked on. Additional work will be shared as it becomes available.

Role

Product designer

Team

2 designers

Timeline

Sep '25 - Now

Core account experience

Account and settings, evolved

I redesigned and expanded Bree’s core account experience across settings, spanning payments, personal information, security, legal, and support, reworking existing subpages while introducing entirely new surfaces/features that did not previously exist.

Problem

Account/settings felt unreliable and difficult to navigate. Key information was buried or missing, interaction patterns varied across pages, and users lacked clear visibility and control over their account.

Solution

Redesigned 10 core account surfaces and introduced shared patterns across all flows, creating a more consistent and intuitive experience. Improved existing pages and introduced new surfaces to better support account management.

Problem

Account/settings felt unreliable and difficult to navigate. Key information was buried or missing, interaction patterns varied across pages, and users lacked clear visibility and control over their account.

Solution

Redesigned 10 core account surfaces and introduced shared patterns across all flows, creating a more consistent and intuitive experience. Improved existing pages and introduced new surfaces to better support account management.

All account surfaces

A unified system across 10 core account experiences, spanning payments, personal information, security, support, and more.

All account surfaces

A unified system across 10 core account experiences, spanning payments, personal information, security, support, and more.

System improvements

To unify the experience, I established shared patterns across all account surfaces, making interactions more predictable and information easier to understand.

Consistent layout structure

Standardized layouts across all account surfaces to create a familiar and predictable structure, making navigation more intuitive.

More visual

Introduced icons, visual cues, and supporting elements to make content easier to process and more engaging at a glance.

Expanded user control

Enabled key actions like updating, removing, and managing account details directly within each surface, giving users more control over their account.

Richer account context

Surfaced additional details across pages, helping users better understand their account and make more informed decisions.

System improvements

To unify the experience, I established shared patterns across all account surfaces, making interactions more predictable and information easier to understand.

Consistent layout structure

Standardized layouts across all account surfaces to create a familiar and predictable structure, making navigation more intuitive.

More visual

Introduced icons, visual cues, and supporting elements to make content easier to process and more engaging at a glance.

Expanded user control

Enabled key actions like updating, removing, and managing account details directly within each surface, giving users more control over their account.

Richer account context

Surfaced additional details across pages, helping users better understand their account and make more informed decisions.

Before and after

To land on my final designs, I went through multiple iterations and ideas. Check out some before-and-after's of the old designs vs. new ones.

Before and after

To land on my final designs, I went through multiple iterations and ideas. Check out some before-and-after's of the old designs vs. new ones.

Before

Layouts varied in quality and clarity, with key actions often hidden or inaccessible, limiting how users could manage their account.

After

Established consistent, more refined layouts across all surfaces and surfaced key actions directly in the interface, giving users greater control over their account.

Before

Pages were text-heavy and lacked strong visual cues, making them harder to scan and less engaging to navigate.

After

Introduced visual elements like coloured icons and supporting cues to improve scanability and create a more engaging browsing experience.

Before

Content across account surfaces was often unstructured or loosely organized, making it difficult for users to find relevant information quickly.

After

Established clearer information architecture across all surfaces by grouping related content and prioritizing key actions. For example, support content was reorganized into categories and key actions like AI chat were surfaced more prominently to help users find answers faster.

Exploration and iteration

Each core experience went through multiple explorations and iteration cycles. Here's a glimpse into some designs that didn't make it and why.

Exploration and iteration

Each core experience went through multiple explorations and iteration cycles. Here's a glimpse into some designs that didn't make it and why.

Main settings page

From task-first to profile-driven, I explored how to balance efficiency, familiarity, and personalization. The final direction combines the clarity of a structured layout with subtle personalization, creating an experience that is both functional and approachable.

Impact

These improvements drove measurable gains in usability, self-serve behavior, and support efficiency. Here's a few metrics. Come back soon for more!

300% increase

in AI chat usage, helping reduce reliance on support agents.

48% decrease

in support tickets by improving access to self-serve and AI-driven support.

43% decrease

in login failures by expanding biometric authetication to match users' device and improving login experience.

Impact

These improvements drove measurable gains in usability, self-serve behavior, and support efficiency. Here's a few metrics. Come back soon for more!

300% increase

in AI chat usage, helping reduce reliance on support agents.

48% decrease

in support tickets by improving access to self-serve and AI-driven support.

43% decrease

in login failures by expanding biometric authetication to match users' device and improving login experience.

Membership cancellation

Reducing churn without dark patterns

Bree membership unlocks premium features like spending insights to help users better manage their finances. The existing cancellation flow was a direct path to the exit with no attempt to retain users beyond dark UX patterns.

Problem

Users were cancelling their membership, and there was no attempt to understand why.

Solution

I redesigned the flow to capture cancellation intent and serve targeted retention offers based on the reason. Churn dropped 20% while keeping the experience transparent and easy to complete.

Problem

Users were cancelling their membership, and there was no attempt to understand why.

Solution

I redesigned the flow to capture cancellation intent and serve targeted retention offers based on the reason. Churn dropped 20% while keeping the experience transparent and easy to complete.

The exit

A new cancellation flow that surfaces membership value, captures user intent, and introduces targeted retention moments. Each step is designed to feel clear and respectful, while guiding users through their decision without unnecessary friction.

The exit

A new cancellation flow that surfaces membership value, captures user intent, and introduces targeted retention moments. Each step is designed to feel clear and respectful, while guiding users through their decision without unnecessary friction.

Targeted retention offers

I analyzed cancelling user data and found clear differences in engagement, from trial users who never reached value to paid users who didn’t find it worth the price. Instead of a one-size-fits-all approach, I introduced targeted retention offers based on user state, extending time, reinforcing habit, offering flexibility, or reducing price.

Targeted retention offers

I analyzed cancelling user data and found clear differences in engagement, from trial users who never reached value to paid users who didn’t find it worth the price. Instead of a one-size-fits-all approach, I introduced targeted retention offers based on user state, extending time, reinforcing habit, offering flexibility, or reducing price.

Feedback & status clarity

The cancellation survey now captures deeper context by providing more reasons and letting users expand on their reason. I also clarified the existing membership experience by surfacing key details and adding status tags across settings and the membership details screen for at glance viewing.

Feedback & status clarity

The cancellation survey now captures deeper context by providing more reasons and letting users expand on their reason. I also clarified the existing membership experience by surfacing key details and adding status tags across settings and the membership details screen for at glance viewing.

Key insights

By looking at both user behaviour and the existing flow, a few clear patterns emerged that explained why the original experience was falling short.

Dark patterns eroded trust

The cancellation flow relied on patterns like swapping CTA positions, creating frustration and confusion. Instead of improving retention, it broke user trust at a critical moment.

Guilt replaced value

Users were forced to acknowledge what they’d lose, but weren’t reminded why the membership was worth keeping. The experience focused on pressure over genuine value.

Feedback was wasted

While we prompted users to share why they were cancelling, this data wasn’t stored or structured. We were collecting insight without actually learning from it.

Lack of membership clarity

Users weren’t given key details like renewal timing or payment method, making it harder to make informed decisions about their membership.

Key insights

By looking at both user behaviour and the existing flow, a few clear patterns emerged that explained why the original experience was falling short.

Dark patterns eroded trust

The cancellation flow relied on patterns like swapping CTA positions, creating frustration and confusion. Instead of improving retention, it broke user trust at a critical moment.

Guilt replaced value

Users were forced to acknowledge what they’d lose, but weren’t reminded why the membership was worth keeping. The experience focused on pressure over genuine value.

Feedback was wasted

While we prompted users to share why they were cancelling, this data wasn’t stored or structured. We were collecting insight without actually learning from it.

Lack of membership clarity

Users weren’t given key details like renewal timing or payment method, making it harder to make informed decisions about their membership.

Exploration and iteration

To land on my final designs, I went through multiple iterations and ideas. Check out some before-and-after's of the old designs vs. new ones.

Exploration and iteration

To land on my final designs, I went through multiple iterations and ideas. Check out some before-and-after's of the old designs vs. new ones.

Before

Membership details were almost nonexistent, showing only an active state and leaving users in the dark about critical information.

After

Introduced clear, transparent details like renewal timing and payment method, giving users full visibility and confidence in their decisions.

Before

The flow relied on manipulative, guilt-driven tactics, forcing users to acknowledge lost benefits in an attempt to pressure them into staying.

After

Reframed the experience around genuine value, clearly communicating how the membership supports users so they can make an informed, confident choice.

Before

CTAs constantly swapped positions, creating a misleading and frustrating experience that relied on users making mistakes.

After

Designed a consistent, predictable flow that aligns with user expectations, building trust and reducing unnecessary friction.

Release strategy

Because cancellation flows directly impact retention and revenue, the redesign was rolled out incrementally to validate assumptions before introducing deeper personalization.

Step 1: Unified v1 launch

A single shared flow to validate core issues around value communication and friction.

Step 2: Measure

Measure completion, save rates, support tickets, and feedback to see what’s working and where users still drop off.

Step 3: Segmentation rollout

Introduce more targeted paths based on user type, engagement level, and cancellation reason.

Release strategy

Because cancellation flows directly impact retention and revenue, the redesign was rolled out incrementally to validate assumptions before introducing deeper personalization.

Step 1: Unified v1 launch

A single shared flow to validate core issues around value communication and friction.

Step 2: Measure

Measure completion, save rates, support tickets, and feedback to see what’s working and where users still drop off.

Step 3: Segmentation rollout

Introduce more targeted paths based on user type, engagement level, and cancellation reason.

Impact

A more transparent and user-centered cancellation experience led to lower churn and higher revenue.

20% decrease

in churn by redesigning the cancellation experience.

22% increase

in membership revenue month-over-month.

Impact

A more transparent and user-centered cancellation experience led to lower churn and higher revenue.

20% decrease

in churn by redesigning the cancellation experience.

22% increase

in membership revenue month-over-month.

Bree rewards

Driving retention through rewards and giveaways

Bree Rewards came out of Bree’s annual company hackathon, where teams get to dream up imaginative ideas for the product. The project explored how Bree could increase engagement through a giveaway-based rewards system. Rather than treating rewards as a passive loyalty program, Bree Rewards used daily actions, referrals, early repayments, surveys, games, and ads to encourage repeat engagement while supporting business goals like retention, revenue, repayment behavior, and user growth.

Problem

Bree needed a way to keep users engaged beyond borrowing moments while also addressing churn, delinquency, and low repeat interaction.

Solution

I designed a rewards hub that incentivizes high-value user actions with giveaway entries and cash-based prizes.

Problem

Bree needed a way to keep users engaged beyond borrowing moments while also addressing churn, delinquency, and low repeat interaction.

Solution

I designed a rewards hub that incentivizes high-value user actions with giveaway entries and cash-based prizes.

Final designs

Final designs and prototypes showcasing the refined visual and interaction system in action, highlighting workflows and features.

Final designs

Final designs and prototypes showcasing the refined visual and interaction system in action, highlighting workflows and features.

Main giveaway experience

The main giveaway screen brings together the user’s progress, available prizes, and ways to earn entries in one focused surface. The FAQ supports transparency by explaining prize details and eligibility without interrupting the core experience.

Giveaway outcomes

The outcome states make the end of the giveaway feel clear and intentional. Winners get a celebratory moment with clear next steps, while non-winners see a resolved end state that confirms the cycle has ended and keeps the experience feeling complete.

What would be impacted?

Bree Rewards transforms everyday actions into repeatable engagement moments that create value for both users and the business.

Retention & engagement

Giveaways create repeat moments that keep users coming back and interacting daily.

Repayment behavior

Reward-based incentives encourage users to repay earlier and build better repayment habits.

User growth

Referral entries turn the giveaway into a growth loop that brings new users into Bree.

Pure revenue & data collection

Ads, games, surveys, and form-based tasks create new revenue moments while increasing useful data for future underwriting.

What would be impacted?

Bree Rewards transforms everyday actions into repeatable engagement moments that create value for both users and the business.

Retention & engagement

Giveaways create repeat moments that keep users coming back and interacting daily.

Repayment behavior

Reward-based incentives encourage users to repay earlier and build better repayment habits.

User growth

Referral entries turn the giveaway into a growth loop that brings new users into Bree.

Pure revenue & data collection

Ads, games, surveys, and form-based tasks create new revenue moments while increasing useful data for future underwriting.

What could ROI look like?

Using real data points and extremely conservative assumptions around user volume, retention lift, engagement lift, and build cost, Bree Rewards showed strong potential return without overestimating ROI.

$10.9K investment

across prize cost, design, and engineering effort.

$81.6K return

in estimated monthly value from retention, engagement, and ad revenue.

708% ROI

based on the above numbers. This estimate does not include broader gains from a larger data set, direct revenue from surveys and games, and long-term user growth.

What could ROI look like?

Using real data points and extremely conservative assumptions around user volume, retention lift, engagement lift, and build cost, Bree Rewards showed strong potential return without overestimating ROI.

$10.9K investment

across prize cost, design, and engineering effort.

$81.6K return

in estimated monthly value from retention, engagement, and ad revenue.

708% ROI

based on the above numbers. This estimate does not include broader gains from a larger data set, direct revenue from surveys and games, and long-term user growth.

Designing in code

Bridging design and development in production

I got to work directly in the codebase, designing, coding, and shipping product updates myself. This section covers two small but meaningful projects: design system updates that made the app more consistent across design and production, and a branded loading game that gave users something to do while their bank account connected.

Problem

1. Bree’s design system had two layers of inconsistency. For designers in Figma, and for engineers in code. That made it harder to design quickly and harder to ship what the designers designed. 2. There was a high drop-off rate during slow bank connection flows.

Solution

1. I updated and added new components to Bree’s design system in Figma and coded reusable components in the React Native codebase 2. I shipped a loading game that kept users engaged during bank connection.

Problem

1. Bree’s design system had two layers of inconsistency. For designers in Figma, and for engineers in code. That made it harder to design quickly and harder to ship what the designers designed. 2. There was a high drop-off rate during slow bank connection flows.

Solution

1. I updated and added new components to Bree’s design system in Figma and coded reusable components in the React Native codebase 2. I shipped a loading game that kept users engaged during bank connection.

Design system in code

Along with coding consistent components in code for engineers, I replicated them in Storybook so designers and engineers alike could reference and test the design system anytime. My work impacted both foundational elements like colours, and components like buttons.

Bree bird game

Since Plaid and Flinks took a long time to connect, the game gave users something playful to do while they waited, using Bree’s bird logo and brand colours to keep it feeling native to the app.

Iterating in code

Building these changed how I made decisions as a designer. Once I had something running on my phone, the design decisions felt much clearer. The initial iteration process moved quickly to the agent and the code. The biggest takeaway for me was that designers can now become the builders themselves where truly the only limit is your imagination.

Iterating in code

Building these changed how I made decisions as a designer. Once I had something running on my phone, the design decisions felt much clearer. The initial iteration process moved quickly to the agent and the code. The biggest takeaway for me was that designers can now become the builders themselves where truly the only limit is your imagination.

Check back soon :-)

I will be adding more projects over time! Come back soon!

Check back soon :-)

I will be adding more projects over time! Come back soon!

Thanks for visiting my portfolio!

Best viewed on desktop.

© 2026 Chris Pan.