Radius

Radius

Building a system for designing at scale

Helping build a system to design at scale

The world's leading catastrophe risk modeling company approached Mokriya to create a scalable, modern design system that allowed them to streamline their design process and create consistency across their products and applications.

RMS_Shot_2

THE CHALLENGE

RMS provides hundreds of insurers, financial institutions, corporations, governments, and other non-governmental organizations with models, technology, and services to better understand and manage catastrophe risks throughout the world.

With an expanding portfolio of products, RMS wanted a unified experience for their customers and a centralized design language for their product designers and developers. We worked with RMS to create a robust design system of visual styles, components, and code values that enable RMS to prototype and experiment with ideas in high-fidelity faster and at a lower cost.

PLATFORMS

Web

Desktop

EXPERTISE 

Design System

User Interface

Documentation

CHECK IT OUT

RMS_Shot_Animation_2

THE SOLUTION

Laying the Foundation

Laying the Foundation

Our initial step was to inquire about elements of the design system RMS already possessed as well as additional elements they need developed. We ran a design and development audit on their existing products to loosely define the foundation of the design system—gathering color, typography, spacing, and basic component styles. This discovery phase provided us a clear development roadmap moving forward and allowed us to begin defining our standardized components.

Our initial step was to inquire about elements of the design system RMS already possessed as well as additional elements they need developed. We ran a design and development audit on their existing products to loosely define the foundation of the design system—gathering color, typography, spacing, and basic component styles. This discovery phase provided us a clear development roadmap moving forward and allowed us to begin defining our standardized components.

Component Creation

Component Creation

We worked with RMS to make sure each component functioned and behaved as intended. With a large inventory of components with varying applications, we sought to create components that could be easily resized and overridden for any situation. Our goal was to design simple and pixel-perfect components that enabled RMS designers and developers to focus on designing the product experience, rather than worrying about spacing, color, or type values.

RMS_Shot_Animation_3
RMS_Shot_Animation_4

Driving Adoptability

Driving Adoptability

In order to drive adoptability for the design system amongst RMS product teams, we offered extensive documentation regarding components and tutorials on how to use them. We wanted to make sure best practices were put in place, so we developed guidelines and a processes for contributing and maintaining the design system.

"We appreciate working with Mokriya so much. 
Our Design System is incredible because of their
approach to craftsmanship."
 

"We appreciate working with Mokriya so much, our Design System is incredible because of their approach to craftsmanship." 

Mike_Cummings_RMS_Thumbnail

Mike Cummings

Lead Designer at RMS

RESULTS

RMS product teams are able to prototype high-fidelity designs faster using the design system as a single source of truth. In addition, any updates to the design system are automatically synced with both design and code, creating a frictionless process.

30%

time saved in prototyping

$50k

saved per release in cleaning up UI issues

60+

components created and growing

Let’s talk and build the future together.

Let’s talk and build the future together.

© 2018 Mokriya - Nagarro Silicon Valley Labs

© 2017 Mokriya - Nagarro Sillicon Valley Labs

© 2017 Mokriya - Nagarro Sillicon Valley Labs