2023–25

Design systems merge

I led the design system creation that enabled uniting 5+ platforms of 2 companies into a reliable ecosystem.

Inmar design system

Product

Retail media ecosystem

Domain

MarTech / AdTech

Client

Inmar

Role

Design System Lead, Product designer

Activities

interface audit page templates interaction patterns cross-team enablement

Metrics

platforms migrated: 5+ page templates: 5 rollout phases: 3

Challenge

Each platform — at a.ki and at Inmar — was built independently, so they looked nothing alike. To merge them into one ecosystem, they needed a shared design system that could absorb wildly different interfaces and still feel like one product.

Outcome

I audited the platforms, mapped common patterns and divergences, and built an alpha styleguide in Figma — colors, base components, templates for five recurring page types, and interaction patterns. Flagships (MediaHub, RCP) migrated first, then the rest; in phase 2 a dedicated team rebuilt it in code on React Mantine.

Impact

Two companies' platforms gained one visual language and a shared component foundation — Figma, then code. Teams stopped building every screen from scratch, and the ecosystem finally read as a single product.

A.ki merging into Inmar

Merge process

A.ki was a large ad agency that developed retail-marketing platforms for its own needs. After Inmar acquired it, they sought to unify their platforms into a cohesive ecosystem for all advertising types (social, digital, in-store, print etc). The integration was split into three phases, with a common design system connecting the first two.

Phase 0

Phase 1: Lipstick

Phase 2: Shared frontend

Phase 3: Unified platform

1. Lipstick

Analyzed the existing visual language across 5 major client-facing platforms.

Identified similarities and discrepancies, created an alpha styleguide (Figma library).

Documented the basic interaction and layout patterns.

Migrated the two flagship platforms' mockups onto the library first, then the rest — with 2 junior designers on production work.

Initiated cosmetic changes on each platform's frontend.

2. Shared frontend

Turned the Figma components and patterns into the source spec for a coded design system.

Worked with 2 front-end engineers building the library on React Mantine.

Guided each platform team as they migrated their UI onto the shared system. Reviewed other Inmar designers' requests and evolved the design system.

Converted several features into cross-platform modules (product picker, audience selector, approval wizard).

SSO and platform switch were added for smoother navigation.

3. Unified platform

Redesigned the multi-tenant structure to mirror who actually works with whom (brands - manufacturers, retailers - CPGs), enabling analytics and asset management at every level.

Developed the concept for merging the client-facing platforms into one product, with service tools kept separate.

Drove it as the design system's lead — until I left the company before it shipped.