Accueil — Hervé Baillargeon

<!doctype html> <html class="has-no-js is-firstload" lang="fr" data-template="home"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <base href="https://hervebaillargeon.com/"> <title>Accueil — Hervé Baillargeon</title> <meta name="description" content="Hervé Baillargeon is a director based in Montreal. He is renowned for his artistic sensibility and remarkable capacity to bring stories to the screen with compassion and authenticity."> <meta property="og:type" content="website"> <meta property="og:url" content="https://hervebaillargeon.com/"> <meta property="og:site_name" content="Hervé Baillargeon"> <meta property="og:title" content="Accueil"> <meta property="og:image" content="https://hervebaillargeon.com/uploads/config/Opengraph.jpg"> <meta property="og:description" content="Hervé Baillargeon is a director based in Montreal. He is renowned for his artistic sensibility and remarkable capacity to bring stories to the screen with compassion and authenticity.">  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="HandheldFriendly" content="true">  <link rel="apple-touch-icon" sizes="180x180" href="https://hervebaillargeon.com/assets/images/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://hervebaillargeon.com/assets/images/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://hervebaillargeon.com/assets/images/favicons/favicon-16x16.png"> <link rel="manifest" href="https://hervebaillargeon.com/site.webmanifest"> <link rel="mask-icon" href="https://hervebaillargeon.com/assets/images/favicons/safari-pinned-tab.svg" color="#000000"> <meta name="msapplication-TileColor" content="#ece7da"> <meta name="theme-color" content="#ece7da">  <link rel="preload" href="https://hervebaillargeon.com/assets/fonts/DINEngschrift.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://hervebaillargeon.com/assets/fonts/NBInternationalPro-Mono.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://hervebaillargeon.com/assets/fonts/SuisseIntl-Regular.woff2" as="font" type="font/woff2" crossorigin>  <style media="all"> :root{--grid-columns: 7;--grid-gutter: 1rem;--grid-gutter-half: calc(0.5 * var(--grid-gutter));--grid-margin: 1.25rem;--container-width: calc(calc(100 * var(--vw, 1vw)) - 2 * var(--grid-margin));--font-size-h1: clamp(70px, 0.0857142857 * calc(100 * var(--vw, 1vw)), 120px);--font-size-h2: clamp(30px, 0.0357142857 * calc(100 * var(--vw, 1vw)), 50px);--font-size-h3: 2.5rem;--font-size-body: 1.0625rem;--font-size-small: 0.75rem;--font-size-medium: 1.25rem}@media(max-width: 699px){:root{--font-size-huge: 35vw}}@media(min-width: 700px){:root{--grid-columns: 14;--grid-gutter: 1.25rem;--grid-margin: 1.25rem;--font-size-huge: 25vw}}.o-name{z-index:2;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--theme-color-difference);text-align:center;mix-blend-mode:difference;pointer-events:none}.c-loader{--loader-duration-out: 0s;z-index:300;position:fixed;inset:0;color:#000;background-color:#ece7da;overflow:hidden}.c-loader>*{position:absolute !important;mix-blend-mode:unset !important;color:inherit !important}html.is-firstload .c-loader{--loader-duration-out: 200ms}html.is-firstload .c-loader>*{display:none !important}html.is-ready .c-loader{left:200vw;opacity:0;transition:left 0s var(--loader-duration-out),opacity var(--loader-duration-out) cubic-bezier(0.38, 0.005, 0.215, 1)} </style> <link id="main-css" rel="stylesheet" href="https://hervebaillargeon.com/assets/styles/main.css?v=1701077166761" media="print" onload="this.media='all'; this.onload=null; this.isLoaded=true">  <script>window.timestamp = new Date();</script> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-31530074-7', 'auto'); ga('send', 'pageview'); </script> <script async src="https://www.google-analytics.com/analytics.js"></script> </head> <body data-module-load> <div id="loader" class="c-loader"> <span class="c-header_link | o-text-mono">HB</span> <span class="c-header_link | o-text-mono" data-module-text-shuffle="loader1" >Work</span> <span class="c-header_link | o-text-mono" data-module-text-shuffle="loader2" >Info</span> <h1 class="o-name | o-text-mono"> <span data-module-text-shuffle="loaderName1">Hervé</span> <span data-module-text-shuffle="loaderName2">Baillargeon</span> </h1> </div> <div data-load-container> <div data-module-scroll> <header class="c-header"> <nav class="c-header_nav"> <a href="/" class="c-header_link | o-text-mono" >HB</a> <a href="works" class="c-header_link | o-text-mono" data-module-text-shuffle="nav1" data-text-shuffle="hover" >Works</a> <a href="info" class="c-header_link | o-text-mono" data-module-text-shuffle="nav2" data-text-shuffle="hover" >Info</a> </nav> </header> <main class="o-main"> <section class="c-home-intro" data-module-home-intro > <div class="c-home-intro_inner | o-container -large"> <span class="c-home-intro_letter | c-heading -huge" data-home-intro="letter" > <span data-home-intro="letterInner">H</span> </span> <span class="c-home-intro_letter | c-heading -huge" data-home-intro="letter" > <span data-home-intro="letterInner">e</span> </span> <span class="c-home-intro_letter | c-heading -huge" data-home-intro="letter" > <span data-home-intro="letterInner">r</span> </span> <span class="c-home-intro_letter | c-heading -huge" data-home-intro="letter" > <span data-home-intro="letterInner">v</span> </span> <span class="c-home-intro_letter | c-heading -huge" data-home-intro="letter" > <span data-home-intro="letterInner">é</span> </span> <div class="c-home-intro_asset -item-1"> <div class="c-asset -cover" style="--asset-ratio: 1.8744769874477;" > <div class="c-asset_inner"> <video class="c-asset_element" width="1792" height="956" loop muted playsinline data-scroll data-scroll-call="toggleVideo, Scroll" data-scroll-repeat src='https://player.vimeo.com/progressive_redirect/playback/838044050/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bcef4ae2f0bd8991a60d80af61f608d9f46a669afaff63294d546cf4bfb496ce' ></video> </div> </div> </div> <div class="c-home-intro_asset -item-2"> <div class="c-asset -cover" style="--asset-ratio: 2.3529411764706;" > <div class="c-asset_inner"> <video class="c-asset_element" width="1920" height="816" loop muted playsinline data-scroll data-scroll-call="toggleVideo, Scroll" data-scroll-repeat src='https://player.vimeo.com/progressive_redirect/playback/946915666/rendition/1080p/file.mp4?loc=external&log_user=0&signature=b1c4f0947a33f2fbe2db0da4bcd95a0e9242b9de5588eb5393fbff42eabcdfcc' ></video> </div> </div> </div> <span class="c-home-intro_label -item-1 | o-text-mono" data-home-intro="label" data-module-text-shuffle="home-label-1" >Hervé</span> <span class="c-home-intro_label -item-2 | o-text-mono" data-home-intro="label" data-module-text-shuffle="home-label-2" >Hervé</span> <span class="c-home-intro_label -item-3 | o-text-mono" data-home-intro="label" data-module-text-shuffle="home-label-3" >Hervé</span> <span class="c-home-intro_label -item-4 | o-text-mono" data-home-intro="label" data-module-text-shuffle="home-label-4" >Hervé</span> <h1 class="o-name c-home-intro_name | o-text-mono"> <span data-module-text-shuffle="homeName1">Hervé</span> <span data-module-text-shuffle="homeName2">Baillargeon</span> </h1> <h2 class="c-home-intro_sub | o-text-mono" data-module-text-shuffle="homeSub" >Réalisateur</h2> </div> </section> <div class="c-sticky-panels -videos" data-module-sticky-panels data-scroll data-scroll-module-progress data-scroll-offset="100%, 100%" style="--panels-count: 3;" > <div class="c-sticky-panels_wrap | o-container -small" data-scroll data-scroll-repeat data-scroll-call="toggle, StickyPanels" > <div class="c-sticky-panels_inner"> <div class="c-sticky-panels_item" data-sticky-panels="panel" style="--panels-index: 1;" > <a href="works/cold-coast" class="c-sticky-panels_link" data-scroll data-scroll-call="toggleVideo, StickyPanels" data-scroll-repeat > <div class="c-asset c-sticky-panels_asset -lazy-reveal" style="--asset-ratio: 1.7777777777778;" > <div class="c-asset_inner"> <video class="c-asset_element" width="1920" height="1080" loop muted playsinline data-scroll src='https://player.vimeo.com/progressive_redirect/playback/838044050/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bcef4ae2f0bd8991a60d80af61f608d9f46a669afaff63294d546cf4bfb496ce' ></video> </div> </div> <span class="u-screen-reader-text">Read more</span> </a> <div class="c-sticky-panels_title"> <a href="works/cold-coast" class="o-text-mono o-link" data-module-text-shuffle="stickyPanelsTitle1" data-text-shuffle="hover" >Cold coast - Secret Sun</a> </div> </div> <div class="c-sticky-panels_item" data-sticky-panels="panel" style="--panels-index: 2;" > <a href="works/chsld" class="c-sticky-panels_link" data-scroll data-scroll-call="toggleVideo, StickyPanels" data-scroll-repeat > <div class="c-asset c-sticky-panels_asset -lazy-reveal" style="--asset-ratio: 1.7777777777778;" > <div class="c-asset_inner"> <video class="c-asset_element" width="1920" height="1080" loop muted playsinline data-scroll src='https://player.vimeo.com/progressive_redirect/playback/946915666/rendition/1080p/file.mp4?loc=external&log_user=0&signature=b1c4f0947a33f2fbe2db0da4bcd95a0e9242b9de5588eb5393fbff42eabcdfcc' ></video> </div> </div> <span class="u-screen-reader-text">Read more</span> </a> <div class="c-sticky-panels_title"> <a href="works/chsld" class="o-text-mono o-link" data-module-text-shuffle="stickyPanelsTitle2" data-text-shuffle="hover" >Vocation : Médecin</a> </div> </div> <div class="c-sticky-panels_item" data-sticky-panels="panel" style="--panels-index: 3;" > <a href="works/belle-mere" class="c-sticky-panels_link" data-scroll data-scroll-call="toggleVideo, StickyPanels" data-scroll-repeat > <div class="c-asset c-sticky-panels_asset -lazy-reveal" style="--asset-ratio: 1.7777777777778;" > <div class="c-asset_inner"> <video class="c-asset_element" width="1920" height="1080" loop muted playsinline data-scroll src='https://player.vimeo.com/progressive_redirect/playback/907898039/rendition/1080p/file.mp4?loc=external&log_user=0&signature=e6af63685528c23110789908ba7e8d85d7a5069db7b56f8c012a3bcffec3bbd0' ></video> </div> </div> <span class="u-screen-reader-text">Read more</span> </a> <div class="c-sticky-panels_title"> <a href="works/belle-mere" class="o-text-mono o-link" data-module-text-shuffle="stickyPanelsTitle3" data-text-shuffle="hover" >Belle-Mère</a> </div> </div> </div> </div> </div> </main> <div class="c-project-list" data-module-project-list data-scroll data-scroll-repeat data-scroll-call="toggle, ProjectList" > <section class="c-section c-project-list_inner -min-100vh" > <div class="c-section_inner | o-container -small"> <div class="c-section_content"> <h1 class="o-name | o-text-mono"> <span >Hervé</span> <span >Baillargeon</span> </h1> <ul class="c-project-list_list"> <li class="c-project-list_item | c-heading -h3"> <a href="works/chsld" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/946915666/rendition/1080p/file.mp4?loc=external&log_user=0&signature=b1c4f0947a33f2fbe2db0da4bcd95a0e9242b9de5588eb5393fbff42eabcdfcc" > <p class="c-project-list_name">Vocation : Médecin</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/belle-mere" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/907898039/rendition/1080p/file.mp4?loc=external&log_user=0&signature=e6af63685528c23110789908ba7e8d85d7a5069db7b56f8c012a3bcffec3bbd0" > <p class="c-project-list_name">Belle-Mère</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/les-perles" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838042825/rendition/1080p/file.mp4?loc=external&log_user=0&signature=091ee0131dabe476976322c20b03b07d9c591ac8f8952ac107414d2ba52087c4" > <p class="c-project-list_name">Les Perles</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/six-degres-saison-1" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838043467/rendition/1080p/file.mp4?loc=external&log_user=0&signature=4c6cc22b47694d095cac7da02068fcae9e82e05b44d18933ecff641a063bf6af" > <p class="c-project-list_name">Six Degrés (s1 & s2)</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/cold-coast" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838044050/rendition/1080p/file.mp4?loc=external&log_user=0&signature=bcef4ae2f0bd8991a60d80af61f608d9f46a669afaff63294d546cf4bfb496ce" > <p class="c-project-list_name">Cold coast - Secret Sun</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/l-ecrivain-publique" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838042292/rendition/1080p/file.mp4?loc=external&log_user=0&signature=50b3d3fcb88e2d4a232901c60981062cb200fa9ea3d14b969d2ad17e780739b0" > <p class="c-project-list_name">L’écrivain public</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/michaelle-sacrament" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838045064/rendition/1080p/file.mp4?loc=external&log_user=0&signature=eda4270d7597b0e51e49e99fe87c08e688ece347ebf54bcac4d0e83a100ce99f" > <p class="c-project-list_name">Michaëlle en sacrament</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/la-panne" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838042540/rendition/1080p/file.mp4?loc=external&log_user=0&signature=2ca431b4c1fb04c77a9a3419b58fe811071fddcfe83c0bc6d77b9e2ebb9604ea" > <p class="c-project-list_name">La panne</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/apples-the-seasons" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838043837/rendition/1080p/file.mp4?loc=external&log_user=0&signature=0c8206002fc52985f682c60f08c9713719b48b026a3d47100dcb6da954f7152b" > <p class="c-project-list_name">APPLES - THE SEASONS</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/i-wanna-dance" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838044222/rendition/1080p/file.mp4?loc=external&log_user=0&signature=cd62ff1a1ff2d42ae89324c42480829c9a69ab4883d6f8122b38cfdae6c70e12" > <p class="c-project-list_name">I wanna dance - Heartstreets</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/l-impact-vers-la-mls" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838044569/rendition/1080p/file.mp4?loc=external&log_user=0&signature=93238542c717f9536b4cf9629e1c33eff210c43570c8dcfcb8e114bb7b2d11a2" > <p class="c-project-list_name">L’impact vers la MLS</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/passing-cars" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838043154/rendition/1080p/file.mp4?loc=external&log_user=0&signature=877b9a346c68bde5dc7a9530a050c4397c772c3763337ceed911cac84f028f66" > <p class="c-project-list_name">Passing cars - Secret Sun</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/la-cage" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838044875/rendition/1080p/file.mp4?loc=external&log_user=0&signature=056f10f665fbff7f37a7a96bef4c1cb0c4a5b1db83bd60d883a4be7294237116" > <p class="c-project-list_name">La Cage - Fôret</p> </a> </li> <li class="c-project-list_item | c-heading -h3"> <a href="works/destination-canada" class="c-project-list_link" data-project-list="link" data-video="https://player.vimeo.com/progressive_redirect/playback/838114043/rendition/1080p/file.mp4?loc=external&log_user=0&signature=98c4745d1fe303e450a4e80b2822c47bbbdd8b3a1299fa0aa678321b1ca5d18e" > <p class="c-project-list_name">Destination canada</p> </a> </li> </ul> <div class="c-project-list_asset"> <video src="" muted playsinline loop class="c-project-list_video" data-project-list="video" ></video> </div> </div> <p class="c-section_label -bottom | o-text-mono"> <a href="https://locomotive.ca/" target="_blank" rel="noopener noreferrer" class="o-link" data-module-text-shuffle="projectListBottom" >Website by locomotive</a> </p> </div> </section> </div> </div> </div> <script src="https://hervebaillargeon.com/assets/scripts/app.js?v=1701077166761"></script> </body> </html>

CINXE.COM

Accueil — Hervé Baillargeon