Building a Design System Project Based Company (GITS Indonesia) Experience
Designing the design system initiative, spearheading its implementation across projects and products, including directing the creation and evolution of the base design system for gits.id
Role & Responsibility
Design System Lead - Identify, prioritize, and monitor tasks, progress of design, development, documentation across team members & conduct end-to-end audits of visual style
Timeline
2021 - Present
Platform
Website, Mobile, CMS
GITS Indonesia's design system is a strategic solution to address key issues such as short project timelines, high pressure, and design inconsistency. The implementation of an external design system was proven to improve design consistency, reduce time pressure, and increase development efficiency.
ABOUT COMPANY
PT GITS Indonesia is an Indonesian IT project-based company that focuses on offering a range of software development and IT consulting services.
PROJECT GOALS
Build and implement Design System to create consistent UI/UX design, reduce processing time, and improve user experience.
How can we optimize efficiency, consistency, and user experience in UI/UX design in a tight timeline situation?
SURVEY + USER INTERVIEW
Surveys and interviews to Identify Barriers and Present Effective Solutions for UI/UX Teams and Developers
To understand the problems faced by the team, I conducted both quantitative and qualitative research.
Quantitative Research:
Inconsistent designs plague projects, fueled by tight timelines and demanding user needs for efficiency.
Qualitative Research:
Tight deadlines coupled with inconsistent design hinder both designers and developers, emphasizing the need for a collaborative and time-saving workflow.
The results showed that the main problems faced by the team were:
Inconsistent design
Tight schedule
The need to produce quality designs in a short time
IDEATION
Improving Design and Development Team Efficiency and Collaboration through Design System Implementation
During the busy time of running projects, products, and pitches, I use my free time to create a design system that includes website, mobile, and CMS to facilitate the work of the UI Design team. The implementation of this design system is expected to overcome timeline pressure, improve design quality, and support business goals and user satisfaction.
PROJECT STATUS
UI Design System Implementation and Coordination with Developers
Due to time constraints and the complexity of the design requirements, we recommend purchasing the Untitled UI Design System Template as a solution to provide the basis for a consistent design system. Our plan was to customize the components to fit all projects at PT GITS Indonesia and coordinate closely with developers in each division (android, website, ios) to ensure the implementation went well. Some of the things we did were:
Weekly with the UI Design Division Team
Research and determine how we incorporate and adjust the new design system to be suitable for implementing all projects at PT GITS Indonesia with only 1 design system
Conduct Bi-Weekly with developers
Coordinate on the progress of the implementation of the system design
RESULT
Measurable Impact of the Design System
After the implementation of the system design in each division, the results of the storybook from the website division team are complete like this
Collaboration boosts efficiency by up to 50%
By collaborating with designers and developers to adapt existing components from the story log book, we achieved a 50% faster implementation for the new branding project.
Achieving 50% Time Reduction in UI and Development Processes
Despite being incomplete, GITS' Design System has already delivered a 50% reduction in design and implementation time for UI and development thanks to improved documentation and style guides.