The Digi Design Language

Digi Design Language is a set of components and principles to maintain the experience when using Digi's Products.

Design Team

The Concept

Imagine you have a “Lego” brick. From one lego combined with another, you can make a wall. From that wall, we combine with other walls, we can build a house. Basically, we can build up anything with lego bricks such as car, trucks, castles, etc.

This is what Design Language or Design System is. With the correct foundation and combining smaller components we can create a product with unified language.

The Atomic Design

Inspiration from Atomic Design by Brad Frost

Atomic design is a methodology for creating design systems. There are five distinct levels in atomic design: Atoms, Molecules, Organisms, Templates, Pages

What is Digi Design Language

Digi Design Language (DDL) is a set of principle use to maintain the experience using Digi’s product.

Problem Statement

The problem with our products are inconsistent design. Each products has their own components such as buttons, tabs, etc. Other than that, the foundation are not aligned with each products. This create low brand trust and not unified branding and design language for our organization.

The Benefits

Work Process

Designs

Key Learnings