WHAT I DID

I designed a flow that gives users the words before it asks them to use one: Hero → Browse by Category → Ask Question → About. The home page lays out three categories — Family, Criminal, Property — so a user recognizes their situation instead of having to name it themselves. From there they can ask freely in a proper chat box, in English, Urdu, or Roman Urdu, so users who don't read English aren't locked out either.

I used black and white as the core color scheme — the same colors as a lawyer's uniform in Pakistan — so the interface signals what it is before a user reads a single word.

What I Chose Not to Build

I considered adding a “connect with a real lawyer” option. I cut it — not because it was hard to code, but because I had no real lawyers to put behind it, and I wasn't going to ship a feature I couldn't back up. I built and coded the entire app myself, front to back, so every design decision here was made against what I actually knew I could deliver.

WHAT I DID

I designed FinFlow, a freelance finance dashboard that empowers freelancers to track income, organize expenses, automate tax calculations, and send professional invoices directly to clients—all from a single interface. My process go through: User persona → User Journey Map → Competitor Analysis → User Flow → Wireframing → UI Design → Prototyping → Usability Testing → Handsoff.

Color Strategy

I chose Indigo (#4F46E5) as the primary color to convey trust, professionalism, and financial reliability—essential for a tool that handles users' money and sensitive data. Green represents income and positive cash flow, while soft red indicates expenses without triggering anxiety (a key insight from user testing). The neutral grayscale background ensures data visualization remains the focal point, making financial information scannable at a glance.

Typography Strategy

I selected Inter for headings—a clean, modern sans-serif that offers excellent readability across screen sizes and conveys professionalism and clarity. For body text, I chose IBM Plex Mono, a monospaced font that reinforces the financial and data-driven nature of the dashboard, making numbers, transaction amounts, and code-like information instantly recognizable. The combination creates a clear visual hierarchy: Inter guides the user through sections, while IBM Plex Mono adds precision and trust to financial data.

What I Chose Not to Build

I deliberately chose not to build a full accounting suite with advanced features like profit/loss statements, balance sheets, or inventory management—these would overwhelm freelancers who aren't accountants. I also avoided complex budgeting tools and investment tracking, as user research revealed freelancers' primary needs are cash flow visibility, tax clarity, and invoice management. Instead, I focused on the core essentials: a visual dashboard, tax automation, and one-click invoicing—features that directly address the top three pain points identified in user interviews.