Financial Literacy Platform

Money Sprouts

Money Sprouts is a youth-focused financial education platform aimed at helping teens and families build strong money habits. The challenge was to create a scalable digital experience that balances educational credibility with approachability, while supporting multiple user groups.

A young person with curly hair wearing a headset and a black T-shirt with the logo 'Money Sprouts Youth Empowerment,' smiling and waving, sitting on a couch with a laptop. There are two other website overlays in the image, one showing a woman and a young boy with the same logo, and another showing a classroom scene with students and a teacher.

My Role

Senior UX/UI Designer — Led end-to-end product design including research, information architecture, interaction design, and visual execution. Partnered with stakeholders to define UX strategy and prioritize user needs.

View live site

Problem

  • A clear content structure for multiple audiences

  • A trustworthy brand for financial education

  • Mobile-first usability for younger users

  • Scalable architecture for future lessons and tools

Goals

  • Improve discoverability of learning resources

  • Build trust with parents and educators

  • Reduce cognitive load for younger audiences

  • Create a flexible design system for growth

UX Strategy

  • Defined primary personas (Teens, Parents, Educators)

  • Mapped user journeys for learning discovery

  • Prioritized mobile-first navigation patterns

  • Simplified content hierarchy for quick comprehension

Information Architecture

  • Designed a modular sitemap to support scalable content

  • Grouped lessons, tools, and resources into clear categories

  • Reduced navigation depth to improve findability

Lifestyle Imagery

Imagery was selected to reflect real-world relatability—featuring diverse youth and families. This helped reinforce the organization’s mission of inclusive financial empowerment.

A woman and a young girl smiling while saving coins into a pink piggy bank. There are coins and dollar bills on the table.
Two students, a girl and a boy, sitting at a table in a classroom, looking at a laptop and smiling, with another student working on a laptop in the background.
Two young adults wearing black T-shirts with promotional graphics and text, standing against a yellow background.
A young person with curly hair wearing a headset and a black T-shirt that reads "Money Sprouts Youth Empowerment" is sitting on a gray couch, smiling and waving at a laptop.
A teacher helping a young girl with glasses and curly hair complete her schoolwork in a classroom.
A man and young girl are smiling and working together on a school assignment or homework at a wooden table.

Logo Design

The logo was designed to feel fresh, scalable, and approachable—suitable for both young audiences and community partners. It works across web, print, and social platforms.

Four variations of a logo for 'Money Sprouts' with a green leaf design, the text 'Money Sprouts' in bold black, and 'Youth Empowerment' in yellow, on white and black backgrounds.

Mobile Experience

Adopted a mobile-first approach, optimizing layout and navigation to improve usability on smaller screens.

Information Architecture

Defined a scalable sitemap and information architecture to reduce navigation friction and provide intuitive access to lessons, resources, and tools for students and parents.

Flowchart diagram illustrating website structure with sections for Home, Navbar, Hero, About, Welcome Video, Mission & Vision, Services Intro, Contact Forum, Survey/Donations, FAQ, Footer, and detailed subsections for Services, Plans, Guidelines, Events, How it Works, Info, and Services.

View Information Architecture

Results & Impact

his project translated the Money Sprouts vision into a scalable digital experience, combining clear structure and visual clarity to support broader reach and deeper user engagement.

Back

Next