Bringing digital consistency to online art galleries
Client
Vortic
My Role
Design System
,
UI
,
Mockups
,
Prototyping
,
Web
,
VR
The Problem
Vortic is a well-established product, yet the continuous updates make it challenging to keep the designs consistent, and it's even more difficult to guarantee their constancy
The Solution
A custom component based design system built to work with the vast library of pre-existing designs
Image credit: Long Story Short
The Team
The team was composed of three main designers, myself being the sole individual responsible for constructing the design system.
My Approach
The instructions were clear: "Create a design system that integrates with pre-existing materials." To accomplish this, I first needed to pinpoint the inconsistencies.
I achieved this by making copies of the primary design files and conducting a comprehensive analysis of all the used fonts and colours.
After identifying these, I collaborated with the other designers to categorise similar fonts and colours. This allowed us to establish a precise sizing guide (such as H1's, H2's, and so on) and define the brand colours.
With this foundation, we were able to build upwards.
Given that the final system would be constructed using an Atomic approach, we set up an 8pt grid system. This, combined with our defined colours and sizing, paved the way for me to start crafting responsive components.
Image credits: Long Story Short
Key take aways
Plugins were absolutely essential for this project! Without them, I would still be building the library now. They enabled me to perform a system scan to identify common elements, which I could then replace in bulk. This not only expedited the delivery process but also contributed significantly to establishing the consistency required.
I could talk about this work forever! So if you’d like to talk more about some of the things i’ve done, please get in touch!
Please view on a larger screen to see my work
The mobile site is coming (I promise) but these custom sites take time and I am a designer not a developer after all.
Bringing digital consistency to online art galleries
Client
Vortic
My Role
Design System
,
UI
,
Mockups
,
Prototyping
,
Web
,
VR
The Problem
Vortic is a well-established product, yet the continuous updates make it challenging to keep the designs consistent, and it's even more difficult to guarantee their constancy
The Solution
A custom component based design system built to work with the vast library of pre-existing designs
Image credit: Long Story Short
The Team
The team was composed of three main designers, myself being the sole individual responsible for constructing the design system.
My Approach
The instructions were clear: "Create a design system that integrates with pre-existing materials." To accomplish this, I first needed to pinpoint the inconsistencies.
I achieved this by making copies of the primary design files and conducting a comprehensive analysis of all the used fonts and colours.
After identifying these, I collaborated with the other designers to categorise similar fonts and colours. This allowed us to establish a precise sizing guide (such as H1's, H2's, and so on) and define the brand colours.
With this foundation, we were able to build upwards.
Given that the final system would be constructed using an Atomic approach, we set up an 8pt grid system. This, combined with our defined colours and sizing, paved the way for me to start crafting responsive components.
Image credits: Long Story Short
Key take aways
Plugins were absolutely essential for this project! Without them, I would still be building the library now. They enabled me to perform a system scan to identify common elements, which I could then replace in bulk. This not only expedited the delivery process but also contributed significantly to establishing the consistency required.
I could talk about this work forever! So if you’d like to talk more about some of the things i’ve done, please get in touch!
Please view on a larger screen to see my work
The mobile site is coming (I promise) but these custom sites take time and I am a designer not a developer after all.