UX Case Study · 2026

Helping freelancers charge with confidence

MyRateKit is a free, multi-calculator web toolkit that helps independent workers understand their business numbers — rate, tax, profitability — in one place, without needing an accountant.

Product Design & Strategy
4 Weeks · 2026
Web · Mobile Responsive
myratekit.com ↗
01 — Context

The problem hiding in plain sight

Freelancing is growing fast. By 2027, an estimated 86.5 million Americans alone will work independently. Yet the most common question in every freelancer community — across Reddit, Facebook groups, and industry forums — remains stubbornly unanswered: "How much should I charge?"

The tools that exist either do too little (a single calculator on someone's blog) or belong to platforms with competing interests (Upwork's rate calculator benefits Upwork, not the freelancer). There was no neutral, beautiful, comprehensive destination built exclusively for this problem.

"I was getting clients consistently but still couldn't make rent. I had no idea I was undercharging by 40%."

— Common sentiment across r/freelance, r/forhire
70% of freelancers undercharge when starting
86M projected US freelancers by 2027
$6,500 extra tax a contractor pays vs employee at same income
0 well-designed, multi-tool alternatives existed
02 — Research

What freelancers actually struggle with

Research was conducted through community analysis — reading hundreds of posts across r/freelance, r/digitalnomad, r/forhire, and professional Facebook groups. The goal was to identify recurring pain points without survey bias. Five clear themes emerged.

PAIN #1

No baseline to start from

New freelancers have no framework for setting an initial rate. They guess, ask friends, or copy competitors — none of which accounts for their actual cost of living.

PAIN #2

Hidden cost of self-employment

Most people transitioning from employment don't know they owe both halves of FICA tax as contractors — discovering a $14,000+ tax bill for the first time is a common horror story.

PAIN #3

Can't compare contract vs. job offers

When a recruiter offers $80/hour contract vs. $120K salary, freelancers have no quick way to understand which is actually better after tax and benefits.

PAIN #4

Fear of raising rates

Established freelancers keep rates flat for years out of fear. They lack data to justify increases to clients and don't know how much to raise or when.

PAIN #5

Project profitability blindness

Freelancers take on projects that feel profitable but aren't — scope creep, underestimated hours, and client revisions erode margins invisibly.

PAIN #6

US-centric tools only

The UK, Australia, and Canada have large freelance workforces but almost no dedicated tax or rate tools. Freelancers in these markets are entirely underserved.

03 — Competitive Analysis

A crowded space with a clear gap

Existing tools fall into two camps: giant platforms with calculators as afterthoughts, and solo-built minimal tools with no SEO or design investment. Neither serves the user well.

Competitor Type Multi-tool Multi-country Designed for creatives Neutral / independent
Upwork Rate Calculator Platform feature No No No No
HubSpot Calculator Lead gen tool No No No No
Clockify App feature No No No Yes
FreelanceHourlyRate.com Solo project No No No Yes
MyRateKit Dedicated toolkit Yes — 6 tools Yes — 4 countries Yes Yes
04 — Design Decisions

Every choice was deliberate

The target audience — designers, developers, copywriters, consultants — has high visual standards and immediately distrusts cluttered or corporate-looking tools. The design needed to signal quality and independence before a single number was entered.

🎨

Clean minimal aesthetic

