Design Detective: Spot the Rookie Mistakes

Can You Spot the Rookie Mistakes?

You'll see 8 example web pages, each with deliberate design problems. Your job: identify what's wrong from a checklist of possibilities.

After you check your answers, the page will transform to show the professional version — and you'll see the key code that makes the difference.

or skip to the Reference Wall →

or try the Pick the Fix code quiz →

Rookie Version

What's wrong with this design?

Select all the issues you can spot, then check your answers.

Nice Work!

You've reviewed all 8 rounds of common design mistakes. Head to the Reference Wall to revisit any example and toggle between the rookie and professional versions.

or try the Pick the Fix code quiz →