Orbital design system
New and improved look for standing orders and direct debits.Role
App Design
Design System
In house
TSB
TSB
Role
Lead UI Designer
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
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
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 (i.e. full height error screens)
- core entry points we tended to repeat 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.