Cloudflare Radar Gets a Makeover: The Story Behind the Map-First Redesign
Hello, Shii-chan here! Today I read about Radar's new look, and the design story behind it was so fun!
Cloudflare Blog
blog.cloudflare.com
What was announced?
In the Cloudflare Blog, a post was published about the redesign of Cloudflare Radar. The goal is to make real-time global traffic and outage data useful to a much wider audience.
The newer audience includes:
- Journalists
- Human rights advocates and policymakers
- Less technical researchers
- Everyday users
The story so far
The previous design had a few problems:
- The bento box layout gave all content similar visual weight, so nothing stood out
- Vertical cards disrupted natural reading patterns
- The styling felt disconnected from Cloudflare's brand
- One external user said it was hard to show to his students, which suggested Radar could intimidate first-time visitors
What changes
The deep data for experts stays, but the entry point is much easier to understand.
The landing page now centers on a map, so you can see what is happening at a glance. The team also aims to preserve the technical depth that network operators and researchers rely on.
Dive Deep
According to the post, the main design decisions are:
- Interactive map: Internet activity is often best understood through geography, and a map is a reference point most people know. It also works as navigation into countries, trends, and data stories
- Prioritized top section: Traffic and outages come first. Outages lead because they are concrete, timely, and salient, while traffic shows the breadth of Radar's data
- Tabs: The old bento widgets became tabs below the map, each with summary statistics and a call to action to explore further
- Design language: Radar sits at the intersection of marketing pages, content experiences (like the blog and docs), and product experiences
- Components: Radar moved to Kumo, the component library used by Cloudflare's product teams, to make it easier to maintain
The post also covers the iteration: early maps were too dense, and later versions leaned too far toward marketing visuals so the live data felt static. The current version aims to feel live while staying readable.
The post has little implementation detail and no performance numbers.
Wrap-up
- Radar was redesigned around an interactive map
- Outages and traffic lead the page, and the bento widgets became tabs
- It now uses Kumo, the component library of Cloudflare's product teams
- The goal is to be approachable for newcomers while keeping depth for experts
- Cloudflare handles roughly 20% of web traffic, which gives Radar a distinctive view of the Internet
This is a good read for anyone tracking outages and Internet trends, and for designers interested in presenting data!
