CINXE.COM

Careers | Haven Studios

<!doctype html> <html class="has-no-js is-loading" lang="en" data-template="career-list" data-theme="light" data-scroll-theme-main="dark" data-assets-version="1705004686335"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <base href="https://havenstudios.com/"> <title>Careers | Haven Studios</title> <meta name="description" content="We create havens for endless wonder."> <meta property="og:type" content="website"> <meta property="og:url" content="https://havenstudios.com/en/careers"> <meta property="og:site_name" content="Haven Studios"> <meta property="og:title" content="Careers"> <meta property="og:image" content="https://havenstudios.com/uploads/metadata/images/1_Bleep_3840x2160_Final_Haven.jpg"> <meta property="og:description" content="We create havens for endless wonder."> <meta property="twitter:title" content="Careers"> <meta property="twitter:description" content="We create havens for endless wonder."> <!-- Viewport --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="HandheldFriendly" content="true"> <!-- Appearance --> <meta name="theme-color" content="#ffffff"> <link rel="manifest" href="site.webmanifest"> <link rel="apple-touch-icon" sizes="180x180" href="https://havenstudios.com/assets/images/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://havenstudios.com/assets/images/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://havenstudios.com/assets/images/favicons/favicon-16x16.png"> <link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#524a8a"> <meta name="msapplication-TileColor" content="#524a8a"> <!-- Styles --> <link id="main-css" rel="preload" href="https://havenstudios.com/assets/styles/main.css?v=1705004686335" onload="this.onload=null;this.rel='stylesheet';this.setAttribute('data-is-loaded', true)" as="style" data-is-loaded="false"> <!-- Adobe analytics script --> <script src="https://assets.adobedtm.com/3dc13bcabc29/e83afa969d59/launch-4e9881c45ba4.min.js" async></script> </head> <body data-module-load> <!-- Load fonts --> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 300; ">&nbsp;</div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 400; ">&nbsp;</div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 500; ">&nbsp;</div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Libre Caslon Text'; font-style: normal; font-weight: normal; ">&nbsp;</div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Libre Caslon Text'; font-style: italic; font-weight: normal; ">&nbsp;</div> <div class="c-logo-intro" data-module-logo> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-h"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-a"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-v"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-e"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-n"></use> </svg> </span> </div> <div class="c-loader"> <div class="c-loader_spinner || c-spinner"></div> </div> <div data-load-container> <!-- Empty div module to call the adobe analytics tracker. Sets the data and sends the tracking --> <div data-module-adobe-analytics data-adobe-analytics-category="Careers" data-adobe-analytics-environment="prod" data-adobe-analytics-version="1705004686335"></div> <!-- menu modal --> <div class="c-menu-modal || c-modal" data-module-menu-modal aria-label="menu Modal" tabindex="-1" aria-hidden="false"> <div class="c-menu-modal_container || c-modal_container"> <button class="c-menu-modal_close || c-modal_close || c-button" data-menu-modal="close" type="button" tabindex="0" aria-label="Close let's demo modal" data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Close menu modal</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-cross || u-hide-to-small" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross"></use> </svg> <svg aria-hidden="true" class="svg-cross-mobile || u-hide-from-small" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross-mobile"></use> </svg> </span> </button> <div class="c-modal_scrollable"> <div class="c-modal_inner || u-anim_ref" data-menu-modal="anim"> <div class="c-menu-modal_layout"> <div class="c-menu-modal_col"> <div class="c-menu-modal_content"> <div class="c-menu-modal_grid"> <div class="c-menu-modal_grid_logo || u-gc-1/2"> <a class="c-link -nav" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Haven Studios</span> <svg aria-hidden="true" class="svg-logo-min" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-min"></use> </svg> </a> <a class="c-menu-modal_logo || c-link -nav || u-hide-from-small" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Home</span> <svg aria-hidden="true" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo"></use> </svg> </a> </div> <div class="c-menu-modal_grid_description || u-gc-2/4"> <div class="c-menu-modal_description || c-wysiwyg -layout-small || u-hide-to-small"> <p>Haven is a creative space where ideas, passion, and fearless optimism thrive.</p> </div> <nav class="c-nav-socials"> <ul class="c-nav-socials_list"> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://twitter.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Twitter</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-twitter" focusable="false"> <use xlink:href="assets/images/sprite.svg#twitter"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://linkedin.com/company/haven-studios-inc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">LinkedIn</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-linkedin" focusable="false"> <use xlink:href="assets/images/sprite.svg#linkedin"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://instagram.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Instagram</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-instagram" focusable="false"> <use xlink:href="assets/images/sprite.svg#instagram"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="mailto:contact@havenstudios.com" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Email</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-mail" focusable="false"> <use xlink:href="assets/images/sprite.svg#mail"></use> </svg> </span> </a> </li> </ul> </nav> </div> <div class="c-menu-modal_grid_nav || u-gc-1/9 u-gc-5/9@from-small u-gc-6/9@from-large"> <nav class="c-nav" style="--item-count: 4;"> <ul class="c-nav_list" data-footer-nav="nav"> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en"> <span class="c-link_label">Home</span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en/culture"> <span class="c-link_label">Culture</span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en/careers"> <span class="c-link_label">Careers<sup>9</sup></span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en/blog"> <span class="c-link_label">Blog</span> </a> </li> </ul> </nav> <a class="c-nav_langswitcher || c-button -access -light" data-cursor="hover" href="https://havenstudios.com/fr/carrieres" data-load="false"> <span class="c-button_label">FR</span> </a> </div> </div> <div class="c-menu-modal_logo || u-hide-to-small"> <div class="c-menu-modal_logo_inner"> <svg aria-hidden="true" class="svg-logo-wide" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-wide"></use> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="c-modal_overlay" tabindex="0" aria-label="Close menu modal" data-menu-modal="close"></div> <div class="c-menu-modal_spinner || c-spinner"></div> </div> <div class="o-scroll" data-module-scroll="main"> <!-- Header --> <header class="c-header"> <h1 class="u-screen-reader-text">Careers</h1> <div class="c-header_inner"> <div class="c-header_top || o-container"> <a class="c-header_link || u-anim-intro -delay-1" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Haven Studios</span> <svg aria-hidden="true" focusable="false" class="svg-logo-min"> <use xlink:href="assets/images/sprite.svg#logo-min"></use> </svg> </a> <button class="c-burger || u-anim-intro -delay-3 || c-header_link" type="button" aria-label="Toggle menu" data-module-menu-toggler data-cursor="hover"> <span class="u-screen-reader-text">Menu</span> <span class="c-burger_open"> <span class="c-burger_line -top"></span> <span class="c-burger_line -bottom"></span> </span> </button> </div> </div> <div class="c-breadcrumb"> <p class="c-breadcrumb_inner"> <a class="c-breadcrumb_logo || c-header_link || u-anim-intro -delay-2 || js-logo" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Home</span> <svg aria-hidden="true" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo"></use> </svg> </a> &nbsp;<span class="c-text -overline || u-anim-intro -delay-2 || u-color-theme">/</span>&nbsp; <span class="c-text -overline || u-anim-intro -delay-2 || u-color-theme">Careers</span> </p> </div> </header> <!-- Hero --> <div class="c-hero" data-scroll-section> <div class="o-container"> <div class="c-hero_content || o-multi-font"> <p class="c-hero_title || c-heading -h1 || u-anim-text -line" data-scroll data-module-split-text>At Haven we believe that kindness, adaptability, and courage make space for <em><i>creative excellence.</i></em></p> <div class="u-text-center || o-padding -padding-small-top"> <a href="#careers" target="_blank" class="c-hero_button || c-button -access -accent || u-anim -delay-5" data-cursor="hover" data-module-scroll-to> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-arrow-bottom" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-bottom"></use> </svg> </span> <span class="c-button_label"> View positions </span> </a> </div> </div> </div> </div> <!-- Shapes list --> <section class="c-shapes-list || o-container" data-scroll-section> <div class="u-relative"> <!-- -padding-xlarge-top --> <div class="c-shapes-list_intro || o-grid -col-8 -gutter-x || || o-padding "> <div class="u-gc-1/9 u-gc-6/9@from-small"> <div class="c-shapes-list_content"> <h2 class="c-heading -h4">Hiring at Haven</h2> <p class="c-wysiwyg -medium || c-shapes-list_text">We want to ensure a great candidate experience, have a look below at the simple steps to joining our team.</p> </div> </div> </div> </div> <ol class="c-shapes-list_list"> <li class="c-shapes-list_item"> <div class="c-shapes-list_item_inner"> <article class="c-shapes_list_article"> <div class="c-shapes-list_content"> <span class="c-shapes-list_index || c-heading-serif -h3-alt">01</span> <h3 class="c-heading -h4">First,<br>you apply</h3> <p class="c-wysiwyg || c-shapes-list_text">Have a look at our amazing careers, and find one that appeals to you, then send us a resume. We encourage everyone interested to apply, even if you’re missing a few qualifications. Diversity, equity, and inclusion are fundamental to our values, and we truly believe the best people come from all sorts of backgrounds.</p> </div> </article> </div> </li> <li class="c-shapes-list_item"> <div class="c-shapes-list_item_inner"> <article class="c-shapes_list_article"> <div class="c-shapes-list_content"> <span class="c-shapes-list_index || c-heading-serif -h3-alt">02</span> <h3 class="c-heading -h4">Second,<br>we interview</h3> <p class="c-wysiwyg || c-shapes-list_text">Meet with a small selection of our leaders to see if we are a good mutual fit. No endless back and forth with dozens of exhausting day-long panels. Just a few straightforward, candid discussions, between good people.</p> </div> </article> </div> </li> <li class="c-shapes-list_item"> <div class="c-shapes-list_item_inner"> <article class="c-shapes_list_article"> <div class="c-shapes-list_content"> <span class="c-shapes-list_index || c-heading-serif -h3-alt">03</span> <h3 class="c-heading -h4">Then,<br>it’s decision time</h3> <p class="c-wysiwyg || c-shapes-list_text">If we’re all feeling it, then we’ll send over everything you need to get started with us at Haven! We want you to have incredible success here, and provide industry leading salaries and benefits. See you soon!</p> </div> </article> </div> </li> </ol> </section> <section class="o-padding -padding-xxlarge-top" id="careers" data-scroll-section> <div class="c-section-heading || o-container"> <div class="o-grid -col-8"> <div class="c-section-heading_inner || u-gc-1/9"> <h2 class="c-section-heading_title || c-heading -h3">Careers at Haven</h2> <p class="c-section-heading_count"> <span class="c-heading-serif">(</span> <span class="c-heading">9</span> <span class="c-heading-serif">)</span> </p> </div> </div> </div> <div class="o-padding -padding-xlarge-top"> <div class="c-positions || u-anim_ref" data-scroll data-scroll-offset="30%" data-module-positions> <!-- Header --> <div class="c-positions_header || o-container || o-padding -padding-small-bottom"> <div class="o-grid -col-8 -gutter-x -auto-flow -bottom-items"> <!-- <div class="u-gc-1/7 u-gc-5/9@from-small"> <div class="c-wysiwyg -layout-xlarge || u-anim"> <p>At Haven we believe that kindness, adaptability, and courage make space for creative excellence.</p><p>Continue to our careers page to see more.</p> </div> </div> --> <div class="u-gc-1/9 u-gc-1/5@from-small"> <ul class="c-positions_filters"> <li class="c-positions_filters_item"> <button class="c-positions_filters_cta || c-button -access" data-positions="button" data-id="all" data-cursor="hover"> <span class="c-button_label">All</span> </button> </li> <li class="c-positions_filters_item"> <button class="c-positions_filters_cta || c-button -access" data-positions="button" data-id="32f3b898-a244-45c8-b5c1-e0b9198343fd" data-cursor="hover"> <span class="c-button_label">Product Development</span> </button> </li> </ul> </div> </div> </div> <!-- List --> <div class="c-positions_list" data-module-following-hover> <div class="c-positions_list_indicator" data-following-hover="indicator"></div> <ul class="c-positions_list_items"> <li class="c-positions_list_item" data-positions="item" data-ids="32f3b898-a244-45c8-b5c1-e0b9198343fd"> <!-- Cta --> <a class="c-positions_cta" href="https://job-boards.greenhouse.io/haven/jobs/5361190004" target="_blank" rel="noopener" data-following-hover="item" data-cursor="hover"> <span class="o-container"> <span class="c-positions_cta_inner || o-grid -col-8 -gutter-x"> <span class="u-gc-1/9 u-gc-1/5@from-small"> <span class="c-positions_cta_job || c-text -body">Producteur·trice - IA / Producer - AI</span> </span> <span class="u-gc-1/9 u-gc-5/9@from-small"> <span class="c-positions_cta_sector || c-text-serif -body">Product Development</span> </span> <span class="c-positions_cta_icon"> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> </span> </span> </span> </a> <!-- Content slot (v2) --> </li> <li class="c-positions_list_item" data-positions="item" data-ids="32f3b898-a244-45c8-b5c1-e0b9198343fd"> <!-- Cta --> <a class="c-positions_cta" href="https://job-boards.greenhouse.io/haven/jobs/5321224004" target="_blank" rel="noopener" data-following-hover="item" data-cursor="hover"> <span class="o-container"> <span class="c-positions_cta_inner || o-grid -col-8 -gutter-x"> <span class="u-gc-1/9 u-gc-1/5@from-small"> <span class="c-positions_cta_job || c-text -body">Artiste de l'interface utilisateur-trice/UI Artist</span> </span> <span class="u-gc-1/9 u-gc-5/9@from-small"> <span class="c-positions_cta_sector || c-text-serif -body">Product Development</span> </span> <span class="c-positions_cta_icon"> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> </span> </span> </span> </a> <!-- Content slot (v2) --> </li> <li class="c-positions_list_item" data-positions="item" data-ids="32f3b898-a244-45c8-b5c1-e0b9198343fd"> <!-- Cta --> <a class="c-positions_cta" href="https://job-boards.greenhouse.io/haven/jobs/5176639004" target="_blank" rel="noopener" data-following-hover="item" data-cursor="hover"> <span class="o-container"> <span class="c-positions_cta_inner || o-grid -col-8 -gutter-x"> <span class="u-gc-1/9 u-gc-1/5@from-small"> <span class="c-positions_cta_job || c-text -body">Pipeline Programmer Intern - Stagiaire programmation &quot;pipeline&quot;</span> </span> <span class="u-gc-1/9 u-gc-5/9@from-small"> <span class="c-positions_cta_sector || c-text-serif -body">Product Development</span> </span> <span class="c-positions_cta_icon"> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> </span> </span> </span> </a> <!-- Content slot (v2) --> </li> <li class="c-positions_list_item" data-positions="item" data-ids="32f3b898-a244-45c8-b5c1-e0b9198343fd"> <!-- Cta --> <a class="c-positions_cta" href="https://job-boards.greenhouse.io/haven/jobs/5360095004" target="_blank" rel="noopener" data-following-hover="item" data-cursor="hover"> <span class="o-container"> <span class="c-positions_cta_inner || o-grid -col-8 -gutter-x"> <span class="u-gc-1/9 u-gc-1/5@from-small"> <span class="c-positions_cta_job || c-text -body">Responsable de la création artistique externe/External Art Manager</span> </span> <span class="u-gc-1/9 u-gc-5/9@from-small"> <span class="c-positions_cta_sector || c-text-serif -body">Product Development</span> </span> <span class="c-positions_cta_icon"> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> </span> </span> </span> </a> <!-- Content slot (v2) --> </li> <li class="c-positions_list_item" data-positions="item" data-ids="32f3b898-a244-45c8-b5c1-e0b9198343fd"> <!-- Cta --> <a class="c-positions_cta" href="https://job-boards.greenhouse.io/haven/jobs/5362177004" target="_blank" rel="noopener" data-following-hover="item" data-cursor="hover"> <span class="o-container"> <span class="c-positions_cta_inner || o-grid -col-8 -gutter-x"> <span class="u-gc-1/9 u-gc-1/5@from-small"> <span class="c-positions_cta_job || c-text -body">Programmeur·euse Services en Ligne / Online Programmer</span> </span> <span class="u-gc-1/9 u-gc-5/9@from-small"> <span class="c-positions_cta_sector || c-text-serif -body">Product Development</span> </span> <span class="c-positions_cta_icon"> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> </span> </span> </span> </a> <!-- Content slot (v2) --> </li> <li class="c-positions_list_item" data-positions="item" data-ids="32f3b898-a244-45c8-b5c1-e0b9198343fd"> <!-- Cta --> <a class="c-positions_cta" href="https://job-boards.greenhouse.io/haven/jobs/5075387004" target="_blank" rel="noopener" data-following-hover="item" data-cursor="hover"> <span class="o-container"> <span class="c-positions_cta_inner || o-grid -col-8 -gutter-x"> <span class="u-gc-1/9 u-gc-1/5@from-small"> <span class="c-positions_cta_job || c-text -body">Programmeur·euse Senior – Jouabilité Réseau /Senior Gameplay Network Programmer</span> </span> <span class="u-gc-1/9 u-gc-5/9@from-small"> <span class="c-positions_cta_sector || c-text-serif -body">Product Development</span> </span> <span class="c-positions_cta_icon"> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> </span> </span> </span> </a> <!-- Content slot (v2) --> </li> <li class="c-positions_list_item" data-positions="item" data-ids="32f3b898-a244-45c8-b5c1-e0b9198343fd"> <!-- Cta --> <a class="c-positions_cta" href="https://job-boards.greenhouse.io/haven/jobs/5288545004" target="_blank" rel="noopener" data-following-hover="item" data-cursor="hover"> <span class="o-container"> <span class="c-positions_cta_inner || o-grid -col-8 -gutter-x"> <span class="u-gc-1/9 u-gc-1/5@from-small"> <span class="c-positions_cta_job || c-text -body">Artiste de Niveaux/Level Artist</span> </span> <span class="u-gc-1/9 u-gc-5/9@from-small"> <span class="c-positions_cta_sector || c-text-serif -body">Product Development</span> </span> <span class="c-positions_cta_icon"> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> </span> </span> </span> </a> <!-- Content slot (v2) --> </li> <li class="c-positions_list_item" data-positions="item" data-ids="32f3b898-a244-45c8-b5c1-e0b9198343fd"> <!-- Cta --> <a class="c-positions_cta" href="https://job-boards.greenhouse.io/haven/jobs/5370988004" target="_blank" rel="noopener" data-following-hover="item" data-cursor="hover"> <span class="o-container"> <span class="c-positions_cta_inner || o-grid -col-8 -gutter-x"> <span class="u-gc-1/9 u-gc-1/5@from-small"> <span class="c-positions_cta_job || c-text -body">Lead support aux joueur·euse·s/Player Support Lead</span> </span> <span class="u-gc-1/9 u-gc-5/9@from-small"> <span class="c-positions_cta_sector || c-text-serif -body">Product Development</span> </span> <span class="c-positions_cta_icon"> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> </span> </span> </span> </a> <!-- Content slot (v2) --> </li> <li class="c-positions_list_item" data-positions="item" data-ids="32f3b898-a244-45c8-b5c1-e0b9198343fd"> <!-- Cta --> <a class="c-positions_cta" href="https://job-boards.greenhouse.io/haven/jobs/5382124004" target="_blank" rel="noopener" data-following-hover="item" data-cursor="hover"> <span class="o-container"> <span class="c-positions_cta_inner || o-grid -col-8 -gutter-x"> <span class="u-gc-1/9 u-gc-1/5@from-small"> <span class="c-positions_cta_job || c-text -body">Producteur·rice Technique - Online / Technical Producer - Online</span> </span> <span class="u-gc-1/9 u-gc-5/9@from-small"> <span class="c-positions_cta_sector || c-text-serif -body">Product Development</span> </span> <span class="c-positions_cta_icon"> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> <span class="c-positions_cta_icon_inner"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> </span> </span> </span> </a> <!-- Content slot (v2) --> </li> </ul> </div> <div class="o-padding -padding-xlarge-top" data-positions="loadmoreContainer"> <div class="c-section-footer || o-container"> <div class="o-grid -col-8 -gutter-x"> <div class="c-section-footer_inner || u-gc-1/9 u-gc-5/9@from-small"> <button class="c-button -access -accent" data-cursor="hover" data-positions="loadmore"> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> <span class="c-button_label"> Load more </span> </button> </div> </div> </div> </div> </div> </div> </section> <!-- Push newsletter --> <section class="c-push-newsletter || o-padding -padding-xxxlarge-top -padding-xxxlarge-bottom" data-scroll-section> <div class="o-container"> <div class="c-push-newsletter_inner || u-anim_ref" data-scroll> <div class="c-push-newsletter_content"> <div class="c-push-newsletter_heading || o-multi-font"> <h2 class="c-heading -portal || u-anim-text -line" data-scroll data-module-split-text>Let’s <em><i>keep</i></em> in touch!</h2> </div> <div class="c-push-newsletter_text || c-wysiwyg -layout-xlarge || u-anim -delay-2"> <p>Want to stay in the know of our hottest announcements, future playtesting opportunities, upcoming events and releases, or just want to say hi? Send us your contact info below!</p> </div> <a href="https://docs.google.com/forms/d/e/1FAIpQLScD4GT0sbBmz3a5CucgrJIKlsgj4W5awfTCGMcCvqm3PtUNjw/viewform?usp=sf_link" target="_blank" rel="noopener noreferrer" class="c-push-newsletter_cta || c-button -access || u-anim -delay-3" data-cursor="hover"> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> <span class="c-button_label">Sign Up</span> </a> </div> <!-- <div class="c-push-newsletter_form_wrapper | u-anim -longer -delay-5" data-module-form> <form action="/" class="c-push-newsletter_form || c-newsletter || c-form" method="post" novalidate data-form="form"> <div class="o-container"> <div class="c-newsletter_group"> <div class="c-form_item"> <input class="c-newsletter_input || c-form_input" id="mce-EMAIL" name="EMAIL" placeholder="Email Address*" type="email" value="" required> <label class="u-screen-reader-text" for="mce-EMAIL">Email Address*</label> <span aria-hidden="true" class="c-form_error || c-text -overline">The email address is not valid</span> </div> <button class="c-newsletter_button || c-button -newsletter -icon" data-cursor="hover" type="submit" data-form="submit"> <span class="c-button_label || u-screen-reader-text">Submit</span> <span class="c-button_icon || c-link_icon"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> </button> </div> <div class="c-newsletter_messages"> <div class="c-newsletter_messages_item -success || c-text -overline" aria-hidden="true" data-form="success"> <p>Thank you for your subscription.</p> </div> <div class="c-newsletter_messages_item -error || c-text -overline" aria-hidden="true" data-form="error"> &nbsp;<p>An error has occurred. Please try again later</p> </div> </div> </div> </form> </div>--> </div> </div> </section> <!-- Illustration --> <div data-scroll-section> <div class="c-illustration" data-module-animate-illustration> <div class="o-container"> <div class="c-illustration_inner"> <svg class="c-illustration_svg" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1300 689" aria-hidden="true" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M114.5 413.9a97.999 97.999 0 0 0-97.999 97.5H212.5a97.999 97.999 0 0 0-97.999-97.5Zm-70.004 27.996A99 99 0 0 1 213.5 511.9v.5h-198v-.5a99.003 99.003 0 0 1 28.996-70.004Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.7 511.4h198v.5a99 99 0 1 1-198 0v-.5Zm1.001 1a97.997 97.997 0 0 0 97.999 97.5 97.999 97.999 0 0 0 97.999-97.5H16.701ZM308.099 355.201a47.301 47.301 0 0 1 64.492 34.471 47.301 47.301 0 0 1-90.091 27.329 47.3 47.3 0 0 1 25.599-61.8Zm27.134-1.711a46.29 46.29 0 0 0-26.751 2.635 46.297 46.297 0 0 0-15.021 75.514A46.285 46.285 0 0 0 326.2 445.2a46.297 46.297 0 0 0 45.41-55.333 46.297 46.297 0 0 0-36.377-36.377Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="m372.646 512.253-159.8-160 .708-.706 159.8 160-.708.706ZM1074.4 471.3h.5a96.208 96.208 0 0 1 96.2 96.2 96.208 96.208 0 0 1-96.2 96.2h-.5V471.3Zm1 1.001v190.398a95.217 95.217 0 0 0 66.82-27.882 95.213 95.213 0 0 0 0-134.634 95.217 95.217 0 0 0-66.82-27.882ZM577.7 146.2h.5a103.1 103.1 0 1 1 0 206.2h-.5V146.2Zm1 1.001v204.198a102.103 102.103 0 0 0 71.696-174.295 102.106 102.106 0 0 0-71.696-29.903Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M212.5 351.5h160.8v160.8H212.5V351.5Zm1 1v158.8h158.8V352.5H213.5Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M402.697 278.997A103.1 103.1 0 0 1 578.7 351.9v.5H372.5v-.5a103.1 103.1 0 0 1 30.197-72.903ZM475.6 249.8a102.1 102.1 0 0 0-102.099 101.6h204.198A102.102 102.102 0 0 0 475.6 249.8ZM372.6 511.4h176.3v1a136.373 136.373 0 0 0-136.3 136.3 136.643 136.643 0 0 0 5.679 39.057l.192.643H372.6v-177Zm159.821 1H373.6v175h43.531a137.653 137.653 0 0 1-5.531-38.7 137.368 137.368 0 0 1 120.821-136.3Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M557.7 511.5a143.732 143.732 0 0 1 96.435 37.029l.425.384-106.16 89.462V511.5h9.3Zm95.338 37.388A142.727 142.727 0 0 0 557.7 512.5h-8.3v123.725l103.638-87.337Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="m653.813 548.135.324.295c23.583 21.476 39.845 50.885 43.56 84.615a138.96 138.96 0 0 1-4.918 54.998l-.106.357H548.9v-.5h-.5v-50.933l105.413-88.832ZM549.4 687.4h142.526a137.936 137.936 0 0 0 4.777-54.245c-3.669-33.316-19.675-62.392-42.916-83.69L549.4 637.432V687.4Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M549.4 636.224V688.4h-61.869l61.869-52.176ZM490.268 687.4H548.4v-49.024L490.268 687.4ZM1074.4 662.7H1285v.499c.01 8.359-.97 16.689-2.91 24.817l-.1.384h-204.58l-.1-.384a107.444 107.444 0 0 1-2.91-24.816v-.5Zm1 1c.04 7.98.97 15.931 2.8 23.7h203c1.83-7.768 2.77-15.72 2.8-23.7h-208.6ZM1075.4 2v586h-1V2h1Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M997.782 16.525A189.5 189.5 0 0 1 1256.16 154.63a189.54 189.54 0 0 1-10.78 109.489 189.584 189.584 0 0 1-69.8 85.045A189.498 189.498 0 0 1 912.737 86.32a189.496 189.496 0 0 1 85.045-69.795Zm109.288-9.803a188.492 188.492 0 0 0-193.502 80.153A188.498 188.498 0 0 0 937.01 324.89a188.51 188.51 0 0 0 238.02 23.442 188.562 188.562 0 0 0 69.42-84.596 188.504 188.504 0 0 0 10.73-108.91 188.567 188.567 0 0 0-51.59-96.516 188.488 188.488 0 0 0-96.52-51.588ZM882.9 662.4h192.5v26H882.9v-26Zm1 1v24h190.5v-24H883.9Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M942.086 478.623A96.2 96.2 0 1 1 978.9 663.7v-.5l-.001.5a96.287 96.287 0 0 1-67.996-28.203 96.287 96.287 0 0 1-28.203-67.996v-.001a96.196 96.196 0 0 1 59.386-88.877ZM978.9 662.7a95.207 95.207 0 0 0 52.89-16.044 95.133 95.133 0 0 0 35.06-42.724 95.198 95.198 0 0 0-20.63-103.749A95.202 95.202 0 0 0 883.7 567.5a95.287 95.287 0 0 0 95.2 95.2Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M978.4 663.2V471.7h1v191.5h-1Z" fill="#524A8A" /> <path data-animate-illustration="path" class="c-illustration_animate" fill="none" d="M213.2 511.9a98.5 98.5 0 0 1-197 0H16a98.499 98.499 0 0 1 168.15-69.65A98.5 98.5 0 0 1 213 511.9" stroke-miterlimit="10" /> <path data-animate-illustration="path" class="c-illustration_animate" fill="none" d="M548.9 511.9a136.914 136.914 0 0 0-109.686 55.124A136.912 136.912 0 0 0 417.8 687.9h-44.7v-176l-.3-.1V352l.2-.1a102.6 102.6 0 0 1 205.2 0" stroke-miterlimit="10" /> <path data-animate-illustration="path" class="c-illustration_animate" fill="none" d="M578.2 146.7a102.6 102.6 0 0 1 0 205.2H373l-.2.1H213v159.8" stroke-miterlimit="10" /> <path data-animate-illustration="path" class="c-illustration_animate" fill="none" d="M883.4 687.9h191.5V380.55c102.27-2.45 184.4-86.09 184.4-189 0-50.126-19.91-98.199-55.36-133.643A188.978 188.978 0 0 0 1070.3 2.55" stroke-miterlimit="10" /> </svg> </div> </div> </div> </div> <!-- Footer --> <div data-scroll-section > <footer class="c-footer" data-scroll data-scroll-id="footer" data-module-footer-reveal> <div class="o-container" data-footer-reveal="inner"> <div class="c-footer_inner"> <div class="u-hide-from-small"> <div class="c-footer_description || c-wysiwyg -layout-small"> <p>Haven Interactive Studios ULC</p> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="https://goo.gl/maps/6gVHRV1K679zxCsU7" target="_blank" rel="noopener noreferrer"> 1 Place Ville Marie Suite 12102 Montreal QC H3B3Y1 </a> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="tel:5144642836" target="_blank" rel="noopener noreferrer"> 514-464-2836 </a> </div> <div class="c-footer_logo || c-button -icon"> <span class="c-button_label || u-screen-reader-text">Sony Studios</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-sony" focusable="false"> <use xlink:href="assets/images/sprite.svg#sony"></use> </svg> </span> </div> </div> <div class="c-footer_top"> <div class="o-grid -col-8 -gutter-x"> <div class="u-gc-1/9 u-gc-1/4@from-small"> <div class="u-hide-to-small"> <div class="c-footer_description || c-wysiwyg -layout-small"> <p>Haven Interactive Studios ULC</p> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="https://goo.gl/maps/6gVHRV1K679zxCsU7" target="_blank" rel="noopener noreferrer"> 1 Place Ville Marie Suite 12102 Montreal QC H3B3Y1 </a> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="tel:5144642836" target="_blank" rel="noopener noreferrer"> 514-464-2836 </a> </div> <div class="c-footer_logo || c-button -icon"> <span class="c-button_label || u-screen-reader-text">Sony Studios</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-sony" focusable="false"> <use xlink:href="assets/images/sprite.svg#sony"></use> </svg> </span> </div> </div> </div> <div class="u-gc-1/9 u-gc-5/9@from-small"> <nav class="c-nav"> <ul class="c-nav_list" data-footer-nav="nav"> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav" data-cursor="hover" href="en/culture"> <span class="c-link_label">Culture</span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav" data-cursor="hover" href="en/careers"> <span class="c-link_label">Careers<sup>9</sup></span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav" data-cursor="hover" href="en/blog"> <span class="c-link_label">Blog</span> </a> </li> </ul> </nav> <div class="u-text-center || u-hide-from-small || o-padding -padding-tiny-top"> <a class="c-nav_langswitcher || c-button -access -light" data-cursor="hover" href="https://havenstudios.com/fr/carrieres" data-load="false"> <span class="c-button_label">FR</span> </a> </div> </div> </div> </div> <div class="c-footer_bottom"> <div class="o-grid -col-8 -gutter-x -bottom-items"> <div class="u-gc-1/9 u-gc-1/3@from-small"> <nav class="c-nav-socials"> <ul class="c-nav-socials_list"> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://twitter.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Twitter</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-twitter" focusable="false"> <use xlink:href="assets/images/sprite.svg#twitter"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://linkedin.com/company/haven-studios-inc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">LinkedIn</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-linkedin" focusable="false"> <use xlink:href="assets/images/sprite.svg#linkedin"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://instagram.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Instagram</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-instagram" focusable="false"> <use xlink:href="assets/images/sprite.svg#instagram"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="mailto:contact@havenstudios.com" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Email</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-mail" focusable="false"> <use xlink:href="assets/images/sprite.svg#mail"></use> </svg> </span> </a> </li> </ul> </nav> </div> <div class="u-gc-1/9 u-gc-3/5@from-small"> <a class="c-nav_langswitcher || c-button -access -light || u-hide-to-small" data-cursor="hover" href="https://havenstudios.com/fr/carrieres" data-load="false"> <span class="c-button_label">FR</span> </a> </div> <div class="u-gc-1/9 u-gc-5/9@from-small"> <div class="c-footer_footer"> <div class="c-footer_legals"> <p class="c-text -overline">&copy; 2024 Haven Interactive Studios ULC<br> All rights reserved.</p> </div> <div class="c-footer_legals"> <a class="c-link -small -underline" data-cursor="hover" href="https://www.playstation.com/legal/privacy-policy/" target="_blank" rel="noopener"> <span class="c-link_label">Privacy Policy</span> </a> <a class="c-link -small -underline" data-cursor="hover" href="https://www.playstation.com/legal/website-terms-of-use/" target="_blank" rel="noopener"> <span class="c-link_label">Terms of Use</span> </a> </div> <div class="c-footer_credits"> <a class="c-link -small -underline" data-cursor="hover" href="https://locomotive.ca/" rel="noopener" target="_blank"> <span class="c-link_label">Website by Locomotive</span> </a> </div> </div> </div> </div> </div> </div> </div> </footer> </div></div> </div> <!-- Trombinoscope modal --> <div class="c-trombinoscope-modal || c-modal" data-module-trombinoscope-modal aria-label="Trombinoscope Modal" tabindex="-1" aria-hidden="false"> <div class="c-trombinoscope-modal_container || c-modal_container"> <button class="c-trombinoscope-modal_close || c-modal_close || c-button" data-trombinoscope-modal="close" type="button" tabindex="0" aria-label="Close let's demo modal" data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Close Trombinoscope modal</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-cross" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross"></use> </svg> </span> </button> <div class="c-modal_scrollable"> <figure class="c-modal_inner || u-anim_ref" data-trombinoscope-modal="anim"> <div class="c-trombinoscope-modal_layout"> <div class="c-trombinoscope-modal_col"> <div class="c-trombinoscope-modal_content"> <blockquote class="c-trombinoscope-modal_blockquote"> <p class="c-trombinoscope-modal_sentence || c-text -quote-light || u-anim-text -line" data-trombinoscope-modal="quote">&nbsp;</p> </blockquote> <figcaption class="c-trombinoscope-modal_figcaption || o-padding -padding-small-top"> <span class="c-trombinoscope-modal_author || c-text-serif -figcaption || u-anim -longer -delay-4"> <span data-trombinoscope-modal="firstname">&nbsp;</span> <span class="c-text-serif -figcaption -italic" data-trombinoscope-modal="lastname">&nbsp;</span> </span> <span class="c-trombinoscope-modal_job || c-text-serif -figcaption || u-anim -longer -delay-5" data-trombinoscope-modal="job">&nbsp;</span> </figcaption> </div> </div> <div class="c-trombinoscope-modal_col"> <div class="c-trombinoscope-modal_visual" data-trombinoscope-modal="visual"></div> </div> </div> </figure> </div> </div> <div class="c-modal_overlay" tabindex="0" aria-label="Close trombinoscope modal" data-trombinoscope-modal="close"></div> <div class="c-trombinoscope-modal_spinner || c-spinner"></div> </div> <!-- Video modal --> <div class="c-video-modal || c-modal" data-module-video-modal aria-label="Video Modal" tabindex="-1" aria-hidden="false"> <div class="c-video-modal_container || c-modal_container"> <button class="c-video-modal_close || c-modal_close || c-button" data-video-modal="close" type="button" tabindex="0" aria-label="Close let's demo modal" data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Close Video modal</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-cross" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross"></use> </svg> </span> </button> <div class="c-video-modal_content"> <div class="c-video-modal_inner" data-video-modal="inner"></div> </div> </div> <div class="c-modal_overlay" tabindex="0" aria-label="Close video modal" data-trombinoscope-modal="close"></div> </div> <div class="c-cursor" data-module-cursor aria-hidden="true"> <div class="c-cursor_state -default"></div> <div class="c-cursor_state -hover"></div> <div class="c-cursor_state -hold"> <div class="c-cursor_hold_svg"> <svg class="svg-hold" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"> <circle cx="15" cy="15" r="14" stroke-dashoffset="91" stroke-width="2" data-cursor="holdCircle" /> </svg> </div> </div> </div> <script src="https://havenstudios.com/assets/scripts/global-data-layer.min.js?v=1705004686335" defer></script> <script src="https://havenstudios.com/assets/scripts/vendors.js?v=1705004686335" defer></script> <script src="https://havenstudios.com/assets/scripts/app.js?v=1705004686335" defer></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10