Context 365

Connecting active investors with high-performing managers

About the Project

Context 365 is a community of family offices, venture capital and private equity firms, fund managers, institutional investors, and select industry colleagues and partners in alternative investments.

The Context 365 app and matchmaking technology help investors find managers and deals that best fit their mandate and outlook. It's the first capital introduction app of its kind, powered by longevity in the industry that has helped create billions in historical allocations.

4-devices-clay2

My Role on the Project

I worked for Context 365 creating a new Design System to support their digital app and redesigning the main screens for many device sizes using Figma. I was responsible for creating all the design styles and responsive components that composed the Design System and after that, making a complete redesign of the main screens of the app using the new styles and patterns, considering the responsive layout and the user experience in any device or screen size.

The Design System

Based on the current brand and colors, I proposed an entirely new Design System inspired by some patterns from Material Design, such as Drop Shadows, Cards, and Sharp Icons. New Design Components were created with their respective variations and prepared for any screen size. Also, complex chart and table components were proposed especially for this project and prepared in different sizes.

Board-Style-Color-Pallete-3
Board-Style-Typography-2
Board-Style-Components-2
Modules-Board
Board-Style-Cards
Board-Style-Ilustration
Board-Style-Cards-with-Ilustration

Responsive Design and
Breakpoints

Having the first Design System library done, I redesigned the main screens of the app, considering how the layout should be depending on the screen size. To make this, I used different grids and breakpoints to simulate the interface aspect for each screen size and guarantee the best user experience on any device. Breakpoints are customizable widths that determine how the responsive layout behaves across device or viewport sizes.

The Results

Redesigning the interfaces using the new Design System provided more visual consistency on the final product and a better dialog between Development and the Design Team.

multidevices_2
Board-Context-Isometric-0081
multidevices-shadow

Many Thanks to

Jacob Rogelberg, Mike Palmer and the Context 365 team that helped and clarified in a lot of moments, and the Development team that provided me with valuable insights for creating a truly functional Design System.

More Projects

PermisoProduct Design, Design System

Plans WellProduct Design, Design System, Marketing and Sales, UX Research

Clube FIIProduct Design, Design System, Brand Identity, Marketing and Sales, UX Research

Etisalat Design SystemBrand Identity, Design System, Product Design, Marketing and Sales

Good Move Dubai AppProduct Design, Brand Identity

C-Me AppProduct Design, Brand Identity, Marketing and Sales

HatchDesign System, Product Design, UX Research

Starbucks Sales ToolkitProduct Design, Marketing and Sales

PaqtDesign System, Marketing and Sales, Product Design, UX Research

QuiteoftenDesign System, Product Design

Ready to Have a
Design Partner?

Explore

Work

Get in touch

Social

© Leo Makes Design 2024

Back to top Arrow