DESIGN SYSTEM

Building a robust design system for the healthcare products
within the Roundglass ecosystem

PROJECT TYPE:
Enterprise Solution

MY ROLE:
Research, UX workflow
& UI deliverables.

DATE:
2014-15

Roundglass Ventures, a healthcare company was established in 2016 with an aim to impact the Indian healthcare market with a series of product offerings in distinct care verticals like chronic care, child care solutions, mental wellbeing and general wellbeing

With every individual product belonging to different verticals it was imperative that we build one uniform design language across platforms. These would have to have similar user experience and visual structures to give users a sense of product continuity.

Products Overview

A brief overview of the different products and their functionality under the Roundglass healthcare suit to better illustrate the needs of building across a design system .

Cross

A healthcare solution working as a discovery platform for patients with an aim to connect them to best caregivers under any specialisation.

Reach

A general wellbeing application that enables users to build effective habit formations, through consultations, curated schedules by nutritionists.

Peace

A mental wellbeing application targeted specifically for students.

Breathe

An asthmatic care application that looks to help users with an asthmatic problem to track their symptoms, increase their awareness and also connect them to specialists in cases for treatment.

Rise

A crowd-fund raising platform that brings forth NGOs to publish their socio-developmental projects and enables them to scale their programs and increase their community presence.

Blossom

Keeping the child at its heart,building an inter-connected ecosystem of healthcare professionals, teachers & parents to realise a child’s a true potential.

Project Focus

The project roadmap can be broken down into five main milestones.

Observations:
Process requiring the team to review products across all spectrums within the Roundglass ecosystem, and assign individual components (buttons, text-fields etc.) under broader buckets.

Insights
Gathering insights from fellow product leads to understand decision making between some of the patterns emerging from these products.

Shaping Principles
Each component in a big design system is shaped from a shared set of principles of the whole product that defines its identity. We analysed applications to gather & codify these unique sets of principles for Roundglass

Foundation

The foundations of a design system, built to serve products across all platforms were to focus on typography, colour & grids

Colours

PRIMARY

SECONDARY

ACTIVE

BACKGROUND

Typography

TITLE XL

Lorem Ipsum

TITLE BIG

Lorem Ipsum

TITLE MEDIUM

Lorem Ipsum

ARTICLE

Sample Text

BODY

Sample Text

TINY

Sample Text

Grids

Elements 8px

Text 4px

Components

Components form the building block for the unified experience for the roundglass product ecosystem and the team , went through a visual audit to then circle back to create the set of components that can be reused and embedded to our solutions. Following are some snapshots of the key components that we
extracted & designed.

BUTTONS

CARDS

LISTING

DROPDOWN

Patterns

The components we designed as a part of the unified language for the ecosystem were then
applied to certain contexts to the product experience. These are snippets from some of the key
patterns that we had incorporated as a part of the design system.