(01) CASE STUDY

Product Design of Complex TPM System

Lead UX & Product Designer | Enterprise SaaS | 2018 – 2023

Redesigning a Global TPM Platform – End-to-End Product Design


Over multiple years, I led the redesign of a global Trade Promotion Management (TPM) system serving multiple business units and regions. The legacy platform had grown organically into a fragment-rich ecosystem — requiring a new scalable user-experience foundation for future growth.

2017 – 2025
Tilda Publishing
YEARS
Lead UX & Product Designer
ROLE
Tools
Maze
Figma
Miro
Hotjar
Microsoft
Tools
Maze
Figma
Figma
Miro
Hotjar
Microsoft
UX Design · UI Design · UX Research · Design Leadership · Product Analytics
TOOLS
TEAM
Figma
Sketch
XD
Zeroheight
Invision

(02) MY ROLE

My Role

As Lead UX & Product Designer I:
·       Defined the design-vision and aligned it with business strategy and product goals.
·       Conducted extensive user research, journey-mapping and usability sessions across global user groups.
·       Designed modular, responsive UX / UI for both core workflows and peripheral features.
·       Built a component library and integrated it alongside development teams for reuse and scalability.
  • ·       Established governance, design-dev alignment and ongoing iteration models.

(03) OVERVIEW

Project Summary

The Design Challenge
Kantar XTEL’s Trade Promotion Management (TPM) software supports leading consumer-goods companies such as Nestlé, Danone, L’Oréal, Unilever, Heineken, Beiersdorf, and PepsiCo. Over two decades of continuous growth, the system had become powerful but fragmented — with an aging technology base (Sencha JS), inconsistent user interfaces, and complex workflows across six business areas.
The goal of the redesign was to modernize the platform with a user-centric, intuitive, and visually unified experience, while building the foundation for scalability and future innovation.
  Diverse user groups: field users, headquarters analysts, external partners — each with unique needs.
  Multiple product modules built independently over time, resulting in inconsistent UI, varied interaction patterns and duplicate components.
  Legacy front-end technologies and shifting business requirements (e.g., brand updates, regional roll-outs).
·       Need to deliver innovation while maintaining stability and user trust in a mission-critical system.

(04) PROJECT GOALS

Goals

Establish a single source of truth for design decisions
01
Improve accessibility compliance to WCAG 2.1 AA
02
Reduce time-to-market for new features by 50%
03
Enable seamless handoff between design and development
04

(05) DESIGN STRATEGY

Design Strategy & Execution

  • Research & Insight
    Audit of existing interfaces, interviews with users and stakeholders, identification of pain points and opportunities.
  • Vision & Framework
    Defined scalable design principles, interaction models and multi-brand support.
  • Design & Prototype
    Created wire-frames, high-fidelity mockups and interactive prototypes; defined motion and interaction behaviour.
  • Implementation & Validation
    Worked with development to integrate the component library, validated in production environments, refined flows.
  • Iteration & Growth
    Embedded versioning, governance and process to scale the design across modules, regions and future features.

(06) DELIVERABLES

Key Deliverables

  • Fully responsive UX/UI redesign covering desktop and tablet for global enterprise users.
  • Modular component library tied to both design tools (Figma) and front-end frameworks.
  • Interaction & motion guidelines to support complex workflows.
  • Usability testing report and heuristic evaluation for core modules.
  • Governance model defining contribution, review cadence, versioning and design debt control.

(07) VISUAL GALLERY

Visual Gallery

Explore UI before-and-after comparisons, component library snapshots, prototype flows and global rollout visuals (content anonymised for confidentiality).
Designing for complexity means designing for change.

(08) IMPACT

Results & Outcomes

Although specific metrics remain proprietary, the redesign achieved considerable benefits:
  • Unified user-experience
    Unified user-experience across disparate modules and global markets.
  • Ease-of-use
    Improved clarity and ease-of-use for both new and power users.
  • Efficiency
    Reduced duplicated effort in design and development through reusable components.
  • Ongoing support
    Established a long-term foundation supporting brand updates, technology migration and product expansion.

(09) REFLECTION

Key Learnings

  • Governance and team alignment are as critical as the system itself.
  • Modular design and reusable components ensure scalability.
  • Real-world constraints (legacy tech, multiple teams, business shifts) must be factored into design strategy from day one.
  • Outcome & Future Roadmap
Made on
Tilda