Overview

Guided by Ubisoft Group and departmental design principles, I led the development of the Wave Design System to enhance UI/UX consistency. This initiative involved collaborating with global teams to expand the Group’s component library.

Goals

<aside>

Background

The predecessor BitStorm exhibited critical usability flaws: inaccessible color contrast, poor typography legibility, and visual clutter. Optimization commenced immediately upon my onboarding.

Weixin Image_202507011936253.jpg

Concurrently, Montreal’s team was developing the internal EGG Design System. I initiated collaboration to build Wave’s dedicated system upon EGG’s framework while contributing components back to EGG.

image.png

Over years, EGG evolved from a community project to an official system. Our Online Services (OS) department integrated it with the internal Tooling Development Platform (TDP), establishing department-level design standards for unified product ecosystem support.

The following details Wave’s design system implementation and cross-studio collaboration on component libraries and design principles.

Design system

EGG x TDP x WAVE

EGG and TDP jointly ensure design-development coherence across OS tools. Wave’s system integrates both, structured as follows:

Foundations

EGG provides core design principles, components, and design tokens covering: