Gravity

Strategic Design

A digital supply chain management solution

Gravity Supply Chain is a cloud-based management solution that provides ‘real time’ data visibility to the entire supply chain, through a suite of modular apps. As a Lead UX/UI Designer, my role was to create and build prototypes, establish and promote the use of a Design System plan, implement new design guidelines and ensure the overall competitiveness of the software in terms of user experience and design.

When I joined the startup, in parallel with the product design, I worked closely with the marketing team to design online and offline marketing collateral, such as the corporate website revamp, updates of the brand guideline, booth design, and brochures.

My role

Create the digital communication

Design and develop the website

Lead the design system project

Design System

With the large number of apps within the Gravity system, consistency and collaboration are the main challenges for the Design team. With the need for scale, and the development of a new style guide, the necessity for a Design System was more relevant than ever. Our first step has been to audit every component that we have, in order to eliminate inconsistencies and start to define the design standards.

The goals of this component library is to standardize and unify the design elements, both for Design and Tech teams. The Atomic Design philosophy has been useful to structure and define the elements that we will include in our library. With the aim to improve the Design team collaboration and performance, we developed the library with nested symbols on sketch, and use Sketch cloud to sync, share and update.

By creating a shareable set of standards for designing and coding, we were able to increase our time to market and velocity. For instance, we managed to design prototypes and implement them faster than ever before. The Design system helps us to improve the overall UX across the product, because all the elements have a consistent look and function in a similar way. It bridges the gap between Design and Tech teams by increasing the knowledge sharing and collaboration. It was easier to keep everyone on the same page, and allows us to explore and push the boundaries of what we can achieve together.

Atomic Design

Because we started to create a new Design system, and the tech team a new framework, both designers and developers adhered to following the Atomic Design methodology. It allows everyone to follow common component-based guidelines and improve the consistency, communication among the teams, process and deliverable quality.

WEBSITE REDESIGN

We revamped the company website. My role was to define and implement the Design process, scope and prioritize the project, create the new Art Direction and coordinate the work of other staff. The result is a modern and dynamic Web design. This project is accompanied by the introduction of a gradient as a new brand guideline element, in order to create a more memorable and vibrant brand identity.

MARKETING COLLATERALS

As a Marketing Team member, I was in charge of designing various online and offline marketing materials such as booths, brochures, pitch deck, landing pages, and EDM.