Bipsync

Bipsync

Introduction

Introduction

Bipsync is a SaaS fintech company that offers investment research management software (RMS) built to make financial research accessible and actionable in every investment decision—for asset managers, asset owners, consultants, and advisors. I was brought in to help refine the product and develop a new design system to establish a scalable and consistent design language across the platform.

Year

2023

Industry

SaaS - Fintech

Scope of work

/

Design System

/

UI

/

UX

/

Product Design

Services

/

Audit

/

Component Creation

/

Design-to-code

/

UI

/

UX

Timeline

8 weeks

Introduction

Bipsync is a SaaS fintech company that offers investment research management software (RMS) built to make financial research accessible and actionable in every investment decision—for asset managers, asset owners, consultants, and advisors. I was brought in to help refine the product and develop a new design system to establish a scalable and consistent design language across the platform.

Year

2023

Industry

SaaS - Fintech

Scope of work

/

Design System

/

UI

/

UX

/

Product Design

Services

/

Audit

/

Component Creation

/

Design-to-code

/

UI

/

UX

Timeline

8 weeks

Challenges

Challenges

The challenge with the platform and product was to create a design framework and language for high-volume, daily software use, with very data-rich information, that could work as the users main 'management research' hub and communication tool.

/ Solutions

Tokenised design system for seamless development

An adaptive Interface to address the information architecture complexity

Portable component sets for product-wide functionality

Contextual learning to empowers teams

Black

invertible.neutral.900

Black

invertible.neutral.900

Black

invertible.neutral.900

Brand Green

invertible.brand.300

Brand Green

invertible.brand.300

Brand Green

invertible.brand.300

Dark Green

invertible.primary.700

Dark Green

invertible.primary.700

Dark Green

invertible.primary.700

Purple

invertible.purple.500

Purple

invertible.purple.500

Purple

invertible.purple.500

Lab Blue

non-invertible.labblue.500

Lab Blue

non-invertible.labblue.500

Lab Blue

non-invertible.labblue.500

Warning

non-Invertible.warning.500

Warning

non-Invertible.warning.500

Warning

non-Invertible.warning.500

CTA system

CTA system

A dynamic CTA system was introduced through tokenisation that defined Primary, Secondary and Tertiary variants and interactives states, for clear navigation across components and pages.

primary-default

interactvie.primary.default

primary-default

interactvie.primary.default

primary-default

interactvie.primary.default

primary-hover

interactive.primary.hover

primary-hover

interactive.primary.hover

primary-hover

interactive.primary.hover

primary-resting

interactive.primary.resting

primary-resting

interactive.primary.resting

primary-resting

interactive.primary.resting

primary-disabled

interactive.primary.disabled

primary-disabled

primary-disabled

feedback-warning

interactive.feedback.warning

feedback-warning

interactive.feedback.warning

feedback-warning

interactive.feedback.warning

feedback-error

interactive.feedback.error

feedback-error

interactive.feedback.error

feedback-error

interactive.feedback.error

secondary-default

interactive.secondary.default

secondary-default

interactive.secondary.default

secondary-default

interactive.secondary.default

secondary-active

interactive.secondary.active

secondary-active

interactive.secondary.active

secondary-active

interactive.secondary.active

Light and dark modes

Light and dark modes

Light and dark modes were created across the product and design system to accommodate different user preferences and environments.

(Drag left to right below to see the transition from light to dark modes)

/ Dashboard Home

/ Calendar

How it came together

How it came together

The result was a clean, modern and scalable UX/UI and design system that would function day-to-day for a wide range of users with different skill levels, and understanding of the data metrics.

Final thoughts

Final thoughts

The Bipsync project was very complex and detailed, but ultimately very rewarding as a design challenge, giving structure, rigour and a fresh approach to a widely used daily tool.

The result was a real collaboration of different teams and their requirements, aligned to user needs, to deliver the end product.

blairjarvis.

studio

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

© 2025 blairjarvis.studio

Let’s talk.

Tell me about your project—whether it’s a design system, website, or branding.

Quick response.

If you’re ready to create and collaborate, I’d love to hear from you.

Clear next steps.

After the consultation, I’ll provide you with a detailed plan and timeline.

Design Director

at blairjarvis. Studio

Blair Jarvis

blairjarvis.

studio

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

Let’s talk.

Tell me about your project—whether it’s a design system, website, or branding.

Quick response.

If you’re ready to create and collaborate, I’d love to hear from you.

Clear next steps.

After the consultation, I’ll provide you with a detailed plan and timeline.

Design Director

at blairjarvis. Studio

Blair Jarvis

blairjarvis.

studio

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

© 2025 blairjarvis.studio

Let’s talk.

Tell me about your project—whether it’s a design system, website, or branding.

Quick response.

If you’re ready to create and collaborate, I’d love to hear from you.

Clear next steps.

After the consultation, I’ll provide you with a detailed plan and timeline.

Design Director

at blairjarvis. Studio

Blair Jarvis