Design System
Web
Design ecosystem
SQE functions as a digital factory or digital agency within the Sinarmas group, managing various projects that each have their own unique branding styles. Because every project requires different designs and visual elements, the design and development process becomes less efficient. We end up having to repeatedly create design patterns and workflows from scratch for each project, which consumes time and resources that could be better spent on other tasks.
Client
SQE (S-Quantume Engine)
Role
UI/UX Designer
Tools
Figma, Figjam, Notion, Miro, Jira
Timeline
Apr - Dec 2023
Objective of this project
Challange
This is my first time creating a design system that can support multiple projects. Before I joined, the team had already attempted to develop one, but it failed because there wasn’t a dedicated team to explore, implement, and maintain the design system properly. Without a focused effort, it was challenging to ensure consistency and keep the system up-to-date across various projects.
SMMF Garasi
Adjust visual contrast and readability to better align with WCAG standards.
SQEMP
Introducing a new branding design for all SQE services, aimed at unifying the visual identity across the platform.
SQECC
Introduce a new layout and design pattern that enhances user experience by providing a more intuitive structure and consistent visual style.
Skeleton loader
The current loading model can lead to perceived delays and frustrate users. To address this, we will introduce a skeleton loader to provide visual feedback and improve the overall user experience.
Accelerate the Design Process
Streamlined the design workflow, allowing designers to focus more on solving user problems rather than repetitive tasks. This improvement has significantly reduced design turnaround time and enhanced creativity.
Boost Development Efficiency with a Strong Design Foundation
Established a robust design foundation that accelerates the development process. The well-structured design system ensures consistency and speeds up implementation by providing reusable components and clear design guidelines.
New Brand Design for SQE's Internal Services
Created a refreshed brand design for SQE's internal services, prioritizing better readability and visual clarity. This new design enhances user experience by making information more accessible and improving the overall aesthetic.
