Case Study

London Stock Exchange Group

'Halo' Design System

Case Study

London Stock Exchange Group

Refinitiv

Design System

Competitor Analysis
Content Strategy
Information Architecture
Product Evaluation
UI Design
Interaction Design
Visual Design
Development

Summary

Single-handedly designed and built Refinitiv's new design system platform (from ground up).

Background

Coming soon.

The Task

Coming soon.

Supporting Document(s)

The Process

Competitor Analysis

Notable design systems compared and analysed:

Goldman Sachs Design System was released in the later stages of this project so was also used for inspiration.

Even evaluated Storybook, but was deemed more for developers and not suitable for designers to maintain.

Documentation Platform — Platforms Evaluation

I tried to glean from the source code from each of the design systems what software / platforms / services were used. Unfortunately, the source code didn't give any useful information away.

Eventually, from my research, I stumbled across "Static-Site Generators" (SSGs), which led me to download and install a number of them, alongside registering for some cloud-hosted solutions for evaluation:

  • Catalog
  • Docsy
  • Docusaurus
  • Docz
  • Gatsby
  • Hugo
  • MkDocs
  • Patternfly
  • Storybook
  • Zero Height

MkDocs was eventually chosen for its built-in (out-of-the-box) search functionality, which unlike the majority of products didn't have to call an externally-hosted service, as the Halo design System would initially be hosted internally within the corporate intranet and not be publicly accessible due to various IT security policy and network restrictions.

Content Audit & Content Strategy

Coming soon.

Information Architecture

Coming soon.

Screenshots

Early work-in-progress screenshots taken from my local development environment (localhost)

What I would have done differently

Coming soon.

Conclusion

Coming soon.

Testimonials

"Yooch was responsible for the definition of our nascent product design system at Refinitiv.

I have been really impressed by Yooch's personality and knowledge of Workspace customer needs and behaviours.

Yooch is one of those gifted individuals who is equally at ease in designing clear and intuitive interactions, building sophisticated responsive prototypes and communicating customer-centric solutions with stakeholders of all kinds.

Despite the aggressive deadlines and the incredible pressure put on him and the rest of our team, Yooch's dedication, calm and confident approach has been truly remarkable.

Yooch can be both a great team leader and player! I would recommend him without hesitation for any design project.

— June 2020

Giorgio V. was Product Design Director who worked with and directly managed Yooch in the same group at London Stock Exchange Group and Refinitiv.

"I had the pleasure of working directly with Yooch Wan at Refinitiv on the creation of the company's product design system.

During our collaborations, I was impressed by Yooch's broad design abilities, technical expertise and his focus on formulating evidence-based design solutions.

Yooch also influenced improvements to the company's product offerings through presentations attended by designers, developers and product managers.

His professionalism, expertise and people skills would make him an excellent leader for any user-centric organisation.

— October 2020

Alan H. was Product Manager for Design Systems and an internal client of Yooch at London Stock Exchange Group and Refinitiv

"Have had the opportunity of working with Yooch several years now.

His contribution and Design expertise have been key in driving the Product forward.

He has a wide set of Design and Financial skills; always highly collaborative with team and open with his contributions and ideas.

— July 2020

Jorge S. was Global Head of Product Management for Desktop Platform and was an internal client of Yooch at London Stock Exchange Group and Refinitiv

"It's been great working with you, from [the design system] to Framework. You're a great designer and one we shall miss. Really gutted."

— September 2021

John W. was a Principal Visual Designer who worked with Yooch in the same group at London Stock Exchange Group and Refinitiv.

"Thanks for all your superb work and contributions to Halo [the design system] and all the design projects... You've always been a great help to solve problems and get things right!

— September 2021

Matt E. was Lead UX Writer who worked with Yooch in the same group at London Stock Exchange Group and Refinitiv