Experience Designer - EA SPORTS™ NHL

Experience Designer - EA SPORTS™ NHL - 215802 - Electronic Arts

/* ===========================================================================

ELEMENTS

--------------------------------------------------------------------------

Buttons

: Actions

: Add

: Delete

: Edit

: Remove

: Iconographics

: Close

: Vendors

: Registration/application

: Customizables

External

: Thumbnails

Fields

COMPONENTS

--------------------------------------------------------------------------

Navigation

: Menu (Dynamic)

MODULES

--------------------------------------------------------------------------

Banner

: Home

PAGETYPES

--------------------------------------------------------------------------

Login

=========================================================================== */

/*

ELEMENTS/Buttons: Actions

*/

/* to de deleted after we migrate to typographic icons (this is here and not in core.css due to a FF bug) */

.action:before,

.addDatasetRow:before,

.removeDatasetRow:before,

.removeFile:before,

[id*="dropboxRemove_"]:before,

.fileInputCancelButton:before {

mask-image: var(--action__icon--background--image);

-webkit-mask-image: var(--action__icon--background--image);

}

/*

ELEMENTS/Buttons: Actions: Add

*/

.addDatasetRow,

.action--add {

--action__icon--background--image: url(https://jobs.ea.com/portal/4/images/icon--add.webp);

}

/*

ELEMENTS/Buttons: Actions: Delete

*/

.action--delete {

--action__icon--background--image: url(https://jobs.ea.com/portal/4/images/icon--remove.webp);

}

/*

ELEMENTS/Buttons: Actions: Edit

*/

.action--edit {

--action__icon--background--image: url(https://jobs.ea.com/portal/4/images/icon--edit.svg);

}

/*

ELEMENTS/Buttons: Actions: Remove

*/

.removeDatasetRow,

.removeFile,

[id*="dropboxRemove_"],

.fileInputCancelButton,

.action--remove {

--action__icon--background--image: url(https://jobs.ea.com/portal/4/images/icon--remove.webp);

}

/*

ELEMENTS/Buttons: Iconographics: Close

*/

.ui-button.ui-dialog-titlebar-close,

.TIN_display_CloserButton_NotificationAndDialog,

.autoschedule_editor_availability_header_Container_HeaderButton {

--button__icon--background--image: url(https://jobs.ea.com/portal/4/images/close.svg);

}

/*

ELEMENTS/Buttons: Vendors: Registration/application: Customizables

*/

.methodButton--later {

--buttons__icon--background--image: url(https://jobs.ea.com/portal/4/images/icon--later.svg);

}

.methodButton--file {

--buttons__icon--background--image: url(https://jobs.ea.com/portal/4/images/icon--file.svg);

}

.methodButton--paste {

--buttons__icon--background--image: url(https://jobs.ea.com/portal/4/images/icon--paste.svg);

}

/* to de deleted after we migrate to typographic icons (this is here and not in core.css due to a FF bug) */

.methodButton--later:before,

.methodButton--file:before,

.methodButton--paste:before {

mask-image: var(--buttons__icon--background--image);

-webkit-mask-image: var(--buttons__icon--background--image);

}

/*

ELEMENTS/Icons: Shrare buttons

*/

:root {

--icon--share--whatsapp: url(https://jobs.ea.com/portal/4/images/icon--share--whatsapp.svg);

--icon--share--linkedin: url(https://jobs.ea.com/portal/4/images/icon--share--linkedin.svg);

}

/*

ELEMENTS/External: Thumbnails

*/

:root {

--thumbnail--border--radius: 100%;

--thumbnail--border--width: 0;

--thumbnail--border--color: transparent;

--thumbnail--width: calc(var(--sizing--basis) * 8); /* 3.2rem +doc+ */

--thumbnail--height: calc(var(--sizing--basis) * 8); /* 3.2rem +doc+ */

}

/*

ELEMENTS/External: Thumbnails (Within LAYOUTS/Structures: Section)

*/

.section__header__image {

--thumbnail--width: calc(var(--sizing--basis) * 14); /* 5.6rem +doc+ */

--thumbnail--height: calc(var(--sizing--basis) * 14); /* 5.6rem +doc+ */

}

/*

ELEMENTS/External: Thumbnails (Within COMPONENTS/Cards)

*/

.table--cards {

--thumbnail--width: calc(var(--sizing--basis) * 10); /* 4rem +doc+ */

--thumbnail--height: calc(var(--sizing--basis) * 10); /* 4rem +doc+ */

}

/*

ELEMENTS/External: Thumbnails (Within COMPONENTS/Navigation: Menu)

*/

.menu__link {

--thumbnail--width: calc(var(--sizing--basis) * 6); /* 2.4rem +doc+ */

--thumbnail--height: calc(var(--sizing--basis) * 6); /* 2.4rem +doc+ */

}

.submenu__link,

.portalLanguages__link {

--thumbnail--width: calc(var(--sizing--basis) * 4); /* 1.6rem +doc+ */

--thumbnail--height: calc(var(--sizing--basis) * 4); /* 1.6rem +doc+ */

}

/*

ELEMENTS/External: Thumbnails (Within WIDGETS/Forms: Types: FileField)

*/

.FileField {

--thumbnail--background--image: url(https://jobs.ea.com/portal/4/images/icon--user.svg);

}

/*

ELEMENTS/External: Thumbnails (Within MODULES/Banner)

*/

.banner {

--thumbnail--border--width: .2rem;

--thumbnail--border--color: var(--color--white);

--thumbnail--width: calc(var(--sizing--basis) * 16); /* 6.2rem +doc+ */

--thumbnail--height: calc(var(--sizing--basis) * 16); /* 6.2rem +doc+ */

}

.banner--scrolling {

--thumbnail--width: calc(var(--sizing--basis) * 10); /* 4rem +doc+ */

--thumbnail--height: calc(var(--sizing--basis) * 10); /* 4rem +doc+ */

}

/* Media query to target mobile and tablet */

@media all and (max-width:1024px) {

.banner {

--thumbnail--width: calc(var(--sizing--basis) * 10); /* 4rem +doc+ */

--thumbnail--height: calc(var(--sizing--basis) * 10); /* 4rem +doc+ */

}

}

/*

ELEMENTS/Fields

*/

:root {

--fields--icon--caret--down: url(https://jobs.ea.com/portal/4/images/icon--caret--down.svg);

--fields--icon--caret--down--disabled: url(https://jobs.ea.com/portal/4/images/icon--caret--down--disabled.svg);

--fields--icon--caret--up: url(https://jobs.ea.com/portal/4/images/icon--caret--up.svg);

--fields--icon--clear: url(https://jobs.ea.com/portal/4/images/icon--clear.svg);

}

/*

COMPONENTS/Navigation: Menu (Dynamic)

*/

@media all and (max-width:1024px) {

:root {

--header--height: 5.5rem;

}

}

@media all and (min-width:1024px) {

.body--menu--threshold .menu--visible .menu__panel {

flex-wrap: nowrap;

justify-content: flex-end;

align-items: flex-start;

border-top: solid .1rem var(--dividers--border--color);

padding-top: var(--header--padding--top);

margin-top: var(--header--padding--top);

}

.body--menu--threshold .menu__list {

flex-wrap: wrap;

justify-content: flex-start;

}

.body--menu--threshold .header__content {

flex-direction: column;

align-items: flex-start;

}

.body--menu--threshold .header__menu {

width: 100%;

}

.body--menu--threshold .menu--visible .menu__list {

flex-grow: 1;

}

}

/*

PAGETYPES/Login

*/

:root {

--login__body--background--image: url(https://jobs.ea.com/portal/4/images/login--bg--desktop.webp);

}

/* Media query to target only tablet */

@media all and (min-width:751px) and (max-width:1024px) {

:root {

--login__body--background--image: url(https://jobs.ea.com/portal/4/images/login--bg--desktop.webp);

}

}

/* Media query to target only mobile */

@media all and (max-width:750px) {

:root {

--login__body--background--image: url(https://jobs.ea.com/portal/4/images/login--bg--desktop.webp);

}

}

EventManager.getInstance().addEventHandler(EventManager.EVENT_LOAD_NAME, function () {

}, EventManager.PRIORITY_HIGH);

Skip to content

Electronic Arts

Open Roles

About EA

EA Careers

EA News

Login

English - US

Chinese English - US Finnish Français Italian Korean Malay Polish Romanian Spanish Swedish

Experience Designer - EA SPORTS™ NHL

Home

...

Open Roles

Role Detail

General Information

Locations : Vancouver, British Columbia, Canada

Role ID

215802

Worker Type

Temporary Employee

Studio/Department

EA Studios - SPORTS

Work Model

Hybrid

Description & Requirements

Electronic Arts creates next-level entertainment experiences that inspire players and fans around the world. Here, everyone is part of the story. Part of a community that connects across the globe. A place where creativity thrives, new perspectives are invited, and ideas matter. A team where everyone makes play happen.

Experience Designer - EA SPORTS™ NHL EA SPORTS NHL has revolutionized sports gaming for millions of players worldwide. We’ve pioneered award-winning creative technology and experiences to connect players to the speed, skill, and heart of the NHL.

The EA SPORTS NHL franchise is founded on passion and new ideas. Located in Vancouver, British Columbia, the team is composed of diverse talent dedicated to creating on-ice experiences that connect gamers around the world through play. If you're a creative pioneer with a passion for your craft, this will be more than a job. It’ll be what you love.

The Role We're looking for a Visual Experience Designer who is excited to help shape the look and feel of the EA SPORTS NHL experience. The ideal candidate is passionate about creating visually compelling, intuitive, and player-centric interfaces. With strong foundations in visual and interaction design, you'll bring clarity and cohesion to complex systems within a fast-paced creative environment. You're a highly collaborative, detail-oriented designer who can translate UX direction into polished, high-impact visual solutions.

Responsibilities Create high-fidelity UI designs and rapid prototypes for new and existing game features.

Contribute to the UI visual language including iconography, typography, hierarchy, and brand expression aligned with the NHL visual identity.

Help shape and maintain our UI design system to ensure consistency across the product.

Collaborate with Producers, UX Designers, and Engineers to identify opportunities and understand player needs.

Ensure your design solutions consider technical feasibility, scope, and production realities.

Participate in design reviews, providing and receiving constructive feedback grounded in product goals.

Present design rationale clearly to partners across disciplines.

Qualifications 2+ years of experience in visual design, UI/UX, or product design roles.

Strong visual design craft, including layout, composition, typography, color, illustration, and iconography.

Understanding of usability principles and designing for accessibility, diversity, and inclusivity.

Proficiency in interaction design, prototyping, and high-fidelity visual execution.

Experience presenting and articulating design decisions to cross-functional teams.

A portfolio showcasing thoughtful design process and strong visual craft.

Proficiency with Figma and Adobe Creative Suite.

BA/BS degree (or equivalent experience) in Design, HCI, Interactive Media, or a related field.

Bonus: Experience working in games, live service products, or interactive entertainment.

3D, motion graphics, or real-time engine experience.

Pay Transparency - North America

COMPENSATION AND BENEFITS The ranges listed below are what EA in good faith expects to pay applicants for this role in these locations at the time of this posting. If you reside in a different location, a recruiter will advise on the applicable range and benefits. Pay offered will be determined based on a number of relevant business and candidate factors (e.g. education, qualifications, certifications, experience, skills, geographic location, or business needs).

PAY RANGES

* British Columbia (depending on location e.g. Vancouver vs. Victoria) *$104,500 - $142,800 CAD

Pay is just one part of the overall compensation at EA.

In Canada, we offer a package of benefits including vacation (3 weeks per year to start), 10 days per year of sick time, and extended health/dental/vision coverage and basic life insurance.

About Electronic Arts We’re proud to have an extensive portfolio of games and experiences, locations around the world, and opportunities across EA. We value adaptability, resilience, creativity, and curiosity. From leadership that brings out your potential, to creating space for learning and experimenting, we empower you to do great work and pursue opportunities for growth.

We adopt a holistic approach to our benefits programs, emphasizing physical, emotional, financial, career, and community wellness to support a balanced life. Our packages are tailored to meet local needs and may include healthcare coverage, mental well-being support, retirement savings, paid time off, family leaves, complimentary games, and more. We nurture environments where our teams can always bring their best to what they do.

Electronic Arts is an equal opportunity employer. All employment decisions are made without regard to race, color, national origin, ancestry, sex, gender, gender identity or expression, sexual orientation, age, genetic information, religion, disability, medical condition, pregnancy, marital status, family status, veteran status, or any other characteristic protected by law. We will also consider employment qualified applicants with criminal records in accordance with applicable law. EA also makes workplace accommodations for qualified individuals with disabilities as required by applicable law.

Post To

External careers site, Internal careers site

LinkedInID

74884070

Back to Role List

Apply

Share this role:

LinkedIn

X

WhatsApp

Email

Facebook

2026

Electronic Arts Inc.

Copyright

2026

Candidate Privacy Notice

|

Notice at Collection (California)

/**

* This variable will define every property we need to pass to Templates core library as we can't define twig variables on JS files.

*/

var twigConfig = {

"pageParameters": {

"personSort": null,

"personSortDirection": null,

"jobSort": null,

"jobSortDirection": null,

"jobRecordsPerPage": "",

"personRecordsPerPage": ""

},

"jobLabel": "job",

"STEP_INDEX": "" || null,

"wizardModalViewEnabled": "" || false,

"wizardHasErrors": "" || false,

"sortedBy": "Sorted by ",

"loading": "Loading ",

"plugins": {

"popper": {

"js": "https://templates-static-assets.avacdn.net/jsLibrary/plugins/tippy/popper.min.js"

},

"tooltip": {

"js": "https://templates-static-assets.avacdn.net/jsLibrary/plugins/tippy/tippy-bundle.umd.js",

"css": "https://templates-static-assets.avacdn.net/jsLibrary/plugins/tippy/tippy.css"

},

"popup": {

"js": "https://templates-static-assets.avacdn.net/jsLibrary/plugins/glightbox/glightbox.min.js",

"css": "https://templates-static-assets.avacdn.net/jsLibrary/plugins/glightbox/glightbox.min.css"

},

"slider": {

"js": "https://templates-static-assets.avacdn.net/jsLibrary/plugins/swiper/swiper-bundle.min.js",

"css": "https://templates-static-assets.avacdn.net/jsLibrary/plugins/swiper/swiper-bundle.min.css"

},

"google": {

"jsMarkerCluster": "https://templates-static-assets.avacdn.net/jsLibrary/plugins/googlemaps/markerclusterer.js",

"apiKey": ""

}

},

"menu": {"typeByDefault":"visible","itemsThreshold":8,"headerHeightDefault":5.5,"typeBelowBreakpoint":{"enabled":true,"type":"toggleable","breakpoint":1024},"toggleSide":"right","panelFrom":"right","panelEffect":"over"},

"search": {"typeByDefault":"visible","typeBelowBreakpoint":{"enabled":true,"type":"toggleable","breakpoint":1024,"preventTabsConflicts":true}},

"results": {"resultsDisplayTypeByDefault":"listed","resultsDisplayTypeBelowBreakpoint":{"enabled":true,"type":"grided","breakpoint":750},"resultsItemTypeByDefault":"result","resultsItemTypeBelowBreakpoint":{"enabled":true,"type":"card","breakpoint":750}},

"stickyAside": 0,

"stickyHeader": 1,

"stickyBanner": 0,

"page": {

"PORTAL_BASE_REAL_URL": "https://jobs.ea.com/portal/4",

"wizardPageBackTo": "",

},

"relatedJobs": {

"relatedJobsEnabled": 1,

"url": "https://jobs.ea.com/en_US/careers/WidgetRelatedJobs?3_139_3=8330&jobId=215802",

"selector": "#relatedJobs"

},

"convertDatesToUserTZ": {

"CSSClass": "timelocal",

"convertDatesToUserTZEnabled": 1,

"loggedUserTZ": Intl.DateTimeFormat().resolvedOptions().timeZone,

"weekday": "long",

"day": "numeric",

"month": "long",

"hour": "numeric",

"minute": "numeric",

"hour12": "1",

},

"userLang": "en_US",

"breadcrumbsEnabled": 1,

"googleMapsEnabled": 0,

"googleMarkerClusterEnabled": 0,

"googleParameters": {

"dataUrl": "//jobs.ea.com/en_US/careers/Home/215802",

"centerLatitude": 0,

"centerLongitude": 0,

"startZoom": 3,

"infoWindowCSSClassDiv": "info-window",

"infoWindowCSSClassHeader": "info-window__header",

"infoWindowCSSClassLink": "link info-window__link"

},

"browsingHistory": {

"browsingHistoryEnabled": 1,

"url": "https://jobs.ea.com/en_US/careers/BrowsingHistoryList?3_139_3=%5B8330%5D",

"selector": "#browsingHistory"

},

"widgetRelatedJobs": {

"relatedJobsEnabled": 1,

"url": "https://jobs.ea.com/en_US/careers/WidgetRelatedJobs?3_139_3=8330&jobId=215802",

"selector": "#widgetRelatedJobs"

},

"widgetOpenPositions":{

"url": "",

"selector": "#widgetOpenPositions"

},

"widgetRecommendations":{

"widgetRecommendationsEnabled": 1,

"url": "",

"selector": "#widgetRecommendations"

},

"languageSwitcherFlagsPath": "https://templates-static-assets.avacdn.net/assets/flags",

"enableLanguageSwitcherFlags": 0,

"enableSectionCollapsibleAccordionDisplay": 0

};

var lightbox;

var slider;

var Templates;

pjQuery(function() { var domManager = new DomManager(); domManager.run(); });

var service = EventManager.getInstance();