OVERVIEW

Visual refresh

Evolving EA Connect’s look and feel to blend with the titles it supports seamlessly.

TIMELINE

Aug 2024 - Mar 2025

MY ROLE

UX/UI Design

TEAMS

Design, Product, Engineering

PLATFORMS

Xbox, PlayStation, PC

How do you make a UI feel at home across wildly different game worlds?

I redesigned EA Connect’s interface to improve immersion, accessibility, and cohesion — creating a more flexible system that feels native to every title it touches.

Challenge

EA Connect’s original UI used harsh colours, flat overlays, and clunky typography. It clashed with the games it lived inside, breaking immersion and drawing player complaints.


Goal

Build a visual system that:

  • Adapts seamlessly across genres

  • Supports accessibility from the ground up

  • Reduces visual and engineering overhead

  • Feels polished and immersive — not bolted on


Approach

  • Audited UI across titles to identify friction and inconsistencies

  • Partnered with Product, Engineering, and title teams to align on vision

  • Designed a semi-transparent UI layer with improved hierarchy and contrast

  • Updated typography and introduced a new font optimised for legibility

  • Ensured full WCAG 2.1 compliance

  • Refactored Figma libraries using tokens and removed outdated patterns


Outcome

  • Visuals feel native to each game environment

  • Improved legibility and user experience

  • Fewer overrides and faster implementation for engineers

  • Delivered early ahead of a major game milestone

  • Earned strong praise from partner teams and internal stakeholders

Key learning


The right system doesn’t limit creativity — it unlocks consistency, quality, and speed at scale.

Flexible doesn’t mean vague — with the right system, clarity and adaptability go hand in hand.

Let's chat.

If you want to talk about design, life, or something in between, drop me a message.

All rights reserved

© 2025