The increasing number of icons launched by KKday each year without guidelines has made it difficult to maintain consistency and challenging for designers to use them effectively. In this environment, optimizing processes and fostering seamless collaboration between designers and engineers is paramount.
Enhance production quality and maintain icon consistency across the company's branding and user interface.
I collaborated with a designer and three developers, illustrating icons, designing guidelines, managing the icon library on Figma, and establishing the review process for both developers and designers.
Translating the abstract brand identity into a consistent icon style. Ensuring naming and categorization logic was universal and scalable for future needs.
I created an icon management system and guidelines on Figma and GitHub to streamline collaboration between designers and developers.
As the team grew and new features were introduced, the design of KKday has evolved through various hands. Designers created inconsistent icons across different platforms and functional pages.
Without a unified icon library, designers often created custom icons for new projects, leading to many repetitive or one-time-use icons scattered throughout the design assets.
The lack of a unified drawing guideline forced designers to spend valuable time creating new icons, and development teams faced repetitive processes, resulting in significant time costs.
Establishing an icon system is crucial to addressing these problems and is part of KKday's long-term plan to develop a design system.
We conducted a collaborative workshop to identify keywords that best describe the brand image, providing clarity and guiding our design decisions.
We organized tasks for the icon guideline and library, collected existing icons, and identified inconsistencies to improve them.
Challenge: Translating abstract brand image into cohesive icon style.
We decided to incorporate youthful, energetic, and adorable elements into the icon style after numerous discussion.
I transformed abstract concepts into visual characteristics such as rounded corners, and minimalist line, defining KKday's unique style. I documented guidelines such as tilt angles, circle styles, and overlapping techniques.
We redesigned icons, categorized them by function, and applied the established rules.
Challenge: Creating a logical, scalable naming convention.
We developed a review standard, ensuring consistent quality across all outputs.
We also compiled a list of icon attributes to help designers systematically name icons.
The Icon Library provides clear standards and guidelines, easing the workload for designers and developers when implementing or creating icons.
All the icons — every corner radius, every stroke weight — comply with KKday’s Brand identity to ensure designs remain consistent with our communication standards.
💡 Iteration: Keep improving the library, guideline and review process according to teammates' feedback.
💡 Add Relevant Keywords: Clarify the definition of icons by adding keywords and descriptions to individual icons on Figma.