Customer portal design system

A shared interface language defined in Figma, implemented as Angular components and used to build a customer portal.

Scope
B2B portal / Design system & frontend
Period
2019 — 2021
Role
Design system & frontend
Tools
Figma · Angular · TypeScript · Sass

Context

The portal needed a consistent foundation for its interface. Design decisions had to be reusable in both Figma and the production codebase.

My contribution

  • Defined visual tokens, components and usage patterns in Figma.
  • Translated those patterns into a reusable Angular component library with TypeScript and Sass.
  • Built the portal interface using the same component foundation.