Build Early Money Habits - Financial Literacy App Design
Designed a cohesive brand identity, responsive landing page, and mobile application experience for a children's financial education program, making financial learning approachable for kids and enrollment easier for parents.
Role
Tools
Team
Project Overview
Build Early Money Habits is a five-week financial literacy program designed to teach children ages 10–12 essential money management skills through interactive online lessons. The program needed a cohesive brand identity and digital experience that would build trust with parents and encourage enrollment.
As part of my Flatiron School apprenticeship, I independently designed the brand identity, responsive landing page, and mobile app experience within a five-day timeline, focusing on making financial education engaging for children and accessible to parents.
Problem Statement
Build Early Money Habits lacked a cohesive brand identity and digital presence, making it difficult to establish credibility with parents and encourage enrollment in its financial literacy program.
No established brand identity to build recognition and trust
Limited online presence to communicate the program's value
Need for an engaging, age-appropriate experience for children ages 10–12
Need for a clear, accessible enrollment experience for parents
Five-day timeline to develop the brand, landing page, and mobile app designs
Research & Discovery
I conducted a competitive analysis of four children's financial education platforms to identify opportunities for creating an engaging, trustworthy, and accessible learning experience.
Key Findings
Kids Edcraft: Diverse course offerings, but inconsistent visual design.
Money Time: Comprehensive learning resources, but limited interactive elements.
Everfi: Broad educational content, but opportunities for stronger branding and engagement.
NFEC: Strong financial education resources, but opportunities to improve visual accessibility and mobile usability.
These findings highlighted opportunities to create a more cohesive visual identity, improve accessibility, and make financial education more engaging for children. I used these insights to guide the branding, navigation, and overall experience of the mobile app and landing page.
Ideation
Using insights from my competitive analysis, I explored ways to simplify course discovery and enrollment while making financial education more accessible to children and parents.
I focused on creating an intuitive experience that would help parents understand the program, explore course offerings, register their children, and complete enrollment with minimal friction.
Wireframing
The wireframes established a streamlined enrollment experience across mobile and web, with clearer navigation and fewer barriers to course registration.
Visual Design
I created a vibrant, playful visual identity that makes financial education feel approachable for children ages 10–12. Bright blue, green, and purple tones, friendly Nunito and Roboto typography, and colorful 3D illustrations bring consistency and personality to the mobile app and landing page.
Prototyping & Testing
I created interactive high-fidelity prototypes in Figma to refine the mobile app’s onboarding, account creation, course enrollment, and checkout experiences.
2
Platforms
5
Course Weeks
10-12
Target Age
Final Design
The final design brings Build Early Money Habits to life through a colorful, user-friendly mobile app and responsive landing page, making financial education accessible and engaging for children and parents.
Key features include:
Interactive onboarding and account creation
Parent and child profile setup
Financial literacy course exploration and enrollment
Course scheduling and shopping cart
Secure payment and checkout flow
Responsive landing page promoting course registration
Lessons Learned
Designing for two audiences requires balance. The experience needed to engage children while giving parents confidence in enrollment and payment.
Brand identity shapes the user experience. Playful visuals and approachable typography helped make financial education feel less intimidating.
Clear navigation supports complex journeys. Organizing onboarding, course selection, and checkout into understandable steps helped simplify the experience.
Time constraints require prioritization. Working within a five-day project timeline reinforced the importance of focusing on essential features.
Next Steps
Conduct usability testing with parents and children to evaluate navigation, comprehension, and enrollment.
Refine the mobile experience based on testing feedback and accessibility needs.
Explore interactive financial literacy activities to increase engagement.
Test the landing page's messaging and enrollment flow with prospective parents.
