CHILDREN

CHILDREN

CHRISTIAN

CHRISTIAN

Weekly Allowance

Weekly Allowance

$20.00

$20.00

3

3

2 Task Requests

2 Task Requests

1 Money Request

1 Money Request

Review

Review

Send Money

Send Money

RHONDA

RHONDA

Weekly Allowance

Weekly Allowance

$20.00

$20.00

Daily Spending Limit

Daily Spending Limit

$10.00

$10.00

3

3

2 Task Requests

2 Task Requests

1 Loan Request

1 Loan Request

Review

Review

Send Money

Send Money

Link Child Profile

Link Child Profile

Privacy Policy | Agreement & Disclosure

Privacy Policy | Agreement & Disclosure

COPPA Privacy Policy | COPPA Direct Notice

COPPA Privacy Policy | COPPA Direct Notice

Federally Insured by NCUA. Equal Housing Opportunity

Federally Insured by NCUA. Equal Housing Opportunity

Total Checking Balance

Total Checking Balance

$230.00

$230.00

ACC: XXXX-XXXX-1234

ACC: XXXX-XXXX-1234

Saved

Saved

$120.00

$120.00

Spent

Spent

$120.00

$120.00

+$12 today

+$12 today

Budgeting & Saving

Budgeting & Saving

COMPLETE

COMPLETE

12 VIDEOS

12 VIDEOS

Credit Scores

Credit Scores

IN PROGRESS

IN PROGRESS

6 VIDEOS

6 VIDEOS

Loans

Loans

IN PROGRESS

IN PROGRESS

11 VIDEOS

11 VIDEOS

Income & Investments

Income & Investments

NOT STARTED

NOT STARTED

5 VIDEOS

5 VIDEOS

12-day reading streak

12-day reading streak

S

S

M

M

T

T

W

W

T

T

F

F

S

S

MODULE 1

MODULE 1

Chapter 2: Think Like a Millionaire!

Chapter 2: Think Like a Millionaire!

Last Accessed: 10/25/2026

Last Accessed: 10/25/2026

72%

72%

COMPLETE

COMPLETE

Lead Product Designer @ Nuuvia

Lead Product Designer @ Nuuvia

ROLE

Sole Product Designer

TEAM

1 Manager

1 Designer

3 Engineers

TIMELINE

July 2025 - Present

SKILLS

UX Research

Data Analysis

Market Research

JIRA Workflows

Design Systems

Mobile UI Design

Stakeholder Communication

TOOLS

Figma Suite

Apple Draw

Lottie Animations

AWS Quicksight

OVERVIEW

Nuuvia is a B2B2C Youth Banking platform embedded within Financial Institutions' online banking ecosystems.

Nuuvia serves banks and credit unions aiming to build lifelong relationships with younger customers. Children earn monetary incentives by completing tasks and jobs, growing savings accounts from an early age while parents guide behavior. This early trust increases retention as users transition into adult banking products.

BUSINESS NEED

The original design architecture could not support expanding use cases across youth, parent, and senior banking.

A long-term scalable solution required strong, reusable design foundations.

THE PROBLEM

While financial institutions were satisfied, customer outcomes told a different story. We saw low MoM retention and limited post-registration engagement. This highlighted a gap between business success and user value. We needed to define and execute a strategy that fit both Financial Institution and the end users.

IMPACT

$4M

worth deals closed

after launching the UI Refresh.

12 Clients

and counting onboarded.

~90%

reduction in

implementation time

OLD DESIGNS

The original designs were created in 2018 within a .NET ASP framework by software engineers for internal use, and were not built for scalability in mind. While the designs were sufficient to demonstrate capability and functionality to financial institutions, they were not suited for sustained engagement by the end users.


"We cannot revamp the whole product. We need to ensure the new version is stable with the old back-end which is connected with individual client's database with different fields"

HOW CAN WE

Deliver an improved User Experience without adding any functionality?

To make sure that the end users are engaging with the product and are forming healthy financial habits.

HOW CAN WE

The product stays upto the current market trends in design without affecting experience shift?

To ensure experiential continuity and preserve Nuuvia’s core interaction patterns preventing abrupt shifts in look and feel for existing users.

CONSTRAINTS

Certain functions such as scheduled transfers and transfer limits are outside our control since Nuuvia lives inside an institution’s online banking system,

and all transactions went through their core systems.

This leads to custom, one-off implementations across different integration partners.

PHASE 1: UI REFRESH (NUU 2.0)

Improved Onboarding Experience for Clients.

