14 x 14

20 x 20

32 x 32

They asked for a UI Kit. I built a multibrand Design System.

They asked for a UI Kit.
I built a multibrand Design System.

Fintech

Levelling up enterprise software and supercharging engineering teams, with a multibrand Design System & Component Library

Levelling up enterprise software and super- charging engineering teams, with a multi- brand Design System & Component Library

Financial Services

Design Systems

Digital Transformation

NDA on content

#FF6993

#FF6993

Pink 0

Pink 0

#913952

#913952

Maroon 0

Maroon 0

0

-10

-20

-30

0

10

20

30

Role

Product Design Lead, Product Strategy
& Visual Design

Product Design Lead, Product Strategy & Visual Design

Overview

My clients digital transformation triggered a company-wide audit, with business teams collaborating to replace legacy servers and manual processes with modern web technology.

My clients digital transformation triggered a company-wide audit, with business teams collaborating to replace legacy servers and manual processes with modern web technology.

#1C4755

-30

-30

Business Problem

Business Problem

The software is inefficient, error-prone, and doesn't scale with the business. The focus has to be on investment growth, and not manual tasks and data fixes.

The software is inefficient, error-prone, and doesn't scale with the business. The focus has to be on investment growth, and not manual tasks and data fixes.

Legacy Software

Inefficient Business Software

"Our clients needs are always changing yet there is no flexibility in our software to respond to this."

"Our clients needs are always changing yet there is no flexibility in our software to respond to this."

Client Contact

Goal

Create and implement a design solution for all Baillie Gifford software that reduces user task time, improves usability and scalability, while delivering a holistic user experience across investment teams.

Create and implement a design solution for all Baillie Gifford software that reduces user task time, improves usability and scalability, while delivering a holistic user experience across investment teams.

Approach

  • Automate manual tasks to fill gaps in workflows

  • Identify shared goals across teams to build a Design System

  • Offer reusable components and consistent experiences

  • Visualise complex data to make it easier to digest

  • Create a shared vocabulary with clear patterns, documentation, and code examples

Reusable & Cross-Platform Components

Dashboard Design

0

-10

-20

-30

0

10

20

30

こんにちは

Rebalance long positive %

£18,323.40

XD 15.07

Repatriation

£35,100,323.401

XD 15.07

58.11%

Restricted

Insuff

icient

44

To do

43

43

130

43

0

0

#00E4AF

#00E4AF

Green 0

Green 0

Components

Reusable & Cross-Platform

Engineering Efficiency

98% Developement time reduction

98% Developement time reduction

10 days of engineering drops to a 5-minute setup. The Design & Development Framework provides code packages for instant UX & UI framework installation, enabling rapid releases, continuous testing, and faster prototyping.

Design & Development Framework

Providing Code Packages for Engineering

Impact

  • Product framework setup time 75 hrs → 5 mins (900x faster)

  • Eliminated process inefficiencies across investment teams

  • Increased user satisfaction and reduced backlogs

  • NN/g UX maturity score 2 → 6

Lead Engineer

"The UI framework and prototypes give the product team a blueprint, aiding project onboarding and faster delivery times"

"The UI framework and prototypes give the product team a blueprint, aiding project onboarding and faster delivery times"

"Involving Sandi's team benefits projects throughout all development stages. This leads to more accurate planning, focused development, and better user expectation management, ultimately enabling faster delivery times with greater transparency and team confidence."

"Involving Sandi's team benefits projects throughout all development stages. This leads to more accurate planning, focused development, and better user expectation management, ultimately enabling faster delivery times with greater transparency and team confidence."

Lead Engineer
Software Minds, Krakow

Banking

Cash Flow & Projections

Result

One design solution transformed business software - better usability, faster workflows, smarter automation.

One design solution transformed business software - better usability, faster workflows, smarter automation.

Settlements Team Lead

"Consistency in design and user experience across apps, combined with automation of manual tasks and removal of repetitive work, makes it easier for our team to navigate multiple responsibilities and focus on higher-value activities."

"Consistency in design and user experience across apps, combined with automation of manual tasks and removal of repetitive work, makes it easier for our team to navigate multiple responsibilities and focus on higher-value activities."

The Nielsen Norman Group (NN/g)

UX Maturity Score Improvement

UX Maturity Score Improvement

1

1

Absent

2

2

Limited

3

3

Emergent

4

Structured

5

5

Integrated

6

6

User-Driven

1

Absent

2

Limited

3

Emergent

4

Structured

5

Integrated

6

User-Driven

Product development was spread across multiple streams. The Design System helped usability scores go from 1-2 to a consistent 6 across all teams, evolving to user-focused design.

Thank you

My journey taught me that patience, listening, and gaining user trust are intrinsic to good design. Special thanks to my team, Bradley Law, Dave Sellers, and Michael Coyle who helped make this possible

My journey taught me that patience, listening, and gaining user trust are intrinsic to good design. Special thanks to my team, Bradley Law, Dave Sellers, and Michael Coyle who helped make this possible

My journey taught me that patience, listening, and gaining user trust are intrinsic to good design. Special thanks to my team, Bradley Law, Dave Sellers, and Michael Coyle who helped make this possible

How I did it

LinkedIn

The UI Kit 😉