The Ben Design System

The Ben design system was set up using the T-Mobile design system as a base. All T-Mobile components had te be redesigned in the Ben branding.

YEAR

2023

ROLE

SENIOR UX/UI DESIGNER

CONTRIBUTION

UX DESIGN • UI DESIGN • COMPONENTS • STYLES • TYPOGRAPHY • DOCUMENTATION

ben_ds_14

Areas of focus

More than 80 unique components had to be rebranded. An important aspect was that some components contained subtle differences, in order to give the Ben’s design system its unique look and feel.

ben_ds_01

Styles and components

This is a overview of some of the styles and components I designed for the design system.

ben_ds_02
ben_ds_03
ben_ds_04
ben_ds_05
ben_ds_06
ben_ds_07
ben_ds_08
ben_ds_09
ben_ds_10

Documentation

For each component I created a documentation sheet, containing important aspects of a component, such as: the anatomy of a component, options and states, spacing, sizing, padding and composition.

This documentation sheet would serve as a guideline for developers and user experience designers on how to use a component.

ben_ds_11

The Ben Design System, consists over 80 unique components.