Case Study · Design Systems

Calendly — building durable infrastructure inside an organization that won't hold still.

Design systems practice from scratch inside a hyper-growth startup during the remote work revolution — without ideal conditions. No dedicated PM. High turnover. A product growing faster than documentation could follow.

Role
Senior UX Designer, Design Systems
Duration
June 2021 – 2023
Context
Hyper-growth startup · Remote-first
Disciplines
Design Systems · Accessibility · Design Ops
Calendly brand identity — Pentagram rebrand by Eddie Opara

Establishing a design systems practice from scratch

I joined Calendly in June 2021 to establish a design systems practice from scratch and provide system-level strategy as the company moved from hyper-growth startup into its next stage. When I arrived, Calendly was simultaneously rebranding, launching a new marketing site, and aggressively expanding its enterprise offerings. The company doubled its headcount during my time there. The design org was moving fast, building on patterns that had never been formally consolidated, and desperately needed a shared language.

My role was to build that language — and to do it inside a company that was changing faster than any system could be cleanly documented.

Brand evolution — from muted utilitarian SaaS to bold Pentagram rebrand with vibrant palette and geometric typography. The design system had to bridge both.
Headcount growth
during the engagement
0→1
Design systems practice
built from scratch
AA
WCAG 2.1 compliance
embedded at component level

When the plan dissolves in the first quarter

I had built an ambitious roadmap anchored on a six-person pilot team — designers and content strategists who would serve as both subject matter experts and early adopters, helping me rapidly document patterns and establish process across the design org.

Within that first quarter, four of the six left for new opportunities. The remote work revolution was in full swing; the talent market was wide open in a way none of us had anticipated. The pilot team dissolved before it had a chance to function.

The name of the game became synergy — finding where the system's needs and the product's needs overlapped, and doing the work there.

The pivot was to stop trying to build a standalone design systems practice and start embedding design systems work inside initiatives that were already well-resourced. I found an existing interdisciplinary working group with a project manager already attached and used it as a makeshift design system partner. Design system goals got aligned to project goals. Decisions that would have gone undocumented got captured in flight.

This wasn't the plan. It was more useful than the plan would have been.

The Pivot — from standalone design systems practice to embedding DS work inside active workstreams: brand refresh, enterprise push, accessibility compliance, and working group governance

What got built under constraint

Information Architecture Audit
Mapped the existing pattern landscape, identified fragmentation, and established a foundation for component consolidation. Lived in Figma; became the reference artifact for the design principles work that followed.
Design Principles
Facilitated sessions with UX designers and content strategists to surface and articulate principles guiding design decisions — extracted from the team's existing instincts and made explicit. Informed onboarding for new hires into a fast-growing org.
Component Library
A modular component architecture built in close partnership with engineering — flexible building blocks designed to adapt across contexts, with contribution and governance models that allowed the system to be co-owned rather than siloed.
WCAG 2.1 AA Compliance
Led the design work to bring the product into WCAG 2.1 AA compliance — embedded into the component architecture itself, not treated as a retrofit. Required both design work and organizational work: helping the team understand accessibility as a shared responsibility.
Remote-First Working Practice
In a company that doubled headcount during a fully remote period, how the design org worked together was itself a design problem. Ran experiments to establish async-first collaborative rituals using Loom, Miro, Figma, and Slack.
The craft of constraint
The system that exists at the end of this engagement is more useful than a system built under ideal conditions — precisely because it was designed to survive the conditions that actually existed.
Information Architecture Audit — before: 14+ fragmented variant patterns across 3 teams; after: consolidated modular system organized by category
Calendar Schedule meta-components — date number, day top row, and date cell variant specifications Content Guidelines — popover component documentation with do/don't usage patterns

Building systems that survive real conditions

Most design systems case studies show you a beautiful component library and a happy team. This one shows something harder to demonstrate: the ability to read an organization, adapt strategy in real time, and build infrastructure that holds under pressure.

The Calendly engagement required three capabilities working in concert: systems thinking to see the structural problem across teams and products, organizational design instinct to find viable paths when the original plan dissolved, and design craft to build components, standards, and documentation that the team could actually use.

The constraint framing matters here — not as an excuse, but as evidence. High turnover, shifting priorities, no dedicated support, a product growing faster than documentation could follow. A system built under ideal conditions wouldn't have been tested the way this one was. The system that came out the other side was shaped by all of it, which is precisely why it held.

  • A shared design language that accelerated onboarding as the org doubled in size
  • WCAG 2.1 AA compliance embedded at the component level — not retrofitted
  • A modular component library that adapted as the product expanded into enterprise
  • Documentation captured in flight, in context — a living system rather than a static artifact
  • A design systems practice that survived the conditions that actually existed, not the ones anyone planned for
Next case study
Harvard × Superfriendly — Designing a facilitation curriculum for HBS