How to design an award-winning website
summary
KIT wins Best Site at the Automattic Design Awards after a four-month project that migrates a WordPress multisite into one site and ships a Gutenberg-ready editorial workflow. The team builds six custom components and 30 custom blocks, uses an exploded-JSON approach to reassemble semantic HTML, and fixes keyboard and contrast problems with skip links and :focus-within. The build proves usable for content teams but highlights platform risk — the Gutenberg audit surfaces 70 critical accessibility issues that still need work.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 0:26How did we win an award
- 1:58Criteria for the award
- 2:34What did we do
- 4:38Challenges
- 6:20Redesign
- 11:13Presentation
- 13:08WordPress
- 15:53Gutenberg
- 18:39Project page
- 19:23Editorial control
- 21:06Accessibility
- 25:16Keyboard accessibility
- 26:20Card components
- 28:00Accessibility testing
- 32:49Content Editor
- 36:25Semantic Markup
related talks
28mDesigning with Gutenberg
24mAccessible Websites with Wordpress
15mDesigning for modularity – from art direction, to site design, to back-end
56mThe Admin UX Study - What do Content Editors Want?
48mAn Accessible WordPress Site... with a Page Builder: Is It Possible?
39mFuture of Page Builders in the Gutenberg Era
01h 00mBuild It Better, Stupid: Using Design Systems for Scalability
45mExternal Design Systems in Practice