Skip to main content
UI Coach Logo
Intermediate

College Money Plan

Design a practical finance guide that helps a college student build a monthly plan and evaluate legitimate earning options.

Responsive web, Mobile2 to 4 hours

The brief

Understand the problem

Background

Students face irregular expenses, limited income, credit offers, and online earning schemes that promise easy money. General tips are more useful when connected to a realistic budget and clear scam warnings.

User context

Dylan receives a monthly allowance, works occasional shifts, and needs to cover books and transport without taking on high-cost debt.

Product problem

Students need a nonjudgmental plan that handles variable income and distinguishes legitimate work from risky financial claims.

Objective

Create budget setup, monthly overview, savings decision, and earning-opportunity evaluation for a college student.

What to design

Define the experience

Required experience

  • Enter recurring and irregular income and expenses
  • Review a needs-first monthly plan
  • Adjust a savings goal after an unexpected cost
  • Evaluate an online earning offer against scam signals

Screens and states

  • Budget setup
  • Monthly plan
  • Scenario adjustment
  • Opportunity safety check

Core user flow

Follow the critical path

  1. 01

    Dylan enters allowance, shift income, books, food, and transport

  2. 02

    The plan sets aside a buffer before discretionary spending

  3. 03

    A lab fee appears and he revises the month's savings

  4. 04

    He checks a remote job offer and sees why an upfront fee is unsafe

Product rules

Requirements and constraints

Requirements

  • Support variable income and one-off academic costs
  • Use plain language for credit, interest, and repayment
  • Cite current regional resources and student support
  • Flag job or income claims that demand payment or sensitive credentials

Constraints

  • The service cannot promise earnings or individualized investment returns
  • Bank connection must be optional
  • Budget values remain private by default

Reality check

States worth considering

Income is lower than essential expenses
The student has no stable housing
Currency or school term changes
A linked account stops updating

Finish line

What to deliver

  • Four responsive screens covering one monthly plan and income warning

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
KarlaInconsolata

Karla & Inconsolata

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Advanced
Education

Adaptive Learning Progress Review

Design a progress review that explains why a learning path changed and lets a student and teacher adjust the next goal.

Responsive web2 to 4 hours
Data VisualizationContent Design
Advanced
Education

Moderated Course Discussion

Design a cohort discussion space where facilitators can address harassment, misinformation, and off-topic conflict transparently.

Responsive web4 hours plus
Trust and SafetyContent Design
Advanced
Education

Pronunciation Feedback Practice

Design a language exercise that compares a learner's recording with a target phrase and gives specific, respectful feedback.

Mobile2 to 4 hours
Interaction DesignContent Design
Advanced
Education

Teacher Question Queue

Design a structured academic help space where students can ask a teacher for guidance without bypassing learning.

Responsive web2 to 4 hours
Service DesignDashboard Design
Intermediate
Education

Build a Private Reflection Practice

Design a spiritual learning journal that supports chosen readings and reflection without guilt-driven streaks or claims of guaranteed outcomes.

Mobile2 to 4 hours
Content DesignTrust and Safety
Intermediate
Education

Company and Invention Timeline

Design an editorial history experience that connects one influential invention with the people and companies that shaped it.

Responsive web2 to 4 hours
Information ArchitectureData Visualization