Brief
One visitor, one action
Let a hiring manager judge taste and fit in 30 seconds — selected work, clear positioning, easy contact.
Case studyPortfolio
Maya Okonkwo
The brief: Let a hiring manager judge taste and fit in 30 seconds — selected work, clear positioning, easy contact.
Webnailed build example — a demo, not a real person's portfolio.
Proof spine
This demo is a teaching object, not a fake success story.
It shows what changed, which Standard criteria improved, and what a member should save into their own project before asking for an audit.
Before
Raw AI trap
Buzzword identity says nothing concrete
After
Webnailed pass
The improved state removes all invented proof and replaces it with a clear process, real contact, and modest labelled work.
Audit
WN-03 · Intentional hierarchy
Calm editorial layout; the work gets the contrast, chrome stays quiet.
Project
Action the member can repeat
Remove unsupported claims and save a proof_block.
The decisions, annotated
Why this works — pinned to the pixels
Four deliberate decisions make this page feel professional. Tap each pin to see the reasoning — and the module that teaches it.
maya-okonkwo.example
Callout 1 of 4 · tap pins or cards
Weak vs strong
What the raw AI draft would have shipped
Same brief, no system. The weak version below is what AI tools produce by default — it looks finished, and that's exactly the trap.
The same brief, two outcomes
Illustrative weak draft — what NOT to ship
- Buzzword identity says nothing concrete
- '100+ clients' invented by the draft
- Every project ever made, unsorted
- No way to contact her in the first screen
- Looks finished. Isn't. That gap is what Webnailed teaches you to see.
Synthetic teardown
Maya Okonkwo: honest proof
Labelled example: Maya Okonkwo is a demo persona, not a real person or customer.
Weak state
The raw draft invents testimonials, a '50+ clients' badge, and stock 5-star ratings.
Improved state
The improved state removes all invented proof and replaces it with a clear process, real contact, and modest labelled work.
D11 · Testimonials
Before: Invented quotes
After: Removed
Fabricated proof is forbidden.
D11 · Client count
Before: Trusted by 50+
After: Removed
Claims must be verifiable.
D11 · Replacement
Before: Nothing real
After: Process and contact
Specific truth earns belief.
Lesson
When you have no proof yet, honesty is your proof.
Project action
Remove unsupported claims and save a proof_block.
The brief that steered this buildWorkflow excerpt — members get the full contracts
Build a portfolio for a product designer. Visitor: a hiring manager scanning for fit. Action: get in touch. Show 4 selected projects with role labels. Hard rule: no client counts, no testimonials, no metrics — the work and the writing are the proof.
Notice the hard rules: honest-proof constraints are written into the prompt itself. That is the difference between prompting and directing.
Build something like this
Study the breakdown, then follow the path and build your own honest version — with two private audits a month to keep you on the standard.
Join Webnailed — 19 EUR/monthThe next case study could be your site.
Members learn exactly these decisions — and get private audits that check whether their own pages make them.
19 EUR/month · cancel anytime · no income promises