Digital Workplace (DWP) Master Mockup and Design System
Revamp existing mockups with updated components. Create a master mockups file (Web Desktop, iPad, and Mobile) as a master file to be referred by developers, system analysts, and technical writers.
Standardize designs and components with Design System
Digital Workspace (DWP) is one of several apps inside Bank Indonesia's work environment for decision makings and event arrangements by governors and stakeholders. This system is accessible through 3 type of devices, desktop (web), iPad, and Mobile.
For more than 3 years of development, there is no complete design system have ever build to standardize its designs and components. Therefore, we develop a DWP's design system and master mockup file to document all screen and workflow of the app.
Summary of Project
Project Duration
5 months (Nov 2025 - Apr 2026)
Team Member
Andrian Cedric (UI/UX Designer)
Femil Paraijun (UI/UX Designer)
Tools
Figma (Design), Gemini by Google
Solving the Right Problem
We start with exploring and analyzing the current problem
We have asked our System Analyst, IT Manager, and Project Manager to exploring existing DWP app and analyzing its problem. We found out that current DWP mockups do not use any standardized design system and the file arrangements of features are quite messy. The current work file are divided by sprint activities, which quite challenging if new workers or stakeholders need to find out the latest mockup of one feature.
Solving the Problem Right
We created Design System and Master Mockup file
After discussing with several stakeholders, we decided to develop a design system that applicable for DWP app (and further new developed apps) and a master mockup file, which become a master file with latest mockup for every features of DWP app (web, iPad, and mobile).
Design system used in this project
We created a custom-made design system, based on existing app. We also standardized the icons by using Untitled UI Icons. These ensure every components and assets are consistent and standardize to be developed for further enhancement.
