Brief
One visitor, one action
Turn a homeowner's vague redesign interest into one consultation request — premium feel, zero invented proof.
Case studyPremium service studio
Northstar Studio
The brief: Turn a homeowner's vague redesign interest into one consultation request — premium feel, zero invented proof.
Webnailed Website Factory demo — synthetic studio, not a real client or student result.
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
Greets itself instead of the visitor
After
Webnailed pass
The improved state gives each section one focal point, one accent, plain words, and a trimmed navigation.
Audit
WN-01 · Clear strategy
Premium-service brief with one visitor and one consultation action.
Project
Action the member can repeat
Pick one focal point per section and save a revision_note.
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.
northstar-studio.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
- Greets itself instead of the visitor
- 'Solutions for all needs' = positioned for no one
- Five-star reviews invented by the AI draft
- Three CTAs fighting in one screen
- Looks finished. Isn't. That gap is what Webnailed teaches you to see.
Synthetic teardown
Northstar Studio: hierarchy and words
Labelled example: Northstar Studio is a demo, not a real business.
Weak state
The raw studio draft has five sections shouting, three accent colors, jargon headlines, and nine equal nav items.
Improved state
The improved state gives each section one focal point, one accent, plain words, and a trimmed navigation.
D5 · Section focus
Before: Everything equal
After: One focal point
The eye needs a leader.
D3 · Headline
Before: Synergistic solutions
After: Brand websites that explain themselves
Plain beats impressive.
D2 · Navigation
Before: Nine equal items
After: Four prioritized items
Do not bury the main path.
Lesson
Hierarchy is leadership for the eye.
Project action
Pick one focal point per section and save a revision_note.
The brief that steered this buildWorkflow excerpt — members get the full contracts
Build a one-page site for a premium interior studio. One visitor: a homeowner considering a paid consultation. One action: request a consultation. Tone: calm, editorial, precise. Hard rule: no testimonials, awards, or press — trust must come from showing the method.
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