Issue : Inefficient UI Building
We faced a critical issue with repeated, inefficient UI design work due to the absence of shared components. This significantly increased production time and led to early-stage burnout among the design team.
Another major issue arose in collaboration with developers.
Without a unified UI guide, designers created slightly different interface variations, which led to critical complications for FE developers.
Without a unified UI guide, designers created slightly different interface variations, which led to critical complications for FE developers.
Recognizing the impact on productivity, we initiated the creation of a unified style guide tailored for our web agency to streamline workflows and promote consistency across projects.
Structure : Organizing with Elements
The entire structure is organized with elements, which is the tiniest source of interfaces such as color, typography, spacing, icons and grid. Each elements is being foundations of every components.
*We used Material Icon and Awsome Icon, which are the open resources.












Basic Components
Every components is composed of elements that have been defined in the previous part.
We set common components kit for responsive web sites.















Thankyou for Watching:)