pcode | webstory | Entwicklung Designsystem

Aufbau eines Designsystems für pcode | webstory

Für pcode arbeitete ich bei der Entwicklung eines eigenen CMS-Systems mit, das auf Performance, Accessibility und Skalierbarkeit optimiert ist und eine schnelle Website-Erstellung ermöglicht.

Aufbau eines Designsystems

Für pcode arbeitete ich bei der Entwicklung eines eigenen CMS-Systems mit, das auf Performance, Accessibility und Skalierbarkeit optimiert ist und eine schnelle Website-Erstellung ermöglicht.

Herausforderung

Wunsch von pcode, ein eigenes CMS-System zu entwickeln, da Konkurrenzprodukte hinsichtlich Performance, Accessibility und Skalierbarkeit nicht zufriedenstellend waren.

Lösung

Erstellung einer Bibliothek mit Standardkomponenten für Websites. Schnelle Website-Erstellung durch den Export von Design-Tokens. Die Verbindung zwischen Figma und Code war ein essentieller Bestandteil dieses Projekts.

Methode

In enger Abstimmung mit dem Frontend-Entwickler definierte ich die Komponenten und das zugehörige Styling mittels Design-Tokens.

Auftraggeber: pcode | webstory

Zeitraum: 2025

Tätigkeiten:

  • Frontend Engineering
  • Design Token Architecture
  • Visual Design