Case Study

EA SPORTS NHL - Seasonal Live-Ops & Visual Identity

RoleExperience Designer
IndustryGaming
Date2023-2024
OutcomeLive-service visuals for EA SPORTS NHL

At a glance

0

Titles shipped

Daily

Live content shipped

0

Seasons supported

0

Assets created

The 30-Second Version

A quick note before you keep scrolling

NHL 23 through 25 ran on a live service calendar with no room to slow down: seasonal campaign assets had to scale across UI surfaces, localized builds, and gameplay modes without breaking the engine. I designed the core visual assets and UI components for Hockey Ultimate Team and World of Chel, then built a Figma based banner and Battle Pass toolkit that let Game Producers create content on their own, cutting turnaround time and errors.

I Owned

  • Visual asset creation & UI component design
  • Figma-based banner & Battle Pass toolkit
  • Iconography & seasonal art direction
  • Production delivery via Frostbite & Perforce

Built Alongside

  • Game producers & Art Director: creative direction
  • Engineers: in-engine implementation

From my time at EA SPORTS NHL. I redesigned how daily and seasonal visuals get produced for Hockey Ultimate Team and World of Chel, moving the team from single-designer Photoshop files to a self-serve Figma system used across six seasons, and implementing assets directly in Frostbite.

The shift
Before

One designer, Photoshop, single point of failure

After

Self-serve Figma system, any teammate can ship

NHL 25 visuals

Producers needed to roll out daily live assets without waiting on a designer, so I built self-serve Figma toolkits for Collections and in-arena banners. But I also worked hands-on in Frostbite, implementing assets directly in the game engine alongside engineering and XD to test and guarantee every piece performed correctly in the live build.

Screenshot layout slide 1Screenshot layout slide 2Screenshot layout slide 3

Player cards and icons

Led production of player cards and icons, designing core assets myself and delegating the rest across the team. New NHL 25 iconography was grounded in hockey-specific language so it read instantly alongside the existing power-up library. I partnered with the Experience Design Director on how everything got integrated in-game, which let the library keep scaling each season without the visual system drifting.

Screenshot layout slide 1Screenshot layout slide 2Screenshot layout slide 3Screenshot layout slide 4Screenshot layout slide 5

NHL 24 visuals

Supported both on-disc features and seasonal live events throughout the NHL 24 cycle, working with Game Producers and art direction to define event visuals. I contributed artwork across cards, collectibles, packs, and screen backgrounds through multiple iteration rounds, seeing pieces through from concept into the shipped build.

Screenshot layout slide 1Screenshot layout slide 2Screenshot layout slide 3Screenshot layout slide 4Screenshot layout slide 5Screenshot layout slide 6Screenshot layout slide 7Screenshot layout slide 8Screenshot layout slide 9Screenshot layout slide 10Screenshot layout slide 11Screenshot layout slide 12

World of Chel (WOC)

Progression and monetization systems changed every season, but the visual language couldn't fracture with them. I designed UI backgrounds, purchase screens, battle pass logos, and iconography built to flex across six seasons of live messaging, player banners, and emblems.

Screenshot layout slide 1Screenshot layout slide 2Screenshot layout slide 3Screenshot layout slide 4Screenshot layout slide 5Screenshot layout slide 6

What this taught me about systems thinking

Systems over assets

A well designed template framework outlasts any single deliverable. The real work is identifying what changes, what stays, and building around that split.

Collaboration as a constraint

Partnering directly with producers, art directors, and engineers meant creative decisions were always grounded in technical reality and considered as part of implementation.

Speed through structure

Building more structure upfront through component libraries, naming conventions, and handoff specs enabled the team to move faster under live ops pressure.

Range, backed by work

A quick look at how that same problem-solving shows up across AAA games, SaaS, and marketing.

EA Sports NHL live-ops content thumbnail
AAA Game Development · EA Sports NHL

NHL Live Ops

Rebuilt a Photoshop-based content pipeline into a Figma system for daily/biweekly live-service drops, cutting turnaround and errors.

Read case study
Gears of War Esports in-game event artwork thumbnail
Marketing & Visual Design · The Coalition (Gears of War)

Gears of War Esports

Graphic and motion design for in-game events, challenges, and cosmetic drops.

Read case study

Create a free website with Framer, the website builder loved by startups, designers and agencies.