Skip to content
Back to work

AI product designer · Designed and built with AI coding tools

FixTheResume.

I designed and built a resume tool that guides people from describing their work to checking, improving, and downloading a draft.

fixtheresume.com
Current FixTheResume homepage with video hero and preview-first message
Review before you unlock
Corrected first-page preview with review prompts and unlock terms
Overview

Make real experience easier to explain.

A resume needs more than polished wording. People need help choosing useful details, understanding the feedback, and deciding whether a draft is worth paying for. I designed and built that journey, from the homepage explanation to the builder, internal checks, draft access, and export. AI coding tools helped me implement the product decisions.

My role
AI product designer · design and development
Surface
Responsive web app
Stage
Working product · local test captures
Timeline
2025–2026
01 / The challenge

Useful experience can get lost in vague wording.

01

The contribution is hard to see

“Worked on testing” does not explain what was tested or what the person contributed. Useful writing starts with those missing details.

02

A score needs an explanation

A number alone leaves people guessing. They need to know what it checks, which part of their resume needs attention, and what to do next.

03

Payment needs a clear reason

People should understand the offer and see a useful preview before paying. They also need to know which draft and access they are buying.

Homepage Problem section comparing vague testing experience with a clearer example using supplied facts

I used a concrete writing example to explain the problem: name the work, scope, and contribution using facts the person supplied. A made-up percentage would add no value.

02 / The decisions

The decisions behind the journey.

01

Explain the help before asking for details.

The homepage shows a vague statement beside a clearer version using supplied facts. “The difference” then explains what the person provides and where guidance, checks, and review help.

That gives the builder a purpose. Role, job context, and contribution questions ask for information that can make the resume more specific, while suggestions still need the person's confirmation.

Understand the helpProvide real detailsConfirm the facts

The tradeoff. Structured input takes effort. I kept the job description optional and guidance close to the section it helps.

Homepage Difference section showing what the user provides and how the product helps

Swipe across to read the comparison.

The homepage sets clear responsibilities: the person supplies and confirms their experience; the product guides, checks, and presents it. That expectation carries into the builder.

02

Turn assessment into a useful next step.

The workspace separates document checks from writing checks and links bullets to supplied source details. The Refine tab ranks issues so people can apply or skip one at a time.

Feedback becomes something a person can inspect and act on. Missing job context is labelled, and the interface explains that its internal score is not an employer's ATS score or a hiring prediction.

Read the checkInspect the evidenceChoose a focused change

The tradeoff. Support checks can flag conflicts, but they cannot independently verify someone's career. The person still reviews the final claims.

03

Make the offer clear before the purchase.

Homepage pricing explains a one-time unlock for one draft. The locked preview shows the first page, review prompts, and the access terms beside the unlock action.

I connected the business model to a clear user decision: inspect the result, understand what is included, then choose whether to pay. No account is needed to start.

Understand the offerReview page oneUnlock this draft

The tradeoff. The preview must help people judge the result while making full-document access clear. I would test comprehension and paid unlocks together.

Homepage Pricing section showing a one-time draft unlock and its included access

Pricing explains the exchange before the builder: review first, then pay once for one draft. The dated capture shows the quote, access window, and PDF allowance—not a subscription.

04

Carry the same draft through to a usable file.

Builder input saves locally; the server owns the generated draft and paid access. Score, Refine, and Export share that draft instead of starting separate jobs.

This connects backend rules to the experience: refreshing should not lose paid access, and export failure should not revoke it. Success confirms a PDF export; email delivery has a separate status.

Save the draftReview and refineExport the PDF

The tradeoff. Each recovery and access state needs testing. The supplied captures show a real local PDF export, but simulated payment and no live model revision.

03 / The experience

Follow the journey from details to download.

Corrected default-UI captures from 3 November 2026. The resume is fictional, the preview was seeded, and payment was simulated. PDF export was exercised locally. Focused views link to the full captures.

Default builder with six sections and resume-fit guidance
01

Start with a clear first step.

Contact details build the resume header. Six sections, saved progress, and nearby guidance show how to continue.

Target-role fields and role-specific guidance in the corrected builder
02

Give the draft a target.

The target role guides the resume's focus. A job description can add context; when it is missing, the app does not pretend to assess job alignment.

Alex Morgan's fictional software-engineering contributions and guided bullet feedback
03

Describe what you actually contributed.

The sample names a search service, integration tests, and accessibility work. Prompts ask for known outcomes; the person does not need to invent a percentage.

Corrected first-page preview with review prompts and unlock terms
04

Read the first page before paying.

The document sits beside review prompts and unlock terms. This seeded example asks the person to check the facts because detailed support evidence is unavailable for that draft version.

Internal document and writing checks with support evidence beside the resume
05

Understand the checks behind the score.

Document and writing checks explain the assessment. The evidence list points back to supplied bullets. These are internal estimates, not hiring odds.

Ranked improvements with Apply and continue or Skip actions
06

Work through one improvement at a time.

The Refine tab ranks suggestions and offers Apply and continue or Skip. This shows the review controls, not proof of a live AI improvement.

Export tab showing the PDF action and access information
07

Keep export inside the same workspace.

The Export tab brings the PDF action and access information together, so the person can finish the draft they unlocked.

Confirmation after a real local PDF export with email delivery unconfirmed
08

Confirm the file is ready.

The success screen follows a real local PDF export. Email delivery remains a separate, unconfirmed status, with ways to keep the file or recovery link.

04 / Looking back

What the work taught me.

From screens to product decisions

The work connected explanation, input, AI checks, payment, and recovery. Building the frontend and backend made me responsible for how those promises held together.

What I would measure

Can people explain the feedback and act on it? I would track builder completion, useful refinements, successful exports, and whether preview and pricing help people make an informed purchase.

How I would grow it

First test whether people finish with a resume they trust. Then compare improvements to guidance and the offer against paid unlocks, repeat applications, and support requests.

Homepage writing and assessment examples are illustrative. The capture set does not demonstrate live model quality, provider checkout, hosted email delivery, better hiring outcomes, or conversion gains.

Up nextOneHub Content StudioI designed and built a tool that turns spreadsheets and website offers into promo banners, saving teams from editing each one in Figma.