WebPo Academy
Every flaw is a lesson.
Short lessons on design principles, how websites should work, and the free tools that check them. Each one follows the same format: the crime, the law, the tool, the fix, your homework.
Lessons
- Lesson 001 · Design Principles 101 · 3 min
The 5-second crime
Principle: Visual hierarchy
- Lesson 002 · Mobile First · 4 min
The pinch-and-zoom crime
Principle: If people have to zoom, they leave.
- Lesson 003 · Tool Tutorials · 4 min
The 9-second wait
Principle: Every second of loading costs visitors.
- Lesson 004 · Does It Work? · 3 min
The missing padlock
Principle: If the browser says "Not secure", visitors believe it.
- Lesson 005 · Does It Work? · 3 min
The link to nowhere
Principle: One broken link makes people doubt everything else.
- Lesson 006 · Design Principles 101 · 3 min
The 2019 footer
Principle: Old dates make people ask: are they still open?
- Lesson 007 · Design Principles 101 · 4 min
The invisible phone number
Principle: If text is hard to see, it isn't there.
- Lesson 008 · Tool Tutorials · 3 min
Untitled in search
Principle: Your page title is your shop sign in Google.
- Lesson 009 · Design Principles 101 · 4 min
One site, two directions
Principle: Speak your visitors' language, properly.
- Lesson 010 · Does It Work? · 3 min
Six buttons, zero clicks
Principle: One main action per screen.
- Lesson 011 · Design Principles 101 · 4 min
Where do I look first?
Principle: Visual hierarchy tells people what matters.
Series
Design Principles 101
Hierarchy, contrast, whitespace, typography, colour, alignment.
5 lessonsDoes It Work?
Forms, navigation, search, checkout, booking and contact flows.
3 lessonsTool Tutorials
PageSpeed Insights, Lighthouse, WAVE, Responsively, Figma and more.
2 lessonsMobile First
Testing on phones, tap targets and the classic mobile mistakes.
1 lessonBefore & After
One weak page, fixed step by step.
Coming soonQuick Fix Friday
One five-minute fix anyone can make.
Coming soon