Senior Product Designer,Design System

📍 Job Overview

Job Title: Senior Product Designer, Design System

Company: Cartrack

Location: Singapore, Singapore

Job Type: Full-Time

Category: Product Design / Design Systems

Date Posted: July 24, 2026

Experience Level: Senior (5-10 years)

Remote Status: Remote OK (with preference for Singapore-based professionals)

🚀 Role Summary

• Lead the development and evolution of Cartrack's Design System, acting as the central hub for UI components, design tokens, and comprehensive documentation.

• Drive the implementation and adoption of an AI-assisted prototyping workflow, significantly reducing the design-to-ship cycle time for internal teams.

• Directly contribute to the codebase by building and maintaining front-end components, ensuring a strong bridge between design artifacts and production-ready code.

• Champion best practices in design governance, fostering a collaborative environment for contributions to the design system from across the organization.

• Measure success by the increased speed and efficiency of design and engineering teams, focusing on adoption rates and reduced iteration times.

📝 Enhancement Note: This role is positioned as a "builder" within the design team, emphasizing hands-on contribution to both design artifacts and production code, a departure from traditional spec-handoff models. The focus on AI-assisted prototyping and direct code contribution indicates a forward-thinking approach to design operations and efficiency.

📈 Primary Responsibilities

• Design System Development: Build version 1 of the Design System, defining its scope, codifying the component library and design tokens for both Fleet Web and the Driver App.

• AI-Assisted Prototyping: Establish and maintain the AI-assisted prototyping pipeline, ensuring generated prototypes accurately map to production-ready components.

• Long-Term System Ownership: Govern contributions to the design system, manage its evolution, and decide on the absorption of new patterns and components.

• Front-End Code Contribution: Write and maintain real front-end code for components in partnership with engineering, going beyond just Figma libraries.

• Team Enablement: Serve as a resource for designers and engineers, providing support, running enablement sessions, and treating internal adoption as a primary metric.

• Platform Evolution: Continuously improve the design system and AI workflow by incorporating advancements in tooling and AI capabilities.

• Cross-Functional Collaboration: Work closely with engineering teams to ensure consistency and efficiency in the design-to-ship process.

• Governance Strategy: Develop and implement clear contribution models, documentation standards, and adoption strategies for the design system.

📝 Enhancement Note: The responsibilities highlight a dual focus on strategic design system management and tactical front-end development, requiring a candidate who can operate at both the architectural and implementation levels. The emphasis on serving internal teams and measuring success by their speed underscores a strong operational mindset.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Design, Human-Computer Interaction, Computer Science, or a related field is typically expected for senior roles in this domain. Relevant certifications in design systems or front-end development can also be beneficial.

Experience:

• 5+ years of progressive experience in product design.

• 2+ years of dedicated experience building and owning a design system, including its code layer, used by multiple designers and engineers.

• 4+ years in product design, design systems, or design engineering roles with hands-on ownership of a design system. Required Skills:

• Design Systems: Proven experience in building, maintaining, and governing comprehensive design systems, including component libraries and design tokens.

• Front-End Development: Strong proficiency in HTML and CSS.

• JavaScript & Frameworks: Experience with JavaScript and modern front-end frameworks such as React, Vue, or similar is strongly preferred.

• Systems Thinking: Ability to design scalable, composable components and articulate architectural trade-offs.

• Governance Acumen: Demonstrated ability or strong instinct for establishing effective governance models for design systems.

• AI-Assisted Design: Hands-on interest and experience with AI-assisted design and prototyping tools.

• Service Mindset: A strong focus on enabling and accelerating the work of other teams.

• Async Collaboration: Proven ability to work effectively in a distributed, asynchronous environment.

• Product Design: Deep understanding of user-centered design principles and product development lifecycles.

• Prototyping: Proficiency in creating interactive prototypes.

Preferred Skills:

• Experience with specific design tools like Figma.

• Familiarity with various AI design tools and platforms.

• Experience in a SaaS or Smart Mobility environment.

• Understanding of fleet management or telematics software.

📝 Enhancement Note: The requirement for "ownership of its code layer" is a critical differentiator, indicating a need for a candidate who is not just a design system advocate but also a hands-on contributor to its technical implementation. This bridges the gap between design and engineering operations.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Design System Case Study: A detailed case study showcasing your experience building, evolving, and governing a design system. This should include examples of component libraries, design tokens, and documentation.

