Principal UI Artist (Apex Legends)

Principal UI Artist (Apex Legends) - 216691 - 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

Principal UI Artist (Apex Legends)

Home

...

Open Roles

Role Detail

General Information

Locations : Los Angeles - Chatsworth, California, United States of America Location: Vancouver - Great Northern Way State: British Columbia Country: Canada Location: Madison State: Wisconsin Country: United States of America

Role ID

216691

Worker Type

Temporary Employee

Studio/Department

EA Studios - Respawn

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.

Founded in 2010, Respawn was created with the philosophy that when talented people have creative freedom, they'll make extraordinary games that achieve the unexpected. From our roots as an indie studio to joining the expansive roster of studios at Electronic Arts, this remains our guiding principle. You can learn more about our studio and values at respawn.com/studio .

We’re looking for a visionary Principal UI Artist with strong command of visual design, motion, and UI art production—to lead efforts in evolving the UI presentation and player experience for a long-standing, established, AAA live-service game. As a creative problem solver and craft leader, you will develop and champion a modern, cohesive visual aesthetic and vision that effectively bridges rich narrative themes, brand identity, and UI presentation—with intuitive player experiences.

You will partner closely with project leadership and cross-functional peers to establish and implement high-level visual direction, while mentoring artists and driving craft excellence across every player-facing touchpoint.

A portfolio that demonstrates a strong understanding of contemporary UI art and design, motion, iconography, and animation is required.

Responsibilities: Lead efforts to refresh, define, and evangelize a contemporary, holistic visual identity for the game’s UI Create high-fidelity, visually balanced, and intuitive interfaces that exhibit an excellent grasp of readability, hierarchy, accessibility, and player behavior patterns Push the boundaries of UI animation and motion, to make every interaction feel responsive and rewarding Research visual trends and best practices to guide the development of visual identity standards Present and articulate rationale and design decisions across the organization Coordinate and collaborate with UX designers, UI technical designers, and engineers to achieve and implement visual designs at the desired quality level Assist producers and directors to plan, estimate, and prioritize work Required Qualifications: 7+ years of experience and proven industry leadership in video game UI art creation, including having shipped AAA or major live-service titles in a Principal, Lead, or Senior capacity A strong portfolio demonstrating visual taste and mastery of contemporary graphic design aesthetics, that translate into dynamic, scalable UI design systems Expert proficiency in Photoshop, Illustrator, Figma, and After Effects as your primary tools Strong leadership presence with the ability to articulate design rationale, inspire peers, and build consensus across art, design, and engineering disciplines Desired Qualifications: Live service background in building modular UI frameworks designed to support seasonal theming, live events, and evolving meta-features Practical accessibility expertise and experience designing high-contrast, colorblind-friendly, and scalable UI solutions for cross-platform (Console/PC) audiences Experience working with 3D assets and pipelines

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) *$141,400 - $204,400 CAD

* California (depending on location e.g. Los Angeles vs. San Francisco) *$165,000 - $256,000 USD

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

In the US, we offer a package of benefits including paid time off (3 weeks per year to start), 80 hours per year of sick time, 16 paid company holidays per year, medical/dental/vision insurance, life insurance, disability insurance, and 401(k) to temporary employees scheduled to work full time.

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

1040695

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=8300&jobId=216691",

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

"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=%5B8300%5D",

"selector": "#browsingHistory"

},

"widgetRelatedJobs": {

"relatedJobsEnabled": 1,

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

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