TINE Designsystem - KREM

Objective:

To establish a single source of truth for design and development at TINE, one of Norway's largest brands. The goal was to accelerate product development, improve UI/UX consistency, and unify the brand's digital identity.

My Role & Contribution: As a Design System Developer on the project, I was responsible for the architecture and development of the component library.

Key Deliverables I Contributed To:

• Component Library: Engineered a robust suite of UI components using React & TypeScript, which we published as a private NPM package for easy consumption by other teams.
• Interactive Documentation: Built and maintained the Storybook environment, providing a live, interactive "shop window" for our components with clear documentation.
• Design & Development Sync: Collaborated closely with designers to ensure the coded components were a pixel-perfect match with the master Figma library.

Impact: The TINE Design System is now used by multiple development teams across the organization, significantly reducing redundant work and ensuring a world-class, cohesive user experience for all of TINE's customers.