Live Service Visual Designer – EA SPORTS™ NHL

Live Service Visual Designer – EA SPORTS™ NHL - 216455 - 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

Live Service Visual Designer – EA SPORTS™ NHL

Home

...

Open Roles

Role Detail

General Information

Locations : Vancouver, British Columbia, Canada

Role ID

216455

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.

Live Service Visual 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 EA SPORTS NHL Design team is looking for a talented and experienced Live Service Visual Designer who is passionate about creating visually compelling content, pushing creative boundaries, and delivering engaging experiences for our players.

You'll play a key role in shaping the visual identity of live service content across Hockey Ultimate Team and World of Chel, bringing fresh ideas and strong design craftsmanship to a fast-paced creative environment.

We're looking for a self-directed, creative problem-solver who thrives on tackling new challenges, works confidently with minimal oversight, and brings both artistic vision and practical solutions to the table. You'll collaborate closely with designers, producers, and engineers to deliver high-quality content while continually finding new ways to elevate our visual experiences.

You will report to the NHL Experience Design Director Your Responsibilities Create compelling visual conten t: Conceptualize and deliver high-quality 2D and 3D graphics for live service campaigns, including Hockey Ultimate Team and World of Chel vanity content.

Drive creative exploratio n: Develop fresh visual concepts, graphic treatments, and campaign identities that push creative boundaries and keep our live experiences engaging and relevant.

Own design execution: Independently manage design assignments from initial concept through final delivery, balancing creative ambition with technical requirements and production timelines.

Solve complex design challenges: Take initiative in identifying creative and production challenges, proposing thoughtful solutions, and adapting quickly to evolving requirements.

Elevate visual quality: Apply strong design fundamentals and awareness of contemporary visual trends to deliver polished, distinctive work that meets a high standard of craft.

Collaborate across disciplines: Partner with UI/UX designers, Art Directors, Producers, and Engineers to align creative solutions with player needs, product goals, and technical constraints.

Contribute to team growth: Share expertise, provide constructive feedback, and help raise the overall quality and effectiveness of the team's creative output.

Champion innovation: Explore emerging technologies, tools, and workflows, including AI-assisted design, 3D, and motion graphics, to improve creative possibilities and production efficiency.

Deliver with Agility: Thrive in rapid, iterative production cycles, effectively managing competing priorities and tight live-service deadlines without compromising creative quality.

Your Qualifications 4+ years of professional experience in Graphic Design, Visual Design, or a related creative discipline.

A strong portfolio demonstrating exceptional visual craft, creative exploration, and thoughtful design solutions.

Advanced understanding of typography, composition, color, illustration, iconography, and visual storytelling.

Experience developing cohesive visual identities and working across a variety of artistic styles.

Proven ability to independently manage complex design assignments with minimal supervision.

Strong conceptual thinking and problem-solving skills, with a willingness to challenge conventional approaches.

Ability to clearly communicate design rationale, present creative ideas, and respond constructively to feedback.

Proficiency with Adobe Creative Suite, particularly Photoshop and Illustrator.

Comfortable learning proprietary game development tools and adapting to evolving production workflows.

Strong collaboration and communication skills, with a passion for games, sports, and design.

Strong time-management and prioritization skills, with demonstrated ability to deliver high-quality creative work consistently in fast-paced, deadline-driven environments.

Bonus Experience creating content for live service games, AAA titles, or digital entertainment products.

Experience with 3D design tools such as Blender, Cinema 4D, or KeyShot.

Motion graphics and animation experience, including After Effects.

Familiarity with real-time game engines and asset integration workflows.

Experience developing visual identities for digital campaigns, sports entertainment, or consumer brands.

Experience leveraging emerging technologies and AI tools to accelerate creative workflows.

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=216455",

"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/216455",

"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=216455",

"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();