accesibilitycase-studyData modellingDesing SystemInteraction design

Redesigning a B2B Form Builder

Defining design system patterns through a B2B form builder redesign — where accessibility forced better decisions for everyone.

Sep 30, 2024

The form builder was the backbone of how 100+ enterprise innovation teams — Enel, NASA, AstraZeneca, Shell, Dow Chemical — collected ideas.

The redesign wasn't about adding features. This redesign was part of a platform-wide modernization bringing data intelligence capabilities to our B2B platform.

THE PROBLEM

Data, accessibility, scalability

The old builder gave customers everything: any field, any label, any configuration. In theory, flexibility. In practice, three problems compounding — and the third one would force us to rethink the other two.

Data. Every field was plain text. No way to aggregate, filter, or analyze across submissions.

Scalability. Every new requirement became a new toggle. The builder grew; the experience didn't. Customer success ended up configuring forms manually for customers who couldn't navigate them.

Accessibility. WCAG compliance was patched on top — audits after the fact, fixes layered over a builder never designed for it. But the WCAG work didn't just fix accessibility. It surfaced patterns we'd inherited without questioning, and forced us to rethink them across the system.

The company was rebuilding the platform on a new design system. The form builder was the right place to stop patching and rethink the model.

THE INVISIBLE WORK

Patterns we broke, patterns we built

The migration gave us a new component library. It didn't tell us when to use what — or which inherited conventions were worth keeping.

My colleague owned the token definition; I owned the bridge into engineering — keeping tokens consistent from Figma to code, components documented in Coda. Each call was small. Skipping any would have shown up later as a product that almost felt right.

LEARNINGS

Accessibility isn't a checklist — it's a way of thinking. Designing accessible from the start doesn't just meet compliance, it improves the experience for everyone.

The deeper lesson came from the patterns themselves. WCAG started as a constraint and ended up doing something I didn't expect: it forced us to question conventions we'd inherited from every other B2B product. Disabled buttons, generic progress bars, fixed field widths — none of them were broken, but they weren't earning their keep either. Designing for users with disabilities turned out to be the fastest way to find the patterns worth keeping.

© Git / Made with ❤️ in Next / 2025