Apptio: Apex Design System

Designing for Scale: Building the Apptio Design System for Consistency and Speed

Project Overview

At Apptio, worked on building and improving the Apptio Design System— a centralized framework that powers a suite of enterprise applications, including Apptio One and Targetprocess. The goal was to create a scalable, consistent, and accessible design language that improves user experience and speeds up product development across teams.

My Role

Led the initiative from the ground up — from auditing and consolidating UI patterns to collaborating with engineering, product, and accessibility teams to define components, tokens, and documentation. Also, partnered with other lead designers to integrate the system into live products and ensure alignment across the design ecosystem.

Challenge

Before we had a design system, our product teams were using different styles and UI patterns. This caused:

Inconsistent user experience across products
Slower design and development time
Confusion between teams about what to use and when

We needed a central system that could be reused by designers and developers across teams.

Approach

Audit and Standardization: Led a comprehensive audit of existing components, identifying inconsistencies and guiding the team to create a unified component library, ensuring consistency across all products.

Design Guidelines and Documentation: Took ownership of creating clear, detailed design documentation, streamlining the process for cross-functional teams and fostering better collaboration.
KPI-Driven Data Visualization: Worked closely with stakeholders to understand their needs, using my design expertise to create intuitive visualizations that made complex data easy to understand and act on.
Cross-Team Collaboration and Feedback Loops: Initiated regular feedback loops, encouraging open communication between design, product, and engineering teams, which led to more efficient workflows and higher-quality outputs.

Design process

To ensure consistency, scalability, and collaboration across teams, I introduced a clear, 6-phase design process tailored to the needs of Apptio’s enterprise environment.

Key Elements of Apptio's Design System

Unified Component Library: A set of standardized, reusable UI components that ensure visual and functional consistency across Apptio’s products.
KPI-Driven Data Visualization: Intuitive visualizations for tracking important metrics like cost savings, budget variance, and ROI, making complex financial data easy to understand.
Design Guidelines and Documentation: Clear guidelines and thorough documentation that help teams follow standardized processes, ensuring proper implementation of design elements.
Cross-Functional Collaboration: Streamlined communication and feedback loops between designers, developers, and product teams to ensure alignment and continuous refinement of the design system.

Design Tokens

In our design process, we were facing a lot of inconsistencies across Apptio’s platforms, which created confusion and slowed down progress. To address this, I introduced the Design Token Plugin in Figma.

This tool allowed us to create predefined variables for core design elements like colors, typography, and spacing, which ensured consistency across all designs. More importantly, it facilitated seamless collaboration between designers and developers, aligning our vision and speeding up the workflow.

By implementing this solution, I helped improve efficiency and quality, fostering better teamwork and a more streamlined design process.

Results & Outcome

Reduced design-to-development handoff time by introducing reusable components and shared documentation.
Improved usability and consistency across products, as noted in internal reviews and feedback.
Faster onboarding for new designers and developers due to centralized Figma libraries and guidelines.
Adopted by 4+ product teams across Apptio’s platform.
Brought visual and UX alignment across Apptio One and Targetprocess.
Received positive feedback from both internal teams and stakeholders.

Learning

Leading the Apptio Design System was more than just creating a library — it was about fostering collaboration, setting shared standards, and building trust across teams. It taught me the power of systems thinking and the impact of well-crafted foundations on product scale and usability.

This project strengthened my belief that design systems are the invisible engines behind great digital products — and I’m proud to have built one that continues to scale and evolve with Apptio’s future.

Thank you for taking the time to review my case study — I truly appreciate your interest and attention. 😇

Page updated

Google Sites

Report abuse