I decomposed 144 design configuration items into just 3.

This increased implementation efficiency by avg 90%.


This allowed us to onboard clients faster.

4-6 Weeks to 3-4 Days.

Efficiency Increase

~90%

Implementation Time Reduced

~30 Days

—text-shadow-color

—secondary-button-color

--bullet-bg-color

—bullet-text-color

—button-shadow-color

—text-shadow-color

—secondary-button-color

--bullet-bg-color

—bullet-text-color

—button-shadow-color

Built a Design System

Built a Design System

…BUT WHY DO WE NEED A DESIGN SYSTEM FOR ONE PRODUCT?

The answer is more strategic rather than necessity.

I built a design system to create variable modes for each client with 3 toggles - Font, Color and Logo.

This allowed me to create demos of the entire product; customized to potential clients' brand voice.

BRAND

Brand / Primary #1B1F52

Brand / Black #1E1E1E

Brand / White #F9F1E5

TEXT

Text / Primary #111111

Text / Secondary #4C4B4B

Text / Inverse #FFFFFF

Text / Alert #EE4F28

Text / Success #3CBC81

Text / Warning #FFC800

BUTTONS

Button / Primary / BG #1B1F52

Button / Primary / Text #FFFFFF

Button / Approve / BG #FFFFFF

Button / Approve / Text #3CBC81

Button / Alert / BG #FFFFFF

Button / Alert / Text #EE4F28

Button / Disabled / BG #797979

Button / Disabled / Text #FFFFFF

ADVANTAGE

Through this design system I was able to present customized demos of the whole product with prototypes and variable modes for potential clients.

SEE HOW QUICK IT IS!

This is just an idea with dummy variables to show the process.

PHASE 2: FEATURE EXTENSIONS

While the demos happening, something more was cooking.

I wanted to ensure all the features on the product were fully operational which formed the foundation of scalable designs.

GAP ANALYSIS

I identified gaps in the current features to understand the scope of incremental delivery and what to target next.


We decided to prioritize improvements in the core banking features.

Opportunities for Improvement

I used the "I have" and "I wish" boards (not exhaustive) to scope incremental value without adding more WRITE queries on database ^_^

Improved Workflows

PHASE 3: THE DESIGNS.

I used Figma Make + Lovable to explore initial ideas of implementing these functions and tested out few concepts. The whole design ecosystem lived on Figma which make it easier to use plug-ins to import frames across these platforms.

+

EXAMPLE PROMPT

"Design a Review Requests page for a youth banking app where a parent can clearly approve or reject requests submitted by a child, including both tasks, loan requests and grade card requests. The page should be scoped to a specific child and present requests as a clear, scannable list with key details surfaced upfront (type, amount, due date, and status). Rejection should intentionally require a short note to provide context and guidance. The overall flow should support parental oversight without friction, using clear hierarchy and decisive actions that align with existing product patterns. Reference frame attached."

RESULT

The initial UI baseline generated by Figma Make provided a creative starting point but lacked the structural logic required for our 3-week shipping window. The AI-generated layout utilized non-standard spacing and complex, nested layers that would have necessitated extensive custom CSS and increased. development time. I audited the generated design and swapped out custom elements for standardized components from our existing library. This pivot not only guaranteed a cohesive aesthetic but also drastically reduced implementation friction, allowing the engineering team to focus on functionality rather than pixel-pushing.

Figma Make result included description of the task which we did not collect.

It also showed total requests approved which we did not store in the database.

Made design changes to reflect the data we have, the brand voice and

overall usability of the function.

HIGH FIDELITY DESIGNS

Product Enhancements

A good UX is invisible. I made silent UI changes that improved the experience significantly. It is fascinating really to see the power of organization.

Prototype Presentation

This presentation was used to demo Nuuvia 2.0 to clients

AUTHOR NOTE

"Being the only product designer on the team meant learning without a safety net. I learned to trust my instincts, take responsibility for my decisions, and grow through mistakes. This project showed me that design goes far beyond what users see on a screen. UX doesn’t just live in the product; it lives within the team as well 🧡"

AUTHOR NOTE

"Being the only product designer on the team meant learning without a safety net. I learned to trust my instincts, take responsibility for my decisions, and grow through mistakes. This project showed me that design goes far beyond what users see on a screen. UX doesn’t just live in the product; it lives within the team as well 🧡"

Have an Idea? Let's Collab!

Made with lots of

by Prachee

2026

Have an Idea? Let's Collab!

Made with lots of

by Prachee

2026