• Code Contribution Examples: Demonstrations of your front-end code contributions to design systems or product features, highlighting your proficiency in HTML/CSS and frameworks like React or Vue.

• AI Prototyping Workflow: Examples or descriptions of how you've implemented or leveraged AI-assisted design and prototyping tools to improve efficiency.

• Governance Framework: Evidence of your approach to design system governance, including contribution models, review processes, and adoption strategies.

• Impact Metrics: Quantifiable results demonstrating the impact of your design system work on team speed, adoption, and product consistency.

Process Documentation:

• Workflow Design: Examples of documented workflows for design system contributions, component development, and AI prototyping integration.

• System Architecture: Diagrams or explanations of the underlying architecture of design systems you've managed, focusing on scalability and composability.

• Performance Analysis: Data and analysis demonstrating the effectiveness of design systems and AI workflows in improving design-to-ship cycle times.

📝 Enhancement Note: Given the emphasis on code contribution and AI prototyping, the portfolio should explicitly showcase projects where the candidate has not only designed but also implemented and integrated these elements. Demonstrating the "builder" aspect and operational impact is key.

💵 Compensation & Benefits

Salary Range: For a Senior Product Designer with 5-10 years of experience, specializing in Design Systems and front-end integration in Singapore, the estimated annual salary range is SGD 100,000 - SGD 150,000. This estimate considers the seniority of the role, the specialized skill set (design systems, front-end code, AI interest), and the cost of living/market rates in Singapore.

Benefits:

• Competitive Salary: Reflecting the senior level and specialized expertise required.

• Health Insurance: Comprehensive medical coverage for employees and potentially dependents.

• Retirement Savings Plan: Contributions to a pension or provident fund, in line with Singaporean regulations (e.g., CPF for Singaporean citizens/PRs).

• Paid Time Off: Generous annual leave, sick leave, and public holidays.

• Professional Development: Opportunities for training, conferences, and certifications in design systems, AI, and front-end development.

• Remote Work Flexibility: Ability to work remotely, offering a better work-life balance.

• Stock Options/Equity: Potential for company stock options or equity, depending on company policy.

• Performance Bonuses: Annual bonuses tied to individual and company performance.

Working Hours: Approximately 40 hours per week, with flexibility to accommodate asynchronous collaboration across different time zones. The emphasis is on output and efficiency rather than strict adherence to a 9-to-5 schedule.

📝 Enhancement Note: The salary range is an estimate based on industry benchmarks for senior design system roles in Singapore. Actual compensation may vary based on specific experience, negotiation, and the company's compensation philosophy. Benefits are standard for a tech company of Cartrack's scale and industry, with a focus on professional growth and work-life integration.

🎯 Team & Company Context

🏢 Company Culture

Industry: Smart Mobility SaaS (Software as a Service). Cartrack operates in a dynamic technology sector focused on providing telematics, AI-powered cameras, driver safety, and fleet management solutions. This context means a fast-paced environment with a strong emphasis on innovation and data-driven decision-making.

Company Size: 2.6M+ subscribers across 23 countries. While the exact employee count isn't specified, this indicates a large, established global organization with significant operational scale. The design team is described as "small, senior, and hands-on," suggesting a lean, high-impact unit within a larger structure.

Founded: Cartrack was founded with a vision to leverage technology for smarter fleet management. The company's growth to over 23 countries underscores its international reach and commitment to scalable solutions.

Team Structure:

• Design Team: Small, senior, and hands-on, with designers owning their work end-to-end. This implies a high degree of autonomy and responsibility.

• Reporting Structure: Likely reports into a Head of Design or Product leadership, with close collaboration with engineering leads.

• Cross-functional Collaboration: Designers work closely with engineers, product managers, and potentially other stakeholders to define problems, build solutions, and ship code. The role emphasizes serving internal teams, suggesting a strong collaborative ethos.

Methodology:

• Agile Development: Likely employs agile methodologies for product development, emphasizing iterative progress and rapid feedback loops.

• Data-Driven Design: The focus on SaaS and telematics suggests that data analysis plays a crucial role in understanding user behavior and informing design decisions.

• AI Integration: A significant push towards integrating AI into the design and development workflow, exemplified by the AI-assisted prototyping initiative.

Company Website: https://www.cartrack.com/ (Note: The provided URL was for careers, this is the main company site)

