Jessica Brown • Senior User Interface Designer
Orbital design system
Taking ownership ofRole
App Design
Design System
In house
TSB
TSB
Role
Lead UI Designer
Design System Manager
Year
2023
A design system is more than a collection of library files.
In 2022 I moved into TSB’s Analysis & Design department, took on ownership of the Orbital design system and positioned myself as the design system expert in residence.
My role within the team expanded beyond just the scope of the design system, into finding opportunities to push the user interface further and mature the app.
In 2022 I moved into TSB’s Analysis & Design department, took on ownership of the Orbital design system and positioned myself as the design system expert in residence.
My role within the team expanded beyond just the scope of the design system, into finding opportunities to push the user interface further and mature the app.
A toolkit for success
Partly covered in
Common complaints designers we had were with components not behaving as expected, and needing to be detached and manipulated individually as a result.
So I ran an audit and talked to our engineering contacts to identify key screens which were either componentised already in the app or a core entry points across journeys.
From there, I created a suite of page templates. This enabled us to work with increased efficiency and accuracy, as designers weren’t wasting time tracking down the incremental changes that had happened to the Home screen since the last mobile release — now they only needed to accept the library update.
Work smarter, not harder
- increased design efficiency by refitting the orbital design system with variables in Figma
- optimised every component in our library to dynamically resize from 1x text to 3x for accessibility testing
- optimised every component to resize from mobile to tablet and web
- built in colour variables for light and dark mode switching, alongside development squad for future capabilities
1,500% increase
previously