Skip to main content
Triptych
← Portfolio

Microsoft + The Atlantic · 2022

Cloud City — an interactive atlas of municipal AI.

An interactive city for The Atlantic and Microsoft showing how AI is reshaping public services — public safety, education, energy, transportation, healthcare.

StrategyDesignDevelopmentAITech
Microsoft + The Atlantic — Cloud City — an interactive atlas of municipal AI

02Problem

The Atlantic and Microsoft needed to translate a sprawling AI-in-the-city report into something a policy audience would actually scroll through.

03Approach

We built a 3D city that surfaces stories from each block — transportation, education, healthcare — clickable markers reveal a long-form passage and supporting data. Static images on hover, motion on click — calm, not chatty.

04Outcome

Featured on The Atlantic's main rail. Average session ran 6× the benchmark for sponsored editorial.

Selected frames

  • Cloud city — wide overview
  • Cloud city — city block detail
  • Cloud city — master planner
  • Cloud city — interactive story interface

Selected stack

  • Three.js
  • Webflow
  • GSAP
  • GLSL
  • Vimeo OTT

6× benchmark

Avg. session

12 stories

Markers

2022

Year

Could yours be next?

Tell us what you're building. We'll respond inside one working day with a real first read.