Design System for Asset Management
Platform

Design System for Asset Management Platform

Design System for Asset Management Platform

OVERVIEW

With Intelligence is a £50M+ revenue platform serving the alternative asset management industry. Originally rooted in financial journalism, it has grown into a key data provider for the sector.

I partnered with the design and dev teams to build a new design system: covering semantic colors, typography, components, and 100+ custom icons.


This overhaul modernized the brand's design language and significantly boosted delivery speed. Features that once took weeks or months were shipped in days, enabling the team to move faster with fewer people.

TEAM

2 × Product Manager | 2 × UX Designer | 2 × Product Designer

7 × Developers

1 × Product Manager | 1 × Product Designer

3 × Developers

1 × Product Manager | 1 × Product Designer

3 × Developers

SERVICES

System Design

Mobile

Web

Prototyping

MY ROLE

Product Designer

DURATION

6 months

Colors

Definition Stage

Definition Stage

Our design system's color palette is thoughtfully chosen to create a consistent and engaging user experience, with each color serving a unique purpose, from hierarchy to emotional resonance.

*All colours where tested as background and foreground. (AA Large, AAA Large, AA Normal, AAA Normal.)

Typography

Definition Stage

Definition Stage

Typography is a vital element that reinforces our brand and enhances the user reading experience. We've carefully chosen fonts, styles, and sizes to maintain consistency and readability across the platform.

Grid System &
Foundation

Definition Stage

Definition Stage

This grid system maintains visual harmony and reinforces the brand's identity, making it easy for users to navigate and interact with the content.

Icon Library

Definition Stage

Definition Stage

We created over 100 custom icons to be used in the platform. It serves as a visual language that aids users in easily understanding and engaging with our platform.

Buttons

Definition Stage

Definition Stage

These buttons serve as a gateway to user interaction, ensuring a seamless and user-friendly experience.

Navigation

Definition Stage

Definition Stage

Worked with founding team to develop a vision for the product experience, led the navigation, and tables redesigns.

Final thoughts

Definition Stage

Definition Stage

A couple of screens applying all the new components and rules created.

miguelsilva.me © 2024

miguelsilva.me © 2024

miguelsilva.me © 2024