software-diagrams.png

Software Diagrams

I worked with the creative team at software company Ably to create over 100 hand drawn diagrams. The diagrams simplify how Ably’s complex infrastructure powers real-time messaging. The balance, flow, symmetry or asymmetry and how multifaceted the diagrams are fascinated me, even outside of understanding their meaning.

A suite of elements, hierarchy, consistent styles and visual messaging links the diagrams and builds on Ably’s identity. The almost primitive feel of the wobbly lines aids their simplicity, approachability and ultimately we hope peoples understanding.

Ably-Design-Pattern---HQ-Style-games.gif
Ably-Queues.gif
Enter-Pub-Sub-1.gif
How-ably-works.gif
Idempotency-3.gif
Integrity-vs-Latency.gif
Pull-(request-response)-is-stateless-&-simpler.gif
Webhooks-Flow-Diagram-1.gif
ReactorFunctions.gif
Throughput--1-solved-using-queues.gif
Use-the-Publish-Subscribe-Pattern-3.gif