Lyse’s Design System, Form

Founder of Form, the Lyse group’s design system. A multi brand design system for Lyse Group, Lyse Energy, Altibox and Altibox Partners ++

The work started with gathering all different design files and design element we already had and then we designed core library in Figma. This core library was then developed as technical Web components / React using Stencil as an transform and generate components for different UI frameworks React ++ (Form version 1). We then iterated and created (Form version 2) which is now based on Radix-ui in the core and supplies dedicated React components, which is now utilized in many other product teams within Lyse, Lyse Tele (Altibox). We also have built a internal community for contribution to new design components as both designers and developers.

Role(s): Founder, Product Owner, UX Lead, Designer
When: 2022 – On going
Technology: Figma, Figma Make, Web components, Stencil, React, Radix-ui, Storybook, Chromatic, Node.js, Next.js, Zeroheight