MPL design system work and reimagined UI

The screens in this case are a reimagined UI study. They are not the production MPL design system, which we cannot share because of an NDA.

Our engagement with MPL involved creating a design system with the team. The goal was to give people a consistent basis for building screens and reduce repeated design work.

MPL reported that teams shipped features three times faster after adopting the design system.

We created a separate visual direction for MPL so we could discuss interface work without exposing the confidential system. The study includes mobile screens for game discovery, fantasy play and a wallet.

The gallery explores purple and pink colour treatments, typography, icons and repeated interface elements. Light and dark versions show how the same screen types can work with different background and contrast treatments.

The images show the visual direction we developed for this public study.

We kept the public study separate from the confidential design-system work.

For product or design-system enquiries, send us the workflows, platforms and team requirements you need to support on Contra. We can discuss the relevant experience without disclosing confidential client materials.