SystemDesignDraw Logo
SystemDesignDraw

Architecture Whiteboard & Math

Cloud InfrastructureIntermediate Difficulty9 min read

Design a Resilient 3-Tier Web Architecture on AWS

A high-availability 3-tier architecture isolates public traffic at edge load balancers, scales stateless compute dynamically across availability zones, and safeguards relational data with automated replication.

Estimated Traffic35,000 Reads/sec • 3,500 Writes/sec
5-Year Data Footprint120 Terabytes
Target Latency< 15 milliseconds
Availability Target99.99% (4 Nines)
Need custom numbers for your interview?Calculate QPS & capacity in System Design Cheat Sheet →

Live Architecture Studio

Edit components, modify labels, add databases, or redraw connections directly on this canvas:

Browse Component Stencils & Icons →
Blueprint:AWS 3-Tier Cloud
ZenResetExportFull

Loading AWS 3-Tier Cloud Blueprint...

Mounting vector diagram elements, nodes, and capacity metrics

Mounting AWS 3-Tier Cloud...
Loading
Topology Nodes (8) Interactive Canvas
⚡ Interactive Architecture Diagram • Drag & Drop Enabled

1. Problem & Challenge

An enterprise web platform experiences unpredictable traffic spikes. It requires zero-downtime rolling updates, sub-20ms response times, cross-AZ fault tolerance, and secure isolation between public web traffic, business logic, and database persistence.

2. Core Building Blocks & Responsibilities

👉 Desliza la tabla para ver roles y responsabilidades
ComponentRolePlain-English Explanation
Route 53 & CloudFront CDNGlobal DNS & Edge CachingRoutes visitors to the closest edge point of presence and caches static assets to eliminate origin latency.
Application Load Balancer (ALB)Public Ingress & WAFTerminates TLS, runs AWS WAF inspection rules, and performs path-based routing across target groups.
EC2 Auto Scaling Group (ASG)Private Stateless ComputeRuns microservices across multiple Availability Zones, automatically scaling instances based on CPU and request latency metrics.
ElastiCache RedisIn-Memory Caching & Session StoreCaches hot database queries and user session states in sub-millisecond RAM.
Multi-AZ RDS PostgreSQLACID Persistence & Standby ReplicaHandles read/write transactions with synchronous replication to a hot standby in another AZ for instant automated failover.
Amazon S3 & CloudWatchObject Storage & Central TelemetryStores static media with 99.999999999% durability while CloudWatch collects metrics and alarms.

3. Step-by-Step Request Flow

1

Edge Resolution & Asset Delivery

DNS resolves via Route 53. Static media is served directly from CloudFront edge caches.

2

Public Ingress & TLS Termination

Dynamic API calls hit ALB across public subnets, passing through AWS WAF security inspection.

3

Stateless Microservice Processing

ALB dispatches traffic to healthy EC2 instances across private subnets spanning 2+ Availability Zones.

4

Cache-Aside Querying

Compute layer checks ElastiCache Redis. On cache hit, response returns immediately; on miss, queries RDS and repopulates Redis.

5

Synchronous Standby Replication

State mutations write to RDS Primary with synchronous replication to the hot standby replica before returning 200 OK.

4. Architectural Trade-offs

Decision:

Multi-AZ RDS vs Aurora Multi-Master

Chosen: Multi-AZ RDS Standby

Rationale: Multi-AZ RDS provides simple, battle-tested automated failover without the complex conflict-resolution semantics and higher cost of multi-master write topologies.

Decision:

Stateless Auto Scaling vs Sticky Sessions

Chosen: Stateless Compute with Central Redis

Rationale: Sticky sessions degrade load balancer distribution and cause session loss when instances terminate. Offloading sessions to ElastiCache allows instances to scale to zero gracefully.

Interview Tip

Emphasize Defense in Depth: Never place database instances in public subnets. Detail security group chaining where the RDS security group ONLY accepts port 5432 ingress from the EC2 application security group, preventing direct internet exposure.

Distributed Architectures

Explore Related System Blueprints

View All Blueprints (13) →
Beginner Friendly6 min read

TinyURL Shortener

A URL shortener converts a long link (like a 100-character article URL) into a compact 7-character key (like tinyurl.com/xyz123) and redirects visitors in under 15 milliseconds.

Study Architecture →
Interview Favorite7 min read

API Rate Limiter

A rate limiter acts as a digital bouncer at the door of your API, ensuring each client stays within their allowed request limits (e.g. 100 requests per minute) and blocking abusive traffic.

Study Architecture →
Streaming & Media9 min read

Video Streaming CDN

Streaming high-definition video to millions of smart TVs and mobile phones requires breaking large 10GB video files into tiny 5-second chunks, encoding each into 20 different resolutions, and caching them right inside local ISP networks.

Study Architecture →
Real-Time & Geo10 min read

Uber Dispatch Engine

A real-time geospatial dispatch system matches riders with the most optimal nearby drivers using 64-bit H3 hexagonal indexing and 2-second batch optimization, minimizing city-wide pickup ETA and driver idle time.

Study Architecture →
Fintech & Ledger11 min read

Stripe Payments Ledger

A resilient financial payments architecture guarantees strict consistency (CP system) using cryptographic idempotency reservation, double-entry balanced postings, and sharded balance locks.

Study Architecture →
Real-Time & Collab9 min read

Figma Multiplayer Engine

A real-time multiplayer document engine uses stateful sticky session routing and server-authoritative operational ordering to sync 2D scene graphs across worldwide collaborators without locking.

Study Architecture →