As Design Manager at GoodWorker (Temasek JV), established design coherence across Worker and Employer apps by building a token-based system from zero. Created shared components, documentation, and processes that reduced design inconsistency and cut time-to-hire by 25%.
Liked this project?
Let's talk about what we can build together.
About GoodWorker
GoodWorker is a joint venture between SchoolNet and LemmaTree (100% subsidiary of TEMASEK). Focused on becoming India’s largest full-stack, blue-and-grey collar recruitment and learning platform, GW is a unique combination of a hungry tech startup with a genuine social impact agenda.
GW’s ‘moonshot’ mission includes impacting the entire blue-collar workers’ ecosystem (jobs, learning, finance, insurance, and housing) by creating unprecedented value through next-gen tech. Integrated play.
What was my role?
When I started at GW, my mission as a platform designer was to bring coherence and consistency to the design work across the GW Worker and GW Employer apps. We aimed to establish a design system that would unite designers in terms of aesthetics and vision. It was more than just creating a UI library; we needed to align our ways of working, establish processes, and foster a shared vision. Together, we embarked on this journey to harmonize our efforts and create a seamless user experience for our users.
How did we go about it?
I took the lead in organizing daily huddles, brainstorming meet-ups, and design reviews, despite some initial challenges. These regular meetings allowed us to get to know each other better and gather ideas on how we should collaborate and align our visions. Together, we co-created processes and collaborated on UI components, with me overseeing the overall design system. It was a collaborative effort that helped us foster a shared understanding and work towards a common goal.
Ways of Working
Design Document Rules
With this, we tried to tackle questions mentioned below-
✅
UI Design System: Our design system is based on the atomic design theory, meticulously divided into four key parts for a comprehensive approach: Foundational Elements, UI Components, UI Modules, and Templates.
✅
Foundational Elements: Establishing the core principles and visual language of our design system, these elements form the foundation of our UI design approach.
✅
UI Components: Providing reusable building blocks, these components ensure consistent and cohesive user interfaces throughout our digital products.
✅
UI Modules: Enabling seamless integration of components into larger functional units, these modules enhance the scalability and flexibility of our design system.
Comprised of basic essential elements, like colors, typography, grids and spacing, the building blocks for an uniform approach
Building blocks for app design, simpler individual components like forms, alerts, modals and buttons, mostly in variations of states.
These are the defined UI modules, specific kits of complex blocks for the app design, designed for a specific function.
Style Guide and UI Library
Our Style Guide and UI library serve as essential resources for maintaining consistency and coherence in design. They provide guidelines, components, and UI modules that empower designers to create visually cohesive and user-friendly interfaces across our digital products.
Concepts+Templates
UI Templates and Concepts provide pre-designed layouts and visual frameworks that streamline the process of creating consistent and visually appealing user interfaces. These ready-to-use templates offer a foundation for designing intuitive and user-friendly experiences.
✅
Templates and Concepts: Offering pre-designed layouts, these templates facilitate efficient and consistent design implementation, streamlining the design process.
✅
Harmonious Design Experience: Our systematic approach ensures a scalable and harmonious UI design experience, promoting a unified look and feel across all our digital products.
