Akrivia HCM Web Design System

L3xyC4tGXrDa8Ee8h3CWmB6dB9M.png

Overview

The aim was clear: Create a design system that not only embodies the essence of our brand but also simplifies the way we build and present our product at the initial stages. This journey, akin to composing a seamless symphony, involved careful orchestration of elements, collaboration across teams, and a commitment to user-centricity.

Discovery

To understand the audience playing for, began with user-centric research. Through interviews and surveys, uncovered insights that laid the foundation for a set of design principles. These principles served as the guiding notes throughout the entire composition process.

Principles

Four principles guided us – keep it clear, look the same everywhere, fit anywhere, and be inclusive. These rules influenced everything, from buttons to colors, ensuring a cohesive and accessible user experience.

Design Pattern

In weaving the design narrative, have incorporated the Atomic design pattern proposed by Brad Frost, treating our elements as fundamental particles in a visual ecosystem.

https://bradfrost.com/blog/post/atomic-web-design/

Untitled

This case study unfolds the story of turning these principles into reality – designing, testing, and integrating our harmonious design system. It's about the challenges we faced, the decisions we made, and the results that followed. The upcoming sections provide a peek behind the scenes, sharing our journey toward a more delightful and efficient design process.

Foundations (Atoms)