CINXE.COM
Culture | Haven Studios
<!doctype html> <html class="has-no-js is-loading" lang="en" data-template="culture" 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>Culture | 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/culture"> <meta property="og:site_name" content="Haven Studios"> <meta property="og:title" content="Culture"> <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="Culture"> <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; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 400; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 500; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Libre Caslon Text'; font-style: normal; font-weight: normal; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Libre Caslon Text'; font-style: italic; font-weight: normal; "> </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="Culture" 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>6</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/culture" 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">Culture</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> <span class="c-text -overline || u-anim-intro -delay-2 || u-color-theme">/</span> <span class="c-text -overline || u-anim-intro -delay-2 || u-color-theme">Culture</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>We exist to craft havens that spark <em><i>endless wonder.</i></em></p> </div> </div> </div> <!-- Introduction --> <div data-scroll-section> <div class="o-container || o-padding -padding-small-top -padding-small-bottom"> <div class="o-grid -col-8 -gutter-x"> <div class="u-gc-1/9 u-gc-4/9@from-tiny u-gc-3/9@from-small u-gc-4/8@from-large"> <div class="o-multi-font"> <p class="c-heading -h3 || u-anim" data-scroll data-scroll-offset="30%"> We鈥檙e creators, designers, engineers, artists, and builders. <br/>But we鈥檙e also <span class="c-draw-svg -blue" data-module-draw-svg> <em><i>players.</i></em> <svg class="c-draw-svg_shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 249 28"><path data-draw-svg="path" fill="transparent" d="M81.1047 5.31904C62.0696 11.228 42.7189 14.608 23.4458 18.3081c-6.5236 1.2524-13.1904 2.2795-19.58481 4.6968-2.69097 1.0172-4.57918 2.7793-.48195 3.3039 11.14586 1.4271 22.77976.2891 33.88996-.2591 22.3278-1.1018 44.6632-2.817 66.882-6.3488 3.071-.4881 6.139-1.0192 9.201-1.6196 2.516-.4934 5.292-.1367 7.492-2.0082 1.134-.9652-2.551-.9396-3.856-1.1014-4.246-.5265-14.656-1.3718-17.9635-1.6195-29.6319-2.2194-59.1924-2.8393-88.8543-2.3322-5.9549.1018 11.8853-1.1529 17.8322-1.61962 39.9221-3.13307 79.9106-4.44533 119.8746-5.7657 31.273-1.03325 125.107-2.179 93.827-2.62372-9.972-.14178-19.83 1.10216-29.684 3.14198" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg> </span> </p> </div> </div> </div> </div> </div> <!-- Trombinoscope --> <section class="c-trombinoscope || o-padding -padding-xxxlarge-top" data-scroll-section data-module-trombinoscope data-trombinoscope-data="[{"id":"008cf6ba-18e9-49ef-96b0-8ee018f14eeb","main":false,"firstName":" Raphael","lastName":"Lacoste","name":" Raphael Lacoste","thumbnail":"uploads\/staff\/thumbnail\/R_Lacoste_Thumbnail700X800_v2-grayscale-400x400.jpg","occupation":"Senior Art Director","quote":"Since my beginnings in the gaming industry on Prince of Persia or Assassin's Creed, I have always been convinced that the best collaboration with creatives minds must be done with openness and positivity. We cannot create by being restrained, listening and exchange are essential!<br>","image":"uploads\/staff\/modale\/R_Lacoste_Modale700X800_V1-700x800.jpg"},{"id":"0765aa30-8e0d-475a-ad95-02214cb1fdfc","main":true,"firstName":"Paola","lastName":"Jouyaux ","name":"Paola Jouyaux ","thumbnail":"uploads\/staff\/thumbnail\/P_Jouyaux_Thumbnail_400X400_v2-grayscale-400x400.jpg","occupation":"Executive Producer","quote":"It's about reuniting passionate, collaborative, talented people and giving them the means to reach their full potential.<br>","image":"uploads\/staff\/modale\/P_Jouyaux_Modale_V4-700x800.jpg"},{"id":"52502679-5c0e-4d5e-bff0-0361239556df","main":false,"firstName":"Daniel","lastName":"Drapeau","name":"Daniel Drapeau","thumbnail":"uploads\/staff\/thumbnail\/D_Drapeau_Thumbnail_400X400_v2-grayscale-400x400.jpg","occupation":"Game Director","quote":"Creating art is about sharing and not being afraid to show who you truly are to everyone around. It takes courage but when you are with people you trust and admire, being in that state of fearless creativity becomes suddenly natural. To work everyday on your craft with that mindset... it doesn't get better than that.","image":"uploads\/staff\/modale\/D_Drapeau_Modale700X800_V1-700x800.jpg"},{"id":"5f5ffa7d-8396-4707-8798-c9e265b133d8","main":false,"firstName":"Louis-Philippe","lastName":"Dion","name":"Louis-Philippe Dion","thumbnail":"uploads\/staff\/thumbnail\/LP_Dion_Thumbnail_400X400_v2-grayscale-400x400.jpg","occupation":"Audio Director","quote":"Haven is our collaboration port, kindness is our mooring and these are keys to unlock the creativity that fuels our people and ultimately our creations.","image":"uploads\/staff\/modale\/LP_Dion_Modale700X800_v2-700x800.jpg"},{"id":"6da892ed-0735-434a-94b1-6b8beed8f753","main":false,"firstName":"Sacha","lastName":"Viltofsky","name":"Sacha Viltofsky","thumbnail":"uploads\/staff\/thumbnail\/S_Viltofsky_Thumbnail_400X400_v2-grayscale-400x400.jpg","occupation":"Technical Director","quote":"Creating a game is like a long journey. It's about the path taken to get there, not the destination.<br>\r\nLike Sisyphus with his rock, we should appreciate the process, take a new approach, and enjoy starting over.<br>","image":"uploads\/staff\/modale\/S_Viltofsky_Modale700X800_v3-700x800.jpg"},{"id":"7172cab3-a947-4af7-95d6-b54abaa0749c","main":true,"firstName":"Jade","lastName":"Raymond","name":"Jade Raymond","thumbnail":"uploads\/staff\/thumbnail\/J_Raymond_Thumbnail_400X400_v2-grayscale-400x400.jpg","occupation":"President & CEO","quote":"Every time I\u2019ve been afraid to try something new, I stop and ask myself: \u201cWhy?\u201d<br>\r\nIf the answer is that I'm scared of being bad at it or looking foolish, then I push myself to do it.<br>\r\nIn my experience, fearless optimism is what unlocks innovation.<br>","image":"uploads\/staff\/modale\/J_Raymond_Modale700X800_v3-700x800.jpg"},{"id":"7aba8c0d-c9fb-444c-9d34-e7e28e20c0ef","main":false,"firstName":"Leon","lastName":"O'Reilly","name":"Leon O'Reilly","thumbnail":"uploads\/staff\/thumbnail\/L_OReilly_Thumbnail_400X400_v2-grayscale-400x400.jpg","occupation":"Chief Technical Officer","quote":"Creating a new studio is like building a timeship. We have assembled an incredible crew, and are setting sail into the future.","image":"uploads\/staff\/modale\/L_OReilly_Modale700X800_V1-700x800.jpg"},{"id":"7af84f2b-a933-4cc7-afec-228e0bf2af6d","main":false,"firstName":"Corey","lastName":"May","name":"Corey May","thumbnail":"uploads\/staff\/thumbnail\/C_May_Thumbnail_400X400_v2-grayscale-400x400.jpg","occupation":"Senior World Director","quote":"I've always wanted to work someplace powered by kindness rather than fear. At Haven, I finally do.<br>\r\n\u00a0<br>\r\n\u00a0<br>\r\nAlso, one can never have too many cats.<br>","image":"uploads\/staff\/modale\/C_May_Modale700X800_V3-700x800.jpg"},{"id":"90a62080-ae54-4add-9dbc-763b85765795","main":false,"firstName":"Mathieu","lastName":"Leduc","name":"Mathieu Leduc","thumbnail":"uploads\/staff\/thumbnail\/M_Leduc_Thumbnail_400X400_v2-grayscale-400x400.jpg","occupation":"Senior Creative Director","quote":"Working at Haven is creating, experimenting, growing, taking risks, breaking rules, making mistakes, and having fun doing all of this together.","image":"uploads\/staff\/modale\/M_Leduc_Modale700X800_v3-700x800.jpg"},{"id":"a7143a1b-47c4-4009-b84d-5627a52171f5","main":false,"firstName":"Matthieu","lastName":"Gabriac","name":"Matthieu Gabriac","thumbnail":"uploads\/staff\/thumbnail\/M_Gabriac_Thumbnail700X800_v2-grayscale-400x400.jpg","occupation":"Online Architect","quote":"At Haven we work together and share, so no one has to carry the weight of the world on their shoulders.","image":"uploads\/staff\/modale\/M_Gabriac_Modale700X800_V1-700x800.jpg"},{"id":"b26b8914-6c3f-495b-93b3-cd66b80d48b3","main":true,"firstName":" Karine","lastName":"Chapman","name":" Karine Chapman","thumbnail":"uploads\/staff\/thumbnail\/K_Chapman_Thumbnail700X800_v2-grayscale-400x400.jpg","occupation":"Director of Finance","quote":"Life is like accounting, everything must be balanced.","image":"uploads\/staff\/modale\/K_Chapman_Modale700X800_V1-700x800.jpg"},{"id":"b7265c84-22c8-4655-bf49-446cc7ad9861","main":false,"firstName":"Pierre-Fran\u00e7ois","lastName":"Sapinski","name":"Pierre-Fran\u00e7ois Sapinski","thumbnail":"uploads\/staff\/thumbnail\/PF_Sapinski_Thumbnail_400X400_v2-grayscale-400x400.jpg","occupation":"Chief Operations Officer","quote":"Our mindset at Haven :<br>\r\nWe never fail.<br>\r\nWe either win or we learn.<br>","image":"uploads\/staff\/modale\/PF_Sapinski_Modale700X800_v3-700x800.jpg"},{"id":"d4afcf78-3626-4c66-85b4-839f20336dbb","main":false,"firstName":"Elise","lastName":"Brosseau","name":"Elise Brosseau","thumbnail":"uploads\/staff\/thumbnail\/E_Brosseau_Thumbnail700X800_v2-grayscale-400x400.jpg","occupation":"HR Director","quote":"At Haven I'm surrounded by kind people that push me to explore new paths, that are not afraid to do things differently, and value what I do. We have the courage to adapt when needed and work as a team to make sure our employees are at the heart of Haven. A place where we can develop to our full potential while having fun in a kind and safe work environment.<br>","image":"uploads\/staff\/modale\/E_Brosseau_Modale700X800_V1-700x800.jpg"}]"> <div class="o-container" data-scroll data-scroll-repeat data-scroll-call="toggleTrombinoscope, Scroll"> <h2 class="u-screen-reader-text">Our team</h2> <div class="c-trombinoscope_introduction"> <div class="o-grid -col-8 -gutter-x"> <div class="u-gc-2/8 u-gc-1/9@from-small u-gc-6/9@from-large"> <h2 class="c-heading -h4">Meet some of our team. </h2> <div class="c-wysiwyg -layout-medium || c-trombinoscope_introduction_text"> <p>Scroll down to see our happy faces and discover why we're so excited to be part of Haven!</p> </div> </div> </div> </div> <div class="c-trombinoscope_grid_inner"> <ul class="c-trombinoscope_grid"> <li class="c-trombinoscope_item || c-tile-trombinoscope" data-trombinoscope="tile" data-scroll> <div class="c-tile-trombinoscope_inner"> <div data-trombinoscope="slot"></div> <button class="c-tile-trombinoscope_toggler" data-module-tile-mouse data-trombinoscope="button" data-cursor="hidden"> <span class="c-tile-trombinoscope_toggler_follow" data-tile-mouse="follow"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> </button> </div> </li> <li class="c-trombinoscope_item || c-tile-trombinoscope" data-trombinoscope="tile" data-scroll> <div class="c-tile-trombinoscope_inner"> <div data-trombinoscope="slot"></div> <button class="c-tile-trombinoscope_toggler" data-module-tile-mouse data-trombinoscope="button" data-cursor="hidden"> <span class="c-tile-trombinoscope_toggler_follow" data-tile-mouse="follow"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> </button> </div> </li> <li class="c-trombinoscope_item || c-tile-trombinoscope" data-trombinoscope="tile" data-scroll> <div class="c-tile-trombinoscope_inner"> <div data-trombinoscope="slot"></div> <button class="c-tile-trombinoscope_toggler" data-module-tile-mouse data-trombinoscope="button" data-cursor="hidden"> <span class="c-tile-trombinoscope_toggler_follow" data-tile-mouse="follow"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> </button> </div> </li> <li class="c-trombinoscope_item || c-tile-trombinoscope" data-trombinoscope="tile" data-scroll> <div class="c-tile-trombinoscope_inner"> <div data-trombinoscope="slot"></div> <button class="c-tile-trombinoscope_toggler" data-module-tile-mouse data-trombinoscope="button" data-cursor="hidden"> <span class="c-tile-trombinoscope_toggler_follow" data-tile-mouse="follow"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> </button> </div> </li> <li class="c-trombinoscope_item || c-tile-trombinoscope" data-trombinoscope="tile" data-scroll> <div class="c-tile-trombinoscope_inner"> <div data-trombinoscope="slot"></div> <button class="c-tile-trombinoscope_toggler" data-module-tile-mouse data-trombinoscope="button" data-cursor="hidden"> <span class="c-tile-trombinoscope_toggler_follow" data-tile-mouse="follow"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> </button> </div> </li> <li class="c-trombinoscope_item || c-tile-trombinoscope" data-trombinoscope="tile" data-scroll> <div class="c-tile-trombinoscope_inner"> <div data-trombinoscope="slot"></div> <button class="c-tile-trombinoscope_toggler" data-module-tile-mouse data-trombinoscope="button" data-cursor="hidden"> <span class="c-tile-trombinoscope_toggler_follow" data-tile-mouse="follow"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> </button> </div> </li> <li class="c-trombinoscope_item || c-tile-trombinoscope" data-trombinoscope="tile" data-scroll> <div class="c-tile-trombinoscope_inner"> <div data-trombinoscope="slot"></div> <button class="c-tile-trombinoscope_toggler" data-module-tile-mouse data-trombinoscope="button" data-cursor="hidden"> <span class="c-tile-trombinoscope_toggler_follow" data-tile-mouse="follow"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> </button> </div> </li> </ul> <div class="c-trombinoscope_refresh"> <div class="c-wysiwyg -layout-medium"> <p>We鈥檙e still growing. This is just a few of us. Click here if you鈥檇 like to see more!</p> <div class="o-padding -padding-tiny-top"> <button class="c-button -icon -access -accent -refresh" data-cursor="hover" data-trombinoscope="refresh"> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-refresh" focusable="false"> <use xlink:href="assets/images/sprite.svg#refresh"></use> </svg> </span> <span class="c-button_label">Refresh</span> </button> </div> </div> </div> <!-- <div class="c-trombinoscope_message"> <div class="c-trombinoscope_message_inner"> <div class="c-trombinoscope_message_grid"> <div class="c-trombinoscope_message_grid_item"> <div class="c-wysiwyg -layout-medium"> <p>We believe kindness, adaptability, and courage makespace for creative excellence.</p> </div> </div> </div> </div> </div> --> </div> </div> </section> <!-- Scroll quote --> <div class="c-scroll-quote || o-padding -padding-xxxlarge-top" data-scroll-section> <div class="o-container"> <div class="c-scroll-quote_inner || o-multi-font" data-module-scroll-quote data-scroll data-scroll-id="scrollQuote" data-scroll-offset="30%, 70%"> <h2 class="c-heading -h2" data-scroll-quote="text">Haven is a creative space where <em><i>ideas</i></em>, passion, and fearless <em><i>optimism</i></em> thrive.</h2> </div> </div> </div> <!-- 2 col text --> <div class="c-columns-text" data-scroll-section> <div class="o-container || o-padding -padding-xxxlarge-top"> <div class="o-grid -col-8 -gutter-x"> <div class="u-gc-1/9 u-gc-3/7@from-medium"> <div class="c-columns-text_introduction"> <p class="c-text -medium">We鈥檙e connected by our passion for great games and the wondrous memories they create.</p> </div> </div> </div> </div> <div class="o-container || o-padding -padding-large-top"> <div class="o-grid -col-8 -gutter-x"> <div class="c-columns-text_inner || u-gc-1/9 u-gc-3/7@from-medium"> <div class="c-columns-text_col"> <div class="o-padding -padding-small-top -no-padding@from-small"> <div class="c-wysiwyg -layout-large -culture"> <p>A space where ideas grow the more we nurture them with feedback and support. A space where success comes when we try new things and learn so that we鈥檙e constantly improving. A space that welcomes big ideas, critique, and collaboration. A space where creativity is celebrated across all disciplines, roles, and titles. A space where the best work is measured by how much it inspires play.</p> <p>We grew up playing. We stayed up all night. We wouldn鈥檛 quit until we downed the boss, solved the puzzle, beat the other team, or finished building our village. That feeling of endless joy and wonder is why we鈥檙e passionate about what we do.</p> </div> </div> </div> <div class="c-columns-text_col"> <div class="o-padding -padding-small-top -no-padding@from-small"> <div class="c-wysiwyg -layout-large -culture"> <p>Those passions became our work. We鈥檝e built careers making the games you鈥檝e loved鈥攇ames that broke boundaries, challenged conventions, and created lasting memories. We鈥檝e built entire worlds, pioneered new ways to play, and created games that continue to set the bar today. And we鈥檙e just getting started.</p> <p>We鈥檙e a place that makes space for all to wonder, to build memories, to create, to play. We鈥檙e Haven.</p> </div> </div> </div> </div> </div> </div> </div> <!-- 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鈥檚 <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"> <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="M1031.7 337.641a172.94 172.94 0 0 1 105.36-16.432 172.96 172.96 0 0 1 94.97 48.486c25.77 25.762 42.73 59 48.49 94.975a172.949 172.949 0 0 1-91.54 181.062 172.962 172.962 0 0 1-105.23 17.262 173.02 173.02 0 0 1-145.015-145.019 172.964 172.964 0 0 1 92.965-180.334Zm105.2-15.445a171.957 171.957 0 0 0-197.176 195.629A172.021 172.021 0 0 0 1083.9 662.006c35.82 5.44 72.43-.566 104.63-17.163a172.03 172.03 0 0 0 74.67-75.262 171.922 171.922 0 0 0 16.33-104.753 171.952 171.952 0 0 0-48.2-94.426 171.991 171.991 0 0 0-94.43-48.206Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M788.83 319h319.2v.5c0 88.076-71.52 159.6-159.6 159.6-88.077 0-159.6-71.524-159.6-159.6v-.5Zm1 1c.27 87.294 71.242 158.1 158.6 158.1 87.36 0 158.33-70.806 158.6-158.1h-317.2Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M788.83 159.6h319.2v.5c0 88.076-71.52 159.6-159.6 159.6-88.077 0-159.6-71.524-159.6-159.6v-.5Zm1 1c.27 87.294 71.242 158.1 158.6 158.1 87.36 0 158.33-70.806 158.6-158.1h-317.2Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M789.13 160.1C789.13 72.024 860.653.5 948.73.5c88.08 0 159.6 71.524 159.6 159.6v.5h-319.2v-.5Zm1-.5h317.2c-.27-87.294-71.24-158.1-158.6-158.1-87.358 0-158.33 70.806-158.6 158.1ZM1283.43 479.2H16.83v-1h1266.6v1Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.53 448.093C17.633 282.219 153.757 148.1 319.63 148.3c151.951.1 277.757 111.885 299.894 257.725l.111.73-.719-.168a267.64 267.64 0 0 0-90.132-5.39c-61.775 6.886-116.069 35.728-156.693 78.048A275.024 275.024 0 0 0 295.93 669h.1v19H128.053l-.138-.111A303.015 303.015 0 0 1 15.53 448.093ZM295.03 670h-.1v-.499a276.016 276.016 0 0 1 76.132-190.625L144.973 204.738C68.388 258.893 17.803 347.659 16.529 448.106A302.012 302.012 0 0 0 128.407 687H295.03v-17ZM145.793 204.161l225.965 273.988c40.733-42.258 95.09-71.054 156.916-77.946 30-3.306 60.342-1.533 89.75 5.243C596.052 260.443 470.825 149.4 319.629 149.3c-64.52-.078-124.525 20.234-173.836 54.861Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="m618.423 405.443.721.17c116.52 27.452 203.385 132.049 203.586 256.886V688H543.594l-14.25-17.282.386-.318-.347-.36a302.787 302.787 0 0 0 89.152-263.864l-.112-.733Zm-88.014 264.996L544.065 687H821.73v-24.499c-.2-124.106-86.378-228.135-202.095-255.744a303.79 303.79 0 0 1-89.226 263.682Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M529.771 669.764 544.89 688.1h-35.978l1.104-.889c6.689-5.392 13.178-11.082 19.366-17.07l.389-.377ZM511.742 687.1h31.027l-13.081-15.865a285.584 285.584 0 0 1-17.946 15.865Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="m371.757 478.047 158.652 192.391-.332.321c-6.211 6.012-12.723 11.722-19.434 17.13l-.137.111H294.93v-18.6a276.497 276.497 0 0 1 76.438-190.945l.389-.408Zm-.054 1.506A275.501 275.501 0 0 0 295.93 669.4V687h214.223c6.521-5.262 12.851-10.808 18.897-16.639L371.703 479.553Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M528.674 400.203a263.291 263.291 0 0 1 90.471 5.41l.328.078.051.333a303.99 303.99 0 0 1-89.447 264.836l-.389.375-158.627-192.36.307-.321c40.676-42.479 95.182-71.437 157.306-78.351Zm.056.497.055.497c-61.72 6.869-115.896 35.583-156.387 77.728l157.373 190.84a303.002 303.002 0 0 0 88.815-263.256 262.281 262.281 0 0 0-89.8-5.312l-.056-.497Z" fill="#524A8A" /> <path data-animate-illustration="path" class="c-illustration_animate" fill="none" d="M1107.83 160.1c0-87.8-71.3-159.1-159.1-159.1s-159.1 71.3-159.1 159.1 71 159.1 158.8 159.1c87.8 0 159.4-71.3 159.4-159.1" stroke-miterlimit="10" /> <path data-animate-illustration="path" class="c-illustration_animate" fill="none" d="M619.03 406.1c-22.1-145.6-147.7-257.2-299.4-257.3-165.6-.2-301.5 133.7-303.6 299.3a302.508 302.508 0 0 0 112.2 239.4h167.3" stroke-miterlimit="10" /> <path data-animate-illustration="path" class="c-illustration_animate" fill="none" d="M1107.67 319.77c-.15 87.8-71.58 159-159.38 158.83h.14l-576.7.2a275.995 275.995 0 0 0-76.3 190.6v18.1" 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://maps.app.goo.gl/9Yg91LTMyHGwHHQz9" target="_blank" rel="noopener noreferrer"> 700 Rue St-Hubert Suite 501 Montr茅al, QC H2Y 1A6 </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://maps.app.goo.gl/9Yg91LTMyHGwHHQz9" target="_blank" rel="noopener noreferrer"> 700 Rue St-Hubert Suite 501 Montr茅al, QC H2Y 1A6 </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>6</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/culture" 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/culture" 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">© 2025 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"> </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"> </span> <span class="c-text-serif -figcaption -italic" data-trombinoscope-modal="lastname"> </span> </span> <span class="c-trombinoscope-modal_job || c-text-serif -figcaption || u-anim -longer -delay-5" data-trombinoscope-modal="job"> </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>