Unifying Visual Design
Across 100+ Enterprise Products

SAP's portfolio of acquired products hadn't fully aligned with the Fiori design system. Different card designs, typography, and color systems created visual inconsistencies across the suite. Designers unfamiliar with Fiori, different tech stacks, and distributed global teams compounded the challenge. The goal was clear: create consistency and reduce the disconnected experience users felt moving between products.

With a BFA in Graphic Design, visual design has always been one of my strengths. I was brought in as Senior AI Product Designer to lead the homepage harmonization project and make this vision real.

My job was to understand the current state of visual design across all these products, then figure out how to bring them into alignment with SAP Fiori.

I needed to work with distributed teams across the U.S., Germany, and India, and coordinate with the core design system team, engineers, product design owners, and the custom design tools team.

Auditing the Product Suite

Working collaboratively with the design manager, I started by auditing the homepages of 12 different products, examining components, card designs, typography, colors, and other visual elements. This revealed inconsistencies and helped identify patterns that worked well across the suite.

Designing the Hero Banner

From there, we explored design solutions to standardize key elements. The Hero Banner emerged as the highest-impact element — many products already used some version of it, making it the ideal leverage point for suite-wide consistency. I designed the Hero Banner across all Fiori themes and variations required by different products, creating multiple iterations that showed how to harmonize this element while respecting each product's unique needs.

Workshops & Validation

We shared these solutions through workshop sessions with product design owners, ensuring alignment and buy-in across teams. I also vibe-coded a prototype to test how the Hero Banner designs would behave on smaller screens and various platforms, validating it later with engineers.

Documentation at Scale

The final challenge was comprehensive documentation. Working within SAP's strict guidelines and collaborating closely with the core design system team, engineers, and custom design tools team, I created visual design guidelines, specifications, and implementation details that enabled product teams to execute independently with consistency.

How Enterprise Design Systems Actually Work

Working on a design system used by 440,000+ customers across 7,000 enterprise companies is fundamentally different from building one from scratch. The work wasn't inventing patterns — it was understanding Fiori's deep history, constraints, and governance standards. This required leaning on veteran SAP designers who carried institutional knowledge that shaped every decision.

Specification Writing at Enterprise Scale

Writing specifications at this scale is a different skill than writing them for smaller systems. I worked within strict pre-established guidelines and templates, including detailed accessibility specifications. Designing a component that needed both flexibility and constraints forced me to consider edge cases I wouldn't encounter in smaller systems.

Figma as Design Infrastructure

Figma became a specification and infrastructure layer. Working with variables, tokens, and component architecture, the Hero Banner component became a system artifact that designers and engineering teams could build from directly — not just a visual design. The component had to work across multiple contexts and remain maintainable as the system evolved.

This project reminded me why I studied graphic design in college — it is just fun. Being in a global work environment with different cultures was intriguing and enriching, exposing me to new ways of thinking and communicating.