Design system

Dunelm / 2025

Designed and implemented a complete multi team scalable design system from scratch for touchscreen self-checkout kiosks, improving UI consistency and usability across the platform.

Screenshot 2025-08-30 at 21.17.38 1

Experience

Overall, creating a design system from scratch was a fascinating and extremely valuable experience that expanded my skill set to a whole new level. I'm grateful for the opportunity the Lead design team gave me, as it opened my eyes to exciting new possibilities within the digital universe.

Screenshot 2025-08-30 at 20.28.13 1
Radio buttons
Screenshot 2025-08-30 at 19.30.46 1
Screenshot 2025-08-30 at 20.22.56 1
Screenshot 2025-08-30 at 20.22.56 2
Screenshot 2025-08-30 at 20.15.00 1
Screenshot 2025-08-30 at 21.17.55 1

Tokens & Variables

Design tokens serve as the foundational specifications for our self-checkout interface—capturing critical values like touch target sizes (minimum 44px for accessibility), high-contrast colour ratios for screen readability while aligning brand guidance from Dunelm’s Digital libraries.

Using Tokens and Variables creates a single source of truth—when you need to update your primary colour across dozens of components and screens, you only change the token value once, and the variable automatically propagates that change throughout your entire system. It transforms design maintenance from a tedious, error-prone process into a streamlined operation that ensures consistency while enabling rapid iteration.

Design system

Dunelm / 2025

Designed and implemented a complete multi team scalable design system from scratch for touchscreen self-checkout kiosks, improving UI consistency and usability across the platform.

Screenshot 2025-08-30 at 21.17.38 1

Experience

Overall, creating a design system from scratch was a fascinating and extremely valuable experience that expanded my skill set to a whole new level. I'm grateful for the opportunity the Lead design team gave me, as it opened my eyes to exciting new possibilities within the digital universe.

Screenshot 2025-08-30 at 20.28.13 1
Radio buttons
Screenshot 2025-08-30 at 19.30.46 1
Screenshot 2025-08-30 at 20.22.56 1
Screenshot 2025-08-30 at 20.22.56 2
Screenshot 2025-08-30 at 20.15.00 1
Screenshot 2025-08-30 at 21.17.55 1

Tokens & Variables

Design tokens serve as the foundational specifications for our self-checkout interface—capturing critical values like touch target sizes (minimum 44px for accessibility), high-contrast colour ratios for screen readability while aligning brand guidance from Dunelm’s Digital libraries.

Using Tokens and Variables creates a single source of truth—when you need to update your primary colour across dozens of components and screens, you only change the token value once, and the variable automatically propagates that change throughout your entire system. It transforms design maintenance from a tedious, error-prone process into a streamlined operation that ensures consistency while enabling rapid iteration.

Design system

Dunelm / 2025

Designed and implemented a complete multi team scalable design system from scratch for touchscreen self-checkout kiosks, improving UI consistency and usability across the platform.

Screenshot 2025-08-30 at 21.17.38 1

Experience

Overall, creating a design system from scratch was a fascinating and extremely valuable experience that expanded my skill set to a whole new level. I'm grateful for the opportunity the Lead design team gave me, as it opened my eyes to exciting new possibilities within the digital universe.

Screenshot 2025-08-30 at 20.28.13 1
Radio buttons
Screenshot 2025-08-30 at 19.30.46 1
Screenshot 2025-08-30 at 20.22.56 1
Screenshot 2025-08-30 at 20.22.56 2
Screenshot 2025-08-30 at 20.15.00 1
Screenshot 2025-08-30 at 21.17.55 1

Tokens & Variables

Design tokens serve as the foundational specifications for our self-checkout interface—capturing critical values like touch target sizes (minimum 44px for accessibility), high-contrast colour ratios for screen readability while aligning brand guidance from Dunelm’s Digital libraries.

Using Tokens and Variables creates a single source of truth—when you need to update your primary colour across dozens of components and screens, you only change the token value once, and the variable automatically propagates that change throughout your entire system. It transforms design maintenance from a tedious, error-prone process into a streamlined operation that ensures consistency while enabling rapid iteration.

Design system

Dunelm / 2025

Designed and implemented a complete multi team scalable design system from scratch for touchscreen self-checkout kiosks, improving UI consistency and usability across the platform.

Screenshot 2025-08-30 at 21.17.38 1

Experience

Overall, creating a design system from scratch was a fascinating and extremely valuable experience that expanded my skill set to a whole new level. I'm grateful for the opportunity the Lead design team gave me, as it opened my eyes to exciting new possibilities within the digital universe.

Screenshot 2025-08-30 at 21.17.55 1

Tokens & Variables

Design tokens serve as the foundational specifications for our self-checkout interface—capturing critical values like touch target sizes (minimum 44px for accessibility), high-contrast colour ratios for screen readability while aligning brand guidance from Dunelm’s Digital libraries.

Using Tokens and Variables creates a single source of truth—when you need to update your primary colour across dozens of components and screens, you only change the token value once, and the variable automatically propagates that change throughout your entire system. It transforms design maintenance from a tedious, error-prone process into a streamlined operation that ensures consistency while enabling rapid iteration.