Skip to content

System design,
the way it
should've been taught.

Ten step-by-step lessons where the diagram builds itself as you read. Click a step, watch the cache appear, see the traffic move. You leave with a way of thinking, not a slide to memorize.

10interactive lessons
2free to start
~30 mineach
Lesson01
URL ShortenerFree

Sharding, caching, async analytics.

Lesson02
Twitter (X)

Fan-out, timeline cache, the celebrity problem.

Lesson03
WhatsApp

Sockets, offline delivery, group chat.

Used by engineers at

Why Lattis

Big systems stop feeling like a black box.

Interview prep, day job, plain curiosity. Same deal. You move through real architectures in order, with a scene that matches the story instead of fighting it.

01

A scene that moves with the words.

No more boxes-and-arrows screenshots. Read a step, the diagram updates. The cache shows up the moment you need it.

02

One small idea per step.

No wall of text before you see what changed. Twelve to fourteen steps per lesson, each adding one decision.

03

Reasons, not just answers.

Tradeoffs are written next to the move that triggered them, so the ordering of choices stays intact.

The Curriculum

On the syllabus.

Ten lessons. Twelve to fourteen steps each. Two free, eight pro. Sign in and your place saves between sessions.

Open the dashboard
Intro00

System Design Overview

Free

Learn the 6-step design process and explore every core component: clients, servers, databases, caches, and load balancers.

Lesson01

URL Shortener

Free

Design a URL shortening service like Bitly handling 100M+ daily redirects. Cover key-value storage, caching, sharding, and async analytics.

Lesson02

Twitter (X)

Pro

Design a social media platform like Twitter handling 300M DAU. Cover fan-out strategies, timeline caching, message queues, and the celebrity problem.

Lesson03

WhatsApp

Pro

Design a real-time messaging app like WhatsApp handling 100M DAU. Cover WebSocket connections, offline delivery, inbox caching, and group chat.

Lesson04

Netflix

Pro

Design a video streaming platform like Netflix handling 100M DAU. Cover Open Connect CDN, adaptive bitrate streaming, and ML-powered recommendations.

Lesson05

Uber

Pro

Design a ride-hailing platform like Uber handling 20M trips/day. Cover geospatial indexing, real-time tracking, driver matching, and trip state machines.

Lesson06

Rate Limiter

Pro

Design a distributed rate limiter at the API gateway. Cover token bucket algorithm, Redis-backed atomic state, circuit breaker fallback, and hot key optimization.

Lesson07

TicketMaster

Pro

Design a ticket booking platform like TicketMaster handling flash sales with millions of concurrent users. Cover seat locking, virtual queues, and distributed consistency.

Lesson08

Dropbox

Pro

Design a cloud file storage and sync service like Dropbox. Cover file chunking, deduplication, delta sync, conflict resolution, and cross-device synchronization.

Lesson09

Yelp

Pro

Design a local business search and reviews platform like Yelp. Cover geo-text search with Elasticsearch, CDC index sync, precomputed aggregates, and async review fanout.

See it move

Traffic, not clipart.

Nodes show up in order. Requests crawl along the lines. When something gets hot or slow, you see that too. Less guessing what the slide was trying to say.

“What I cannot create, I do not understand.”
— Richard Feynman

You're not memorizing one diagram. You're learning where requests live, what breaks first, and which knob you'd turn next.

The same habits transfer when the interview question changes.

Stay in the loop

Get one email when a new lesson ships.

That's it. No drip campaigns, no “here's an article we wrote.” Lesson goes live, you find out. Unsubscribe in one click.

Open the lessons.

Sign in, pick a topic, and your place saves across sessions. Two lessons free, no card required.

Get started