Portfolio

Tobias Balmer

Portrait Tobias Balmer

Repower Styleguide

Da wir bei der Repower AG oft mit Agenturen zusammenarbeiteten, für die wir immer die gleichen Assets aufbereiteten (Colors, Fonts, Logos, etc.), kreierte ich eine Onlineplattform, wo diese Assets direkt abgelegt waren. Ausserdem hatte ich so auch einen Ort, wo ich eine Live-Demo von den Webkomponenten inklusive Dokumentation veröffentlichen konnte.

Zu einem späteren Zeitpunkt wechselten wir für den Styleguide zu Frontify. Der Webteil blieb im bisherigen System, da so die Dokumentation der Webkomponenten weiterhin automatisiert publiziert werden konnte und die Flexibilität für Anpassungen erhalten blieb.

Zur Technik: Das Frontend des Online-Styleguides ist mit Stencil (webcomponent-basiert) umgesetzt. Die Inhalte werden lokal mit einer Node.js App zu JSON-Files generiert, die dann auf dem Server der Frontend-App zur Verfügung stehen.

Online-Styleguide Repower