📝 Enhancement Note: The company's global presence and focus on SaaS in the smart mobility sector suggest a need for robust, scalable, and efficient operational processes. The design team's structure emphasizes autonomy and end-to-end ownership, aligning with a culture that values initiative and impact.

📈 Career & Growth Analysis

Operations Career Level: This role is firmly at the Senior level, indicating a need for seasoned professionals who can operate independently and influence direction. It's not just about executing tasks but about strategic ownership of a critical platform (the design system) and driving process innovation (AI prototyping). This level often involves mentoring junior team members and driving best practices.

Reporting Structure: The Senior Product Designer will likely report to a Design Lead or Head of Design. They will work in close partnership with engineering leads, product managers, and potentially other designers focused on specific product areas. This structure allows for direct impact and visibility.

Operations Impact: The core impact of this role is on operational efficiency within the design and engineering functions. By building a robust design system and an AI-assisted workflow, the Senior Product Designer directly contributes to:

• Reduced Design-to-Ship Cycle Time: Faster iteration and delivery of new features and products.

• Improved Product Consistency: Ensuring a unified user experience across all Cartrack products.

• Enhanced Developer Productivity: Providing engineers with pre-built, well-documented components and faster prototyping tools.

• Scalability: Enabling the design and engineering teams to scale their efforts effectively as the company grows.

Growth Opportunities:

• Leadership in Design Systems: Opportunity to become the recognized expert and leader for Cartrack's design system and AI initiatives.

• Technical Skill Expansion: Deepen expertise in front-end development, AI tooling, and complex system architecture.

• Cross-Functional Influence: Gain significant influence across product, design, and engineering departments.

• Mentorship: Potential to mentor other designers and engineers on design system principles and best practices.

• Strategic Impact: Contribute to the strategic direction of design tooling and processes within a growing global tech company.

• Advanced AI Integration: Be at the forefront of integrating cutting-edge AI technologies into design workflows.

📝 Enhancement Note: This role offers significant growth potential for individuals passionate about the intersection of design, code, and operational efficiency. The emphasis on building and owning a critical internal platform provides a unique opportunity for both technical and strategic career advancement within the operations of a product organization.

🌐 Work Environment

Office Type: The role is described as "Remote OK" with a preference for Singapore. This suggests a hybrid or fully remote work environment, with potential for occasional in-office collaboration in Singapore if desired or required for specific team events.

Office Location(s): The primary listed location is Singapore (17 Kallang Jct, Singapore 339274). While remote work is acceptable, candidates based in or willing to relocate to Singapore may have an advantage for in-person collaboration opportunities.

Workspace Context:

• Collaborative Environment: Despite being remote-friendly, the emphasis on "hands-on" and "serving the team" implies a culture of active collaboration and communication. Expect regular virtual meetings, design critiques, and code reviews.

• Tools & Technology: Access to modern design and development tools, including Figma, code editors, and potentially AI-powered design platforms. The role is about building these tools, so the environment will be geared towards experimentation and implementation.

• Team Interaction: Opportunities for close interaction with a small, senior design team, as well as engineers and product managers, likely through digital collaboration platforms like Slack, Teams, or similar.

Work Schedule: While a standard 40-hour work week is implied, the "comfortable working async across time zones" suggests a degree of flexibility. The focus will be on delivering results and maintaining open communication channels, rather than strict adherence to a fixed schedule. This is beneficial for managing workflows across different regions and for personal work-life balance.

📝 Enhancement Note: The "Remote OK" status with a Singapore preference indicates that while remote candidates are welcome, those in Singapore might benefit from easier integration into the local team and potential for in-person sessions. The asynchronous nature of the work is a key characteristic of global tech teams.

📄 Application & Portfolio Review Process

Interview Process:

• Initial Screening: A review of your resume and portfolio, focusing on your design system and front-end development experience.

• Portfolio Presentation & Discussion: A session where you present your design system case studies, code contributions, and AI prototyping experience. Expect deep dives into your decision-making, architectural choices, and impact metrics.

• Technical Assessment: Likely involves a coding exercise or a discussion about front-end development challenges, particularly related to component creation and CSS.

• Design Challenge: A practical exercise, potentially involving building a component, refining a system's governance, or outlining an AI workflow strategy.

