Fortnite logo

Fortnite

A storefront and battle-pass ladder bolted onto a build-and-shoot HUD.

Fortnite's combat HUD is dense but legible: a minimap, a material counter, a weapon hotbar, and a building-mode toggle that swaps the entire input model from shooting to placing walls and ramps in real time. That instant context switch — combat to construction and back — is the signature interaction, and it demands muscle memory the UI never fully explains. Off the battlefield, the front end is unapologetically a commercial surface. The rotating item shop with its countdown timers, the tiered battle-pass progression track, and the locker for cosmetics are arguably built with more polish than the lobby itself. The progress bar toward the next reward tier is always visible, a steady drip of advancement engineered to keep players returning between matches.

App store

iOS

September 18, 2026v42.20View on App Store

Flows

Flows for Fortnite are being captured

We haven't taken Fortnite apart screen by screen yet. Explore the UX patterns it's known for, or request an audit of your own product.

Request a UX audit

How does your product compare to Fortnite?

Get a free UX Snapshot of your page — a quick read on what works and what to fix.

Get a free UX Snapshot →

Teardowns

Teardowns of Fortnite are coming

We haven't published a written teardown of Fortnite yet. Explore related topics, or request an audit.

Request a UX audit

Free course

WCAG 2.2 Fundamentals: Audit a Screen for Accessibility

6 lessons · ~25 min

Start lesson 1 →