FRACTL
Design System

Client | Virtusense

Date | Nov. 2022 – Present

project overview

Through nearly a decade of creating software for fall-prevention technology, Virtusense had yet to pull together a design system. Coming in late, I pulled from existing designs and industry best practices to construct a custom system to fit the unique needs of a clinician / older adult user base.

file organization

Starting from scratch

In an attempt to build off of what was already present in the products, I tried to implement

Building top down

Building to 

New Figma Capabilities

In the middle of the process, Figma updated 

ready-made prototyping

Starting from scratch

In an attempt to build off of what was already present in the products, I tried to implement

Building top down

Building to 

New Figma Capabilities

In the middle of the process, Figma updated 

Building of common page flows

Building out reusable and customizable page flows, like logins, saved hours for myself and other designers.

Equipped non-designers to start designing

In the time period after the first draft of the system was up and running, team members were able to draft out ideas in high fidelity using the pre-built components.

Customized to company needs

By bucking an existing systems, we had full freedom to customize for the needs of the product owners.

icon consistency

Building of common page flows

Building out reusable and customizable page flows, like logins, saved hours for myself and other designers.

Equipped non-designers to start designing

In the time period after the first draft of the system was up and running, team members were able to draft out ideas in high fidelity using the pre-built components.

Customized to company needs

By bucking an existing systems, we had full freedom to customize for the needs of the product owners.

component condensing

Building of common page flows

Building out reusable and customizable page flows, like logins, saved hours for myself and other designers.

Equipped non-designers to start designing

In the time period after the first draft of the system was up and running, team members were able to draft out ideas in high fidelity using the pre-built components.

Customized to company needs

By bucking an existing systems, we had full freedom to customize for the needs of the product owners.

color tokenization

Building of common page flows

Building out reusable and customizable page flows, like logins, saved hours for myself and other designers.

Equipped non-designers to start designing

In the time period after the first draft of the system was up and running, team members were able to draft out ideas in high fidelity using the pre-built components.

Customized to company needs

By bucking an existing systems, we had full freedom to customize for the needs of the product owners.

custom tables

Building of common page flows

Building out reusable and customizable page flows, like logins, saved hours for myself and other designers.

Equipped non-designers to start designing

In the time period after the first draft of the system was up and running, team members were able to draft out ideas in high fidelity using the pre-built components.

Customized to company needs

By bucking an existing systems, we had full freedom to customize for the needs of the product owners.

successess