• Team/Hiring Manager Interviews: Conversations to assess your fit with the team's culture, your collaboration style, and your strategic thinking regarding design systems and process improvement.

Portfolio Review Tips:

• Showcase Code Ownership: Explicitly demonstrate your contributions to the code layer of design systems. Provide links to GitHub repos (if public) or detailed explanations of your code responsibilities.

• Quantify Impact: Use metrics to show the effectiveness of your design systems and AI workflows. Examples: "Reduced design-to-ship time by X%", "Increased component adoption by Y%", "Decreased front-end development time for Z feature by W hours."

• Highlight Governance: Detail your approach to design system governance, including how you managed contributions, documentation, and adoption. Use examples of successful collaboration.

• AI Prototyping Experience: Clearly articulate your experience or strong interest in AI-assisted design and prototyping. Explain how you envision it fitting into the workflow and what challenges you anticipate.

• Systems Thinking: Present case studies that illustrate your ability to design components that scale, compose, and are architecturally sound. Explain your trade-off decisions.

Challenge Preparation:

• Front-End Fundamentals: Brush up on HTML, CSS (including preprocessors like Sass if applicable), and JavaScript. Be ready to discuss component-based architecture.

• Design System Strategy: Prepare to discuss how you would approach building or evolving a design system for a large SaaS product, considering both UI and code.

• AI Tooling: Research current AI tools for design and prototyping and be ready to discuss their potential applications and limitations.

• Async Communication: Consider how you would manage communication and collaboration effectively in a distributed team.

📝 Enhancement Note: The emphasis on code ownership and AI integration means your portfolio and interview responses must clearly demonstrate these capabilities. Be prepared to discuss technical details and operational efficiency improvements derived from your work.

🛠 Tools & Technology Stack

Primary Tools:

• Figma: The primary tool for UI design and prototyping, likely forming the basis for component creation before code implementation.

• Design System Tools: Potentially tools like Storybook, Zeroheight, or custom documentation platforms for managing design system components, tokens, and guidelines.

• Code Editors: Standard IDEs for front-end development (e.g., VS Code).

• Version Control: Git, likely with platforms like GitHub, GitLab, or Bitbucket for code repositories.

Analytics & Reporting:

• Design Analytics: Tools or methods for tracking design system adoption, component usage, and impact on team efficiency.

• Product Analytics: Tools like Amplitude, Google Analytics, or similar for understanding user behavior within the products designed.

• Performance Monitoring: Tools to monitor front-end performance and component stability.

CRM & Automation:

• Project Management: Tools like Jira, Asana, or Trello for managing design system tasks and workflows.

• Communication Platforms: Slack or Microsoft Teams for team communication and async collaboration.

• AI Design/Prototyping Tools: Specific AI platforms that Cartrack may be evaluating or already using for design assistance and rapid prototyping.

📝 Enhancement Note: Proficiency in Figma is a given. The crucial differentiator for this role is the strong front-end development toolkit: HTML, CSS, JavaScript, and frameworks like React or Vue. Familiarity with tools that bridge design and code (like Storybook) and AI-powered design aids will be highly advantageous.

👥 Team Culture & Values

Operations Values:

• Efficiency & Speed: A core value is accelerating the design-to-ship cycle, driven by robust systems and tooling.

• Collaboration: A strong emphasis on working together, serving internal teams, and fostering a supportive environment for designers and engineers.

• Ownership & Accountability: Designers are expected to own their work end-to-end, from discovery to shipped code.

• Innovation: Embracing new technologies, particularly AI, to continuously improve processes and craft.

• Quality & Consistency: Maintaining high standards for both design and code, ensuring a cohesive user experience across products.

Collaboration Style:

• Hands-on & Builders: The team operates like builders, actively participating in the entire product development lifecycle.

• Async-First: While collaboration is key, the team structure supports asynchronous communication, respecting different time zones and work preferences.

• Service-Oriented: The success of individuals is measured by how effectively they enable and speed up the work of others.

• Feedback-Driven: A culture that likely encourages open feedback on designs, code, and processes to foster continuous improvement.

📝 Enhancement Note: The team culture values individuals who are not just skilled designers but also proactive contributors who understand the operational impact of their work. The "builder" mentality and focus on enabling others are central to this culture.

⚡ Challenges & Growth Opportunities

Challenges:

