Building a Design System
Background
Apoteket AB is Sweden’s leading pharmacy company, with a strong level of public trust. With around 400 stores, over 550 agents, and one of the country’s largest loyalty programs Apoteket+ with over three million members, Apoteket combines a strong physical presence with a robust digital platform through apoteket.se and the Apoteket app.
When I joined Apoteket, one of my first tasks was to design a new system for existing services and we needed to standardized Apoteket's product UI elements for growing and appending new features.
Year
Nov 2022 – May 2025
Client
Apoteket
Role
Product & UI Designer
Intro
During my assignment at Apoteket, I played a central role in modernizing the company’s existing app. The main focus was on enhancing the user experience for prescription customers, while also driving increased sales across all customer segments. The goal was to create an app that not only managed prescriptions efficiently but also made it easier for both loyal members and new users to shop for products.
Early in the project, I took the lead in developing a completely new design system in Figma, fully aligned with WCAG 2.1 accessibility standards. As part of the system, I created a responsive grid that worked seamlessly across mobile and desktop, designed new button components, introduced a new CTA color to improve conversion, and developed over 500 custom icons and pictograms. All components were built using auto-layout for both app and web.
I also worked on evolving Apoteket’s digital visual identity by expanding the color palette, refining the image style, and producing high-resolution product mockups. Throughout the process, I collaborated closely with both the marketing team and Apoteket’s in-house studio, Ateljén, to ensure consistency and alignment across all channels.
Color palette
CTA
Main Mossa
Mossa 100
Mossa 80
Mossa 30
Mossa 20
Black 80
Black 60
Black 50
Black 40
Black 30
Black 20
Stroke
Background
Typography
Icons & Pictograms
Other components
