Impact
- Used to learn and explain DNS, HTTPS, and DNSSEC
- Reaches a few thousand visitors each month
- Community-contributed translations across multiple languages
- Interactive elements reinforce learning
Core internet systems like DNS, HTTPS, and DNSSEC are foundational, but difficult to explain clearly.
Most explanations either assume prior knowledge or overwhelm with detail, making them hard to follow for non-experts.
Problem
- Non-technical audiences struggle to build a mental model
- Existing explanations are too technical or dense
- Hard to balance accuracy with clarity
Constraints
- Needed to remain technically accurate
- Simplified without introducing misconceptions
- Visual format limits how much information can be shown
Decisions
I focused on clarity over completeness.
- Used storytelling instead of definitions
- Broke processes into discrete steps
- Removed non-essential details
- Used consistent metaphors
- Designed visuals to carry meaning
- Iterated based on confusion points
This approach shifted the goal from describing systems to making them understandable.
Execution
Translated each concept into a simplified narrative. Designed visual sequences to represent key steps and interactions. Published as standalone explainers:
Example visuals used to explain key concepts:
Outcome
- Complex systems became accessible to non-experts
- Clear mental models replaced fragmented understanding
- Reusable resources for explaining foundational concepts
- A more effective way to communicate technical ideas
Complex systems became easier to explain, not just understand.
Next steps
- Add more interactive elements to reinforce understanding
- Continue growing community translations to reach more audiences
- Improve how learning is measured, tracking where users struggle or drop off
- Apply the approach to other complex systems beyond web infrastructure