• Building v1 of a Design System & AI Workflow: Establishing robust foundations for both simultaneously requires careful planning, prioritization, and execution.

• Balancing Design & Code: Effectively managing the dual responsibility of designing scalable components and writing production-ready front-end code.

• Driving Adoption: Ensuring that internal teams (designers and engineers) effectively adopt and contribute to the new design system and AI workflows.

• Keeping Pace with AI: Continuously evaluating and integrating emerging AI tools and capabilities into the design process.

• Cross-Time Zone Collaboration: Navigating communication and project management challenges inherent in a distributed, global team.

Learning & Development Opportunities:

• Deep Dive into AI in Design: Become an expert in leveraging AI for design and prototyping at scale.

• Front-End Architecture: Enhance skills in building scalable, maintainable front-end codebases and component architectures.

• Design System Strategy & Governance: Develop advanced skills in strategic design system management and organizational change management.

• Industry Best Practices: Exposure to cutting-edge practices in design operations, design systems, and AI-assisted workflows within a leading SaaS company.

• Mentorship & Leadership: Opportunity to lead initiatives and mentor colleagues, solidifying expertise and developing leadership capabilities.

📝 Enhancement Note: This role presents a significant opportunity to tackle complex operational challenges at the intersection of design, code, and emerging AI technologies, offering substantial growth for ambitious professionals.

💡 Interview Preparation

Strategy Questions:

• "Can you walk us through how you would approach building version 1 of a design system, including defining scope, component prioritization, and governance for a global SaaS product?"

• "Describe a time you had to balance the needs of designers with the requirements of engineers when building a design system. What trade-offs did you make?"

• "How would you measure the success of an AI-assisted prototyping workflow? What metrics would you track, and how would you use them to iterate?"

• "Imagine a new framework or AI tool emerges that could significantly benefit our design process. How would you evaluate it and advocate for its adoption?" Company & Culture Questions:

• "What interests you most about Cartrack's mission in the smart mobility space?"

• "How do you align with a 'builder' mentality and a focus on serving internal teams to accelerate their output?"

• "Describe your experience working in a distributed or asynchronous team environment. What strategies do you use to stay connected and productive?"

• "How do you see the role of AI evolving in product design over the next 3-5 years, and how can Cartrack best leverage it?" Portfolio Presentation Strategy:

• Structure Your Narrative: For each portfolio piece, clearly state the problem, your role, your solution (design and code), the impact (quantified), and your learnings.

• Show, Don't Just Tell: For design systems, show the components, tokens, and documentation. For code, show snippets or link to repositories. For AI, demonstrate the workflow or output.

• Focus on the "Why": Explain the rationale behind your design decisions and architectural choices. Discuss the trade-offs you considered.

• Highlight Operational Impact: Clearly articulate how your work improved efficiency, speed, or consistency for the teams you supported.

• Prepare for Deep Dives: Be ready for detailed questions about your technical implementation, governance models, and strategic thinking.

📝 Enhancement Note: Prepare specific examples that demonstrate your experience with design systems, front-end code, and your forward-thinking approach to AI. Emphasize your ability to translate strategic goals into actionable, code-backed design solutions.

📌 Application Steps

To apply for this Senior Product Designer, Design System position:

• Submit your application through the Cartrack career page: https://cartrackasiacareerpage.teamtailor.com/jobs/8117960-senior-product-designer-design-system

• Curate Your Portfolio: Select 2-3 key projects that best showcase your experience in building and owning design systems, including their code layer, and any AI-assisted design work. Ensure these highlight your impact and operational efficiency improvements.

• Tailor Your Resume: Emphasize your 5+ years of product design experience, specifically highlighting your 2+ years of design system ownership with code contribution. Integrate keywords like "Design Systems," "Front-End Development," "HTML/CSS," "React/Vue," "AI Prototyping," and "Governance."

• Prepare Your Presentation: Practice walking through your portfolio pieces, focusing on clear articulation of challenges, your solutions (both design and code), measurable outcomes, and your strategic thinking. Prepare to discuss your approach to governance and AI integration.

• Research Cartrack: Understand Cartrack's mission in smart mobility, their products (Fleet Web, Driver App), and their global reach. Consider how your role contributes to their operational success and business goals.

⚠️ Important Notice: This enhanced job description includes AI-generated insights and operations industry-standard assumptions. All details should be verified directly with the hiring organization before making application decisions.

---