White space-first design with a single warm coral accent (#E8694A). Inspired by tools creatives already trust — Notion, Linear, Loom. Zero decorative clutter.

⌨️

Monospace output numbers

Result values render in JetBrains Mono while all UI text stays in DM Sans. This deliberate contrast signals "this number is data, not decoration" — like a financial terminal.

📐

Graph paper background

A subtle 48px grid fading at edges creates atmosphere without clutter. Calculators live on graph paper — the visual metaphor reinforces the tool's purpose subliminally.

Live calculation (no submit)

Results update instantly as inputs change. No "Calculate" button. This eliminates friction and creates an immediate feedback loop that builds trust in the tool.

🔗

Shareable URL state

Every calculation encodes inputs as URL parameters. Users can bookmark or share their exact calculation — creating a viral loop where every shared link is a new user acquisition.

🧩

Progressive disclosure

Essential fields shown immediately, advanced options (expenses, margin) hidden behind a toggle. Reduces form fatigue for casual users without limiting power users.

📊

Visual breakdown chart

A donut chart shows where gross income goes (tax, expenses, take-home) alongside the numbers. Creative audiences understand visuals faster than figures alone.

🌍

Multi-country from day one

US, UK, Australia, Canada supported at launch — each with accurate local tax formulas. This quadruples the addressable SEO surface area with minimal additional complexity.

Contextual tooltips

Every potentially confusing term (net vs. gross, billable days) has an inline tooltip. Eliminates the most common user error — misunderstanding what "income" means in each field.

05 — Build Process

From idea to live product in weeks

MyRateKit was built as a solo project using an AI-assisted development workflow. The goal was to validate the product concept with real users before investing in custom development infrastructure.

Week 1

Research & competitive analysis

Analysed 200+ Reddit posts across r/freelance, r/digitalnomad, and r/forhire to map real pain points. Audited 8 existing tools. Identified the multi-country, multi-tool gap as the core opportunity.

Week 1–2

Product specification

Defined the full 6-calculator suite with precise formula logic, input/output specifications, tax rates by country, and interaction patterns. Wrote the complete product brief before a single line of code.

Week 2

AI-assisted build

Built using Lovable (AI app builder) with iterative prompt engineering. The full product specification was used as the primary build prompt. All calculator logic runs client-side in JavaScript — zero backend, zero API costs.

Week 3

Design refinement

Five design passes: graph paper background, progressive disclosure, tooltip system, donut chart visualisation, monospace number treatment, and icon consistency audit. Each pass was a targeted Lovable prompt.

Week 3–4

Infrastructure & launch

Domain acquired (myratekit.com via Porkbun), GitHub repository connected, deployed to Vercel with auto-deploy on push. Google Search Console verified and sitemap submitted on launch day.

Tools & Stack

🧠 Claude (product strategy)
🛠 Lovable (AI app builder)
Vercel (hosting)
🐙 GitHub (version control)
🔍 Google Search Console
🌐 Porkbun (domain)
⚛️ React + TypeScript
🎨 Tailwind CSS
06 — Key Design Challenges

What was hard

Three problems required the most iteration to solve well.

Form fatigue on mobile

6 inputs on one screen overwhelmed users on small screens. Progressive disclosure — showing 3 essential fields first — reduced perceived complexity without removing functionality.

Net vs. gross confusion

The most common misuse was users entering gross salary where net was expected — producing wildly wrong outputs. Contextual tooltips on every income field eliminated this class of error.

Building trust without a brand

A new site asking users to trust financial calculations needs to earn credibility instantly. Source citations, disclaimer pages, and restrained professional design do this without requiring a reputation.

07 — Outcomes & Learnings

What this project demonstrated

MyRateKit was designed as both a useful product and a proof of concept — that a solo, non-technical founder can research, design, build, and launch a real web product in weeks using AI-assisted tools, with near-zero infrastructure cost.

Total monthly cost to run: ~$25/month (Lovable Pro only). Hosting, SSL, analytics, and deployment are all free. The product earns through display advertising and affiliate commissions — both requiring zero ongoing maintenance once configured.

01

Specification before code

Writing a complete product brief — formulas, edge cases, tax rates, copy — before prompting the builder produced dramatically better results than iterating blind. AI tools reward clarity.

02

Niche beats breadth

Competing with generalist calculator sites on broad keywords is impossible for a new domain. Targeting "freelance rate calculator UK designer" instead of "calculator" is how a small site wins SEO.

03

Design is a trust signal

For a financial tool with no established reputation, clean professional design does more trust-building work than any written claim. The creative audience judges tools by how they look before touching them.

04

Community before SEO

Organic search takes 6–12 months to compound. Community platforms (Reddit, IndieHackers) can deliver real users within days of launch — making community the correct first distribution channel.

05

Viral loops in product design

The shareable URL feature and rate card export aren't vanity features — they're the product's word-of-mouth engine. Every shared calculation is a zero-cost acquisition event.

06

Multi-country = 4x surface area

Supporting US, UK, Australia and Canada from day one quadruples SEO opportunities for almost no extra development effort. Most competitors ignore non-US markets entirely.