ADT
Bringing clarity to alarm response.
ADT is the leading home security network in the nation, protecting millions of people every day. But when an alarm goes off, customers may have only moments to decide how to react— false alarm or threat?
We partnered with their team to craft an experience that turns uncertainty into clarity and helps people quickly decide how to respond to an alarm.
AI Strategy
UI/UX Design
Design System
Full Stack Engineering
Design-to-Code Pipeline
Getting to product clarity faster.
With just five weeks from research to production, AI helped us find the right solution fast.
LLMs allowed us to explore a wide range of product directions in hours instead of weeks— concepting experience flows, testing interaction models, and identifying edge cases early.
Gen-UI tools made those directions interactive, allowing us to prototype and compare them side by side.
The result was a mobile-first experience that brings the most important information into one place, helping customers understand what triggered an alarm and quickly decide how to respond.
Crafting a differentiated experience.
To deliver a product specific to ADT, one that builds trust in their brand and delivers clarity to customers in a moment of an emergency, we refined the UI by hand.
Every interaction, hierarchy, and visual decision was shaped to make the next action immediately clear.
The same level of precision carried into the design system. Components were structured, states were defined, and everything was organized as a clean, consistent foundation for development.
Engineered to pivot without delay.
10kR used a toolchain to power ADT’s alarm messenger redesign— Figma, MCP, Claude, Storybook, Playwright — all wired into a custom harness that turns design tokens into tested code and Jira tickets on a continuous loop.
This system allowed for easy wide system changes, and accelerated testing from our PRD to deployment.
ADT wanted an experience built to evolve, with modern infrastructure that made it easier to iterate in production. While humans still owned the decisions, we used AI agents to generate components, write tests and review code, making it faster to build, test and iterate.
Two designers push Figma to the limits of what’s addressable by code. Two engineers operate a custom build harness that spawns specialized agents on demand— nine distinct types across build, spec, QA, and audit.
Kickoff to code complete
Cost savings
Faster delivery
Humans to agents
Customers serviced