alyssa herbst
UX Design Project - InvoiceFlow
  • September 2025


The Challenge

Describe the main problem or challenge you were asked to solve. What was the brief or assignment from the Google UX course?

The Solution

Provide a high-level overview of your solution. What did you design and how does it solve the problem?

Tools & Methods Used

Figma User Interviews Persona Development Journey Mapping Wireframing PrototypingUsability Testing

Understanding the Problem

Problem Statement

Freelance creative designers usually juggle multiple clients and projects at the same time. They need a simple way to track invoices by project or project phase, because managing payments across different clients has become overwhelming. Existing tools are either too complex or not tailored to the way freelancers work, leaving freelancers feeling disorganized and anxious about their finances.

Users

Who are you designing for? Demographics, behaviors, needs.
Pain Points
What specific problems do they face? What frustrates them?
Goals
Our invoice tracking app will let freelance designers and small business owners easily create, organize, and track invoices by project or project phase, which will affect freelancers with multiple clients and ongoing projects by reducing stress, saving time, and ensuring they get paid on time.
We will measure effectiveness by tracking the reduction in missed/late payments, user satisfaction through surveys, and adoption of the app’s automated reminders and tracking features.



Research & Discovery

User Interviews


Conducted interviews to understand user needs, behaviors, and pain points.

Key Findings:

  • •Users struggle with [specific problem]
  • •Most important feature is [feature]
  • •Main frustration is [pain point]

Competitive Analysis - Analyzed existing solutions to identify opportunities and best practices.

Key Findings:

 Simplicity & focus - Unlike QuickBooks or FreshBooks, our app would be lightweight, intuitive, and freelancer-first.
 Project-based invoicing - Tailored for creatives working on multi-phase projects, not just generic business billing.
 Built-in professionalism - Automatically branded, client-friendly invoices (no “hacky spreadsheets”).
Affordable/freemium - Accessible to early-career freelancers who can’t afford expensive subscriptions

User Personas - Based on research, I created personas to represent the target users:

Primary Persona: Ana, DJ 

Age: 25
 Works independently with multiple clients per month.
 Needs: Quick invoicing, reminders, and professional-looking PDFs.
Pain points: Hates spreadsheets, loses track of payments.

Secondary Persona: David, Contractor

Age: 49
 Runs a 3-person team.
 Needs: Dashboard for multiple clients, recurring invoices, and loses track of payments.
Pain points: Needs something easy to use and inexpensive - can’t waste time on admin tasks.



Ideation & Concept Development

How Might We...


I reframed the problem into opportunity statements:
  • •How might we help users [achieve goal] more easily?
  • •How might we reduce [pain point] in the current process?
  • •How might we make [task] more intuitive?

User Journey Map


Mapped the current user journey to identify pain points and opportunities for improvement.

Sketching & Ideation


Explored multiple concepts through rapid sketching and brainstorming sessions.


Design Process

Information Architecture


Organized content and features into a logical structure. Show your sitemap or app flow here.

Wireframes



Started with low-fidelity wireframes to establish layout and user flow before moving to high-fidelity designs.

Design System

Colors


Primary, secondary, and accent colors chosen for accessibility and brand alignment.

Typography


Font choices that enhance readability and reflect the brand personality.

Components


Reusable UI elements like buttons, form fields, and navigation components.


Final Solution



Present your final design solution. Show key screens, highlight important features, and explain how your design solves the original problem.

Key Feature 1

Feature Screenshot
Explain how this feature solves a specific user problem.

Key Feature 2

Feature Screenshot
Explain how this feature solves a specific user problem.

Key Feature 3

Feature Screenshot
Explain how this feature solves a specific user problem.

Accessibility Considerations


Describe how you ensured your design is accessible to users with different abilities. Include color contrast ratios, keyboard navigation, screen reader compatibility, etc.



Results & Validation

Usability Testing

Conducted usability tests with [number] participants to validate the design.

95%
Task Completion Rate
4.2/5
Average Usability Score
30s
Average Task Time

What Worked Well

  • ✓Users found the navigation intuitive
  • ✓Key features were easily discoverable
  • ✓Visual design was well-received

Areas for Improvement

  • !Some users confused by [specific element]
  • !Need clearer labeling for [feature]
  • !Consider adding [suggested improvement]

Reflection & Next Steps



Key Learnings
  • •What did you learn about the design process?
  • •What would you do differently next time?
  • •What surprised you during this project?
Challenges Faced
Discuss any obstacles you encountere d and how you overcame them. This shows problem-solving skills and resilience.
Next Steps
If you had more time or resources, what would you improve or add? What additional research or testing would you conduct?
Impact & Value

 Summarize the value your design brings to users and the business. Even for a course project, think about the real-world impact your solution could have.