The anatomy of wow — a page that proves what it claims

Wow is a decision.

Award sites aren’t magic. They’re a few hundred choices, made on purpose, at sixty frames a second. We dissected six Site-of-the-Day winners to find out which choices — then built this page out of the answers.

Source: Awwwards SOTD winners, Jul 15–21, 2026 · jury sub-scores included below

Fig. 01 · The math

Every pixel gets graded.

Awwwards puts each submission in front of at least eighteen jurors. The three scores furthest from the average get thrown out. Only 365 sites a year take a Site of the Day, and this July the winners landed between 7.18 and 7.51 out of ten. That’s the entire target, and it splits four ways:

Weights from awwwards.com/about-evaluation. The bars fill as you scroll — scroll position is the clock here, not time. Remember that trick; it comes back bigger in section 04.

Fig. 02 · The open flank

The winners have a weak side.

We pulled the developer-jury sub-scores of this week’s winners. Their animation craft averages around nine out of ten — genuinely brilliant. Their accessibility averages six. Usability sits near seven.

So the way past them was never a bigger shader. It’s keeping the motion and doing the work they skipped: keyboard, contrast, load time, layout stability. The rest of this page is the attempt.

Animations (their strength)

Winners9.2
This pageyou’re watching it — you judge

Usability

Winners7.1
This pagenative scroll kept, no hijack · measured in 05

Accessibility (their weakness)

Winners6.0
This pagepress Tab anywhere — then see section 05

Sub-scores: the Lacoste Polo Factory dev-jury card (animations 9.2, accessibility 6.0), usability across the week’s six winners: 7.0–7.3.

Fig. 03 · Motion with a job

Motion earns its place or it goes.

A line slides out of a masked box.
The box hides it until its turn.
That’s the whole trick.
Specimen A — the line mask. yPercent 110 → 0, the standard “content enters” primitive on every winner we opened.
Specimen B — the stagger. 0.06s apart, from a real winner’s build notes. The feel lives in small numbers, never round ones.

progress 0.00

Specimen C — the one clock. Your scroll drives every animation on this stage, needle included — scroll back up and it all runs in reverse.

Every winner we dissected runs GSAP — it’s table stakes now, not an advantage. What still separates them is restraint: one rhythm per page, sub-second easings, and nothing animated that has no job.

Fig. 04 · The signature

One moment.
Not five.

Lacoste is remembered for one polo you can spin. RISK, for one endless corridor of film stills. Hiroto Sato, for one sticker you can peel. Each winner owns a single mechanic and keeps everything else quiet.

This one is ours: ink that answers your cursor. And the clock trick from section 01, full size — your scroll feeds the shader directly. The number on the right is the same number the GPU sees.

If you’ve asked your system for reduced motion, this scene stays still on purpose — the essay works without it.

Fig. 05 · The instrument panel

This page grades itself.

Everything below is measured in your browser, right now — not claimed in a deck. Reload and the numbers will shift a little. That’s the point: performance is a live property, not a badge.

First picture on screen
…target < 1.5s · typical contender 2.5–4s
Layout shift (CLS)
…target < 0.05 · even the hero’s kinetic type is absolutized so letters never push each other
Slowest interaction
none yettarget < 100ms · interact with anything and watch it update
Page transferred (this load)
…everything self-hosted · zero CDNs, zero trackers, zero requests leave this folder
Frame rate
…scroll work is transform, opacity and clip-path only · the one exception: the hero’s font axis, repainting a few letters under your cursor
Reduced motion
…honored as a real second build of the page, not animations at speed zero
Keyboard
press Tabdesigned focus rings, a skip link, no traps — the winners’ jury scored this 6/10 on average
Type
2 familiesNewsreader (variable, weight axis live on the hero) + Fragment Mono · 4 files, 330KB, self-hosted

Fig. 06 · What we took from them

Eight rules, earned the hard way.

  1. Usability is 30 percent of the score and the number-one reason pretty sites lose.
  2. One point of view, carried by type, color and motion together — never a trend collage.
  3. Performance is designed in, not patched later. Under 1.5 seconds to first picture, no layout jumps, sixty frames on a mid-range phone.
  4. Mobile is designed in parallel, never as a squeeze pass at the end.
  5. Every animation has a job — pace the story, reveal information, or reward a gesture. No job, no animation.
  6. The 404 gets the same care as the hero. Juries check.
  7. Real, finished words. Filler text poisons every score, not just content.
  8. Accessibility is the cheapest way to outscore a winner. Theirs averages six out of ten.

Fig. 07 · The studio

This page is the portfolio.

The Anatomy of Wow was researched, written and built by Wild Digital Moments, a web studio in Tirol, Austria. Every technique argued for above is running underneath you right now — it isn’t a deck about craft, it is the craft, left switched on so you can measure it.

If you want a site held to this standard, there are two ways in. The briefing is a short form; WhatsApp is faster if you’d rather just ask something.

Start a briefing ↗ WhatsApp ↗

Wild Digital Moments · Tirol, Austria · +43 650 689 1493