Illustrator | After Effects | Photoshop |Figma | LearnWord (Web-Builder)
The Purpose
REP4FinLit is a student-focused financial literacy platform designed to help young adults build practical money skills through interactive tools, budgeting assistance, and short learning modules. It combines educational content with real-time financial planning features, such as FinBot—a conversational AI assistant that guides users through creating personal budgets, understanding cost-of-living differences, and making savings decisions.
Built with a Y2K-futurist aesthetic, REP4FinLit uses accessible language, relatable examples, and visual metaphors to engage college students aged 18–30, especially those new to managing money. Its approach emphasizes autonomy, goal-setting, and decision-making transparency, making abstract finance concepts tangible and actionable.
*** The website is still under finalizing status ***
brand identity package | ui/ux | motion design
Brand Color Palette
Main Color
Hex: #FEDB00
RGB: 99 254 219
CMYK: 2 10 100 00
Additional Colors Bring Attention
Primary Logo Colors
Hex: #A52C87
RGB: 165 44 135
CMYK: 39 97 08 00
Hex: #603D20
RGB: 96 31 32
CMYK: 43 67 89 47
Hex: #FF8674
RGB: 255 134 116
CMYK: 00 59 49 00
Hex: #5BC2E7
RGB: 91 194 231
CMYK: 57 04 03 00
Hex: #44B59D
RGB: 68 181 157
CMYK: 70 04 48 00
Visual Assets
(Primary)
(Secondary)
Logo Marks
The trademark must present for copyright issue
Brand Logos
FinLit is the main branding and logo. However, it is also acceptable to use the longer form FinanciallyLit branding when it provides more clarity for the audience.
Brand Positioning (Partnership/Sponsorship)
*** The logos and color palette were not designed by the students. These branding elements were finalized by the client.
Money Personality Quiz (MPQ)
*** These animal illustrations were not created by me
Animal Polaroids
Iconography
“YOUR PLAYLIST ON THE JOURNEY OF FINANCIAL SELF-DISCOVERY”
Course Thumbnails
UI/UX Graphics
App Icon
Mockups
Gamification Engine
Videographics
Cursors
Module 1
Module 2
Module 3
Module 5
Module 4
Module 6
Module Transitions






Module Video Graphics
module 1 (Yellow)
module 2 (Coral)
module 3 (Brown)
module 4 (Green)
module 5 (Blue)
module 6 (Purple)
Animated Graphics
Meet The Team (Majority Present)
Worksheets Design/Layouts











