Creating 360 ONE Wealth Design System
360 ONE Wealth, a premier Indian wealth management firm, serves UHNI families with ₹569K Cr AUM and a ₹48K Cr valuation, offering bespoke solutions, strategic expertise, and unmatched service.
Project Overview
The project is about building a design system from scratch, exploring the purpose of creating a design system and how it helped our team to achieve unification throughout our digital products which would eventually contribute in elevating the users' experience, and helping the design team to ship design solutions faster.
Design system designer, Strategy, and Usability
Designers, stakeholders, and developers
BACKSTORY
01
Understaing what design system is
It was the first time we as a team were building a design system for our organisation, and everybody had their own definition of what a design system is. Our very first step was to create an exhaustive deck to present it to our stakeholders, which could help us and our stakeholders in understanding how companies like Mercedes and Apple focus on design language and how we can take inspiration and build something of our own. We, for real, compared the C-Class and S-Class of Mercedes on one pager and also separately compared the Apple ecosystem of products on another. Well, this idea worked like magic. Everybody got excited.
02
Coming to same page as a collective team
Honestly when we started discussing the idea of a design system, we didn't even know why we as a team need to have a design system and how will the team optimise it. We started by watching videos on design systems over Youtube and finally met our saviours. Nick Babich - Design Expert and Dan Mall - Design System Expert. Dan Mall's explanation of the design system helped us a lot in figuring out the best way possible for us to move ahead.
EXECUTION
01
Things which really helped us along our way.
There are a lot of different definitions of the word “design” and of the word “system,” and both concepts are very broad.
We came across a lot of definitions of the design system which serve different purposes and,- some of them are:
A collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications - Marco Suarez
Design systems bring order and consistency to digital products. They help to protect the brand, elevate the user experience, and increase the speed and efficiency of how we design and build products. - Andrew Couldwell
At 360 ONE, the design system has to be built in such a way which could serve best for building financial reporting tools, supports data, different graph patterns and data table structure. We continued our learning by taking constant inspiration from some of the well renowned design systems in the domain like Goldman Sachs, IBM, and Nord.
I suggest if you're willing to build a design system for your organisation, sit with your design team and stakeholders, ask questions like "Why do we need a design system", "What are we trying to achieve from the design system" and define your own definition of the Design System and build it. Keep in mind to upgrade it in regular check-ups.
VISION
OUTCOME
01
And Finally, One Design Sytem
A connected, package-managed, version-controlled software product that contains the smallest set of components and guidelines which will help us as a team to make digital products consistently, efficiently and happily.
We considered One Design System as a product which grows organically with the needs of the organisation. The design team takes charge of it and uses it to the full capacity.
In the initial version of One Design System, we've incorporated:
Dynamic components categorised as Actions, Communication, Containment, Selection, and Input (inspired by Material Design System).
Icon sets available in XS, S, and M sizes.
Colour schemes featuring brand, neutrals, and semantic colours.
Typography guidelines for web and mobile.
Set of graphs.
Grid patterns for desktop, tablets, and mobile devices.
Documentation to keep record and for easy handoff process.
IMPACT
Some of the high-level and impactful metrics from this project
