Cloud Simulation Dashboard UI
How I set the base for a product design system.
Role: Senior Designer at G2G3.
The Challenge
Designing a live dashboard.
In 2019, a big tech client asked G2G3 to design a customised version of the “Cloud Simulation” workshop to help their employees to learn new data management technologies. As the team’s senior designer, my job was to customise the UI of a digital dashboard and graphics for data visualisations that the facilitators use when delivering the training.
Goals and KPIs
An opportunity to improve product design.
As I started working on the new UI, I found that the software’s existing version was over ten years old. As I had to recreate all the design files, I proposed to use this project as an opportunity to start a design system that would allow the company to unify all the product dashboards and make project design better. It would also be a chance to find better ways to collaborate between design, development and game designers.
Actions
Learning and applying design systems.
To achieve my goal of setting the base for a new design system, I started these actions:
- I studied InVision’s design systems handbook and ten design system guidelines, including Google Material, Apple Human Interface, Microsoft Fluent, and Shopify Polaris.
- I created and shared a UI inventory of all the company’s products with my colleagues, including each component’s guidelines.
- I created a prototype of the dashboard in Adobe XD to share specs and assets with the developers.
- I attended the Information is Beautiful data visualisation workshop and helped the team redesign the dashboard reports.
- I studied accessibility guidelines and applied the principles to the UI colour palette.
Results and Learnings
The UI resources I created served as the base for new updates and more efficient customisations.
- The training was successfully released in 2019 and delivered to the client.
- The UI resources I created served as the base for new updates and made further customisations faster. As a team, we started the next project using XD prototypes and the components built for this dashboard.
- I learnt that designers have an active role in introducing design changes. And we must put a lot of effort into being in sync with the team members and consider their needs and input into the design process. Prototypes can be a great help in achieving this.
Projects
About me
Contact
lautecce@gmail.com