Wireframes · Phase 0 · v2 · 2026-11-12 · look page per SEO standard
Human Styled
The public site for Phase 0 (demand validation), in the Junto look. No accounts, no checkout, no affiliate links: ordinary retailer links only. Hatched gray boxes stand for real, permitted product photos. Dashed boxes inside a collage are cutouts of those photos. Nothing here is a drawn garment or a generated model.
real product photo (permitted) collage background1 note, see the list beside the frame
Route · humanstyled.com
1 · Landing
Brand page that leads to the first creator and the featured looks. One creator in Phase 0, so the landing is mostly a doorway.
mobile · 375
Human Styled
Outfits picked by a person
Real outfits, chosen by a stylist. Every piece is a real product you can buy.
No generated clothes. Every look is put together by a stylist from real shop photos.
1
creator photo
Stylist
Creator Name
One-line aesthetic, e.g. relaxed tailoring in earth tones
→2
Featured looks
top
trouser
shoe
Thanksgiving 2026 outfit with relaxed brown tailoring
Thanksgiving 2026 outfit with relaxed brown tailoring
Thanksgiving · Dinner
jacket
dress
Berlin techno night outfit, all black
Night out
knit
Look title
Occasion
coat
Look title
Occasion
shirt
Look title
Occasion
blazer
Look title
Occasion
top
Look title
Occasion
dress
Look title
Occasion
Notes
The Instagram link fires instagram_profile_click (placement: header or footer).
Tabs: All looks / Collections. Newest first, same order as Instagram.
3 columns, 3:4 tiles, 2px gaps, no titles on mobile, so it reads like the Instagram profile grid. Tap fires outfit_card_click (placement: creator_grid). Desktop adds titles and occasions.
The page view fires creator_page_view with the UTM values from the tagged bio link.
Route · /looks/{slug}
3 · Look page
The page that has to sell the click. It shows the collage, who styled it, a short answer to the question someone searched for, why it works, the exact pieces with shop links, a few real questions, and related looks.
mobile · 375
Human Styled
Thanksgiving outfit with relaxed brown tailoring
photo
Styled by Creator Name Published 12 Nov 2026 · Updated 12 Nov 2026
1
Short answer, 40 to 60 words: for Thanksgiving dinner, wear relaxed brown trousers with a cream knit and a soft belt. It reads polished at the table and stays easy through a long meal. Only facts from the pieces below.
2
top · real photo cutout
trouser · cutout
shoe · cutout
belt
bag
Collage of real product photos, styled by Creator Name for Human Styled.3
ThanksgivingFamily dinnerFall
What's in this outfit?
Five pieces: one sentence that answers the heading on its own.
First paragraph answers it alone. Proportion, colour, occasion.
Questions
Can I swap the trousers for jeans? +
Question two +
More from Creator Name
jacket
Look title
knit
Look title
coat
Look title
shirt
Look title
Notes
Byline + dates: "Styled by" links to the creator page (author page, Person schema). Updated moves only with a real change.
Short answer first (40 to 60 words, data-snippet), only H1 and byline above it, per the global seo-expert standard. AI answers quote this.
Hero figure with a quotable caption. Same composition as the Instagram post. Never lazy, AVIF/WebP/JPEG, primaryImageOfPage.
H2s are reader questions, first paragraph answers alone. Pieces are an ordered list (ItemList schema, no Product/Offer). Shop goes through /go and fires product_click.
Stylist's note = the creator's words verbatim: the first-hand signal. AI never writes it.
2 to 4 questions, using real search phrasings, mirrored in FAQPage schema.
Related: the collection (hub) first, then 3 sibling looks with their H1s as link text.
Route · /collections/{slug}
4 · Collection
An occasion or aesthetic page that groups real looks, e.g. "What to wear for Thanksgiving 2026". Dated titles only when the selection is current.
mobile · 375
Human Styled
Collection · 4 looks
What to wear for Thanksgiving 2026
Two or three sentences on the occasion and what ties these looks together. Picked by Creator Name.
"Updated" date is shown only on dated collections. Evergreen collections (e.g. "Berlin techno outfits") have no year in the URL.
Each card fires outfit_card_click (placement: collection).
Big single-column cards on mobile: a collection is read like an article, not scanned like a grid.
Render pipeline · one approved composition, three exports
5 · Collage outputs
The renderer takes the real product photos, removes backgrounds, then scales and layers them on a template. The same layout recipe produces all three sizes, so the site and Instagram always match. These are images, not pages.
instagram export · 1080×1350 (4:5)
Thanksgiving, relaxed brown tailoring
top
trouser
shoe
bag
Styled by Creator Name · link in bio
site hero · 4:5, 1600 wide
top
trouser
shoe
bag
grid thumb · 3:4, 600 wide
top
trouser
Templates (start with 3)
Flat lay: cutouts arranged loosely on a warm neutral background (shown).
Grid: pieces in a tidy 2×2 or 2×3 with thin rules, for 4 to 6 items.
Hero piece: one big item with the rest in a side column.
The renderer stores the original photos, cutouts and layout recipe, so every size can be rebuilt. No garment is redrawn and no model is generated.
Journey · Instagram post → bio link → creator grid → look
6 · Instagram ↔ grid match
The visitor must recognize the post in about a second, so the newest grid tile is the same image as the newest post.
instagram post
handle
Thanksgiving, relaxed brown tailoring
top
trouser
shoe
handle Caption written for Instagram. Every piece is linked: tap the link in my bio.
→
bio link · humanstyled.com/creators/slug?utm_source=instagram&utm_medium=bio
A shared bio link cannot tell which post sent the visit. We report only "came from Instagram bio", never post-level attribution.
The look page goes live before its post is published: the scheduler checks this.
Route · /privacy (and /credits, /contact as sections)
7 · Privacy and image credits
One plain page: what analytics we collect, who owns the images, and how to reach us or ask for a photo to come down.
mobile · 375
Human Styled
Policies
Privacy, images and contact
Last updated: date
PrivacyImagesContact
What we measure
Pages viewed, looks opened and shop links clicked, with the campaign tag of the link you came from. No accounts, no emails, no ad tracking. How long we keep it: placeholder.
Images and ownership
Product photos belong to their retailers and brands and are used with permission. Collages are assembled from those photos. Styling notes belong to the stylist.
We are not the seller
Shop links go to the retailer. Price, stock, shipping and returns are theirs.
Contact or takedown
hello@ placeholder address. Image takedown requests are answered within placeholder days.
Notes
The analytics provider decides the consent wording, so this copy waits on that choice.
The contact address needs a real inbox before launch.
Route · any unknown path
8 · 404 that still helps
Renamed slugs get a 301. Anything else lands here and is pointed back to looks.
mobile · 375
Human Styled
404
This look isn't here anymore.
It may have been renamed or taken down. These are live: