Agence de Production Vidéo à Montréal

<!doctype html><html lang="fr"><head> <meta charset="utf-8"> <title>Agence de Production Vidéo à Montréal | Momentumm</title> <meta name="description" content="Bénéficiez de nos services de production video à Montreal et de notre expertise en marketing numérique pour mieux atteindre vos objectifs."> <link rel="shortcut icon" href="https://www.momentumm.co/hubfs/MMTMM%20Logos/logo-badge-light-blue-circle.svg"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" media="screen"> <link rel="stylesheet" href="https://unpkg.com/lenis@1.1.20/dist/lenis.css" media="screen"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Bénéficiez de nos services de production video à Montreal et de notre expertise en marketing numérique pour mieux atteindre vos objectifs."> <meta property="og:title" content="Agence de Production Vidéo à Montréal | Momentumm"> <meta name="twitter:description" content="Bénéficiez de nos services de production video à Montreal et de notre expertise en marketing numérique pour mieux atteindre vos objectifs."> <meta name="twitter:title" content="Agence de Production Vidéo à Montréal | Momentumm"> <link rel="preload" as="image" href="https://www.momentumm.co/hs-fs/hubfs/Images%20services/Video/agence-production-video-hero.webp?width=1200&name=agence-production-video-hero.webp" imagesrcset="https://www.momentumm.co/hs-fs/hubfs/Images%20services/Video/agence-production-video-hero.webp?width=1200&name=agence-production-video-hero.webp 1200w" imagesizes="(min-width: 769px) 1200px"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <link rel="stylesheet" href="https://www.momentumm.co/hs-fs/hubfs/hub_generated/template_assets/1/174325174710/1738883866356/template_main.css"> <style> header { position: fixed; width: 100%; z-index: 1003; transition: all .5s; animation: fadeDown 1s; background-color: rgba(10, 10, 23, 1); } .transparent { background-color: rgba(10, 10, 23, 0.6); backdrop-filter: blur(7.5px); -webkit-backdrop-filter: blur(7.5px); } main { background-color: rgba(10, 10, 23, 1); padding-top: calc(43px + 16px + 16px); } @media (max-width: 991px) { main { padding-top: calc(33px + 16px + 16px); } } @keyframes fadeDown { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } #Simple_Header { width: 100%; } #Simple_Header figure { margin: 0; } #Simple_Header ul { margin: 0; list-style: none; } #Simple_Header p { margin: 0; } #Simple_Header a { text-decoration: none; transition: all .3s; } #Simple_Header .module-container { padding-right: 5%; padding-left: 5%; } #Simple_Header .header-wrapper { display: flex; justify-content: space-between; align-items: center; flex-direction: column; position: relative; } #Simple_Header .header-top { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 43px; } /***** LOGO *****/ #Simple_Header .header-logo { display: flex; width: 150px; height: 16.6px; } #Simple_Header .header-logo span h2 { margin-top: 0; font-size: 1.75rem; } /***** NAV MENU *****/ #Simple_Header nav { overflow: hidden; position: absolute; width: 102px; z-index: 100; right: 0; display: grid; align-items: end; transition: all .25s linear; overflow-x: hidden; background: linear-gradient(150deg, rgba(245, 126, 32, 1), rgba(241, 91, 93, 1)); gap: 38px; border-radius: 20px; grid-template-rows: 1fr auto; height: 43px; } #Simple_Header nav.show { width: 480px; padding: 8% 4% 4%; /* padding: 96px 58px 58px; */ /* padding: 10% 4% 4%; */ height: calc(100dvh - 16px - 16px); } #Simple_Header nav.show .main-menu, #Simple_Header nav.show .nav-btn, #Simple_Header nav.show .header__language-switcher--wrapper { visibility: visible; opacity: 1; } #Simple_Header nav.show .main-menu, #Simple_Header nav.show .header__language-switcher--wrapper { transform: translateY(0); } #Simple_Header .nav-btn { position: absolute; margin: 23px 22px; visibility: hidden; opacity: 0; width: fit-content; display: flex; justify-content: center; align-items: center; white-space: nowrap; font-size: 1.125rem; font-weight: 700; letter-spacing: 0px; text-transform: uppercase; padding: 12px 24px; border-radius: 50px; align-self: start; background-color: rgba(255, 255, 255, 1); } #Simple_Header .main-menu, #Simple_Header .header__language-switcher--wrapper { visibility: hidden; opacity: 0; transform: translateX(100%); transition: all .8s ease; } #Simple_Header .main-menu { width: 100%; height: 100%; list-style: none; padding: 0; gap: 24px; display: flex; align-items: end; flex-direction: column; justify-content: end; } #Simple_Header .menu-link { position: relative; display: inline-block; color: rgba(253, 224, 224, 1); font-family: Inter; font-weight: normal; font-size: 2.125rem; font-weight: 400; transition: all .3s; } #Simple_Header .main-menu > .menu-item { display: grid; grid-template-columns: 1fr auto; column-gap: 15px; align-items: center; justify-self: end; cursor: pointer; overflow: hidden; text-align: end; } #Simple_Header .menu-link-wrapper { display: flex; align-items: center; justify-self: end; gap: 16px; } #Simple_Header .main-menu > .menu-item > .menu-link, #Simple_Header .menu-link-wrapper .menu-link { font-size: 3rem; color: rgba(253, 224, 224, 1); } #Simple_Header .main-menu .menu-item:hover > .menu-link, #Simple_Header .menu-link-wrapper:hover span, #Simple_Header .menu-link:hover, #Simple_Header .menu-link-wrapper:hover span svg path, #Simple_Header span.menu-link.show, #Simple_Header span.menu-arrow.open svg path { color: rgba(255, 255, 255, 1); fill: rgba(255, 255, 255, 1); } #Simple_Header .has-submenu { position: relative; } #Simple_Header .menu-arrow { width: 41px; height: 41px; display: inline-block; transition: all .3s; } #Simple_Header .menu-arrow path { transition: all .2s; } #Simple_Header .menu-arrow.open { transform: rotate(180deg); } /* Menu Button */ #Simple_Header .header-menu-btn { display: flex; align-items: center; position: relative; } #Simple_Header .header-menu-btn button { display: flex; justify-content: center; align-items: center; position: relative; z-index: 101; border: none; font-style: normal; font-weight: 700; line-height: 125%; text-transform: uppercase; background: transparent; transition: all .3s; padding: 10px 24px; border-radius: 50px; font-size: 1.125rem; color: rgba(255, 255, 255, 1); } #Simple_Header .header-menu-btn button.show { /* transform: translateX(0); */ transform: rotate3d(1, 0, 0, 90deg); visibility: hidden; opacity: 0; } #Simple_Header .x-icon { visibility: hidden; opacity: 0; position: absolute; top: 0; right: 0; transform: rotate3d(1, 0, 0, -90deg); z-index: 101; margin: 20px; cursor: pointer; transition: all .3s; } #Simple_Header .x-icon.show { visibility: visible; opacity: 1; transform: rotate3d(1, 0, 0, 0deg); } #Simple_Header .submenu { /* visibility: hidden; opacity: 0; */ display: none; transform: translateY(-50%); /* width: max-content; */ max-height: 0; padding: 0; margin: 0 10px; transition: all .3s; grid-column: 1 / -1; } #Simple_Header .submenu.show { /* visibility: visible; opacity: 1; */ transform: translate(0); margin: 40px 12px calc(40px - 24px) 0; } #Simple_Header .main-menu > .menu-item.show:before { width: 0; } #Simple_Header .has-submenu .submenu { display: block; } #Simple_Header .menu-item { text-align: end; column-gap: 0; } /* #Simple_Header .menu-item .menu-link { padding: 10px 0; } */ #Simple_Header .overlay { height: 100dvh; width: 100%; position: fixed; z-index: 99; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.75); overflow: hidden; transition: opacity 0.5s ease-in-out; opacity: 0; visibility: hidden; } #Simple_Header .overlay.show { opacity: 1; visibility: visible; } /***** Language Switcher *****/ #hs_cos_wrapper_Language_Switcher_, #hs_cos_wrapper_widget_1719273143199, #hs_cos_wrapper_widget_1719273116114, #hs_cos_wrapper_widget_1719273075888 { /* display: none; */ } #Simple_Header .header__language-switcher--label { display: unset; } #Simple_Header .header__language-switcher--wrapper > span { display: none; } #Simple_Header .lang_switcher_class { opacity: 1; } #Simple_Header .globe_class { background-image: none; display: none; } #Simple_Header .lang_list_class { display: none; } #Simple_Header .header__language-switcher { padding-right: 0; } #Simple_Header .header__language-switcher .globe_class { cursor: auto; } #Simple_Header .header__language-switcher .lang_list_class { margin-left: 15px; } #Simple_Header .lang_switcher_link { text-decoration: none; cursor: pointer; text-align: right; margin-right: 15px; font-weight: 400; color: rgba(255, 255, 255, 1); font-size: 2rem; } #Simple_Header .lang_switcher_link:hover { color: rgba(255, 255, 255, 1); } /****** Responsive ******/ @media (min-height: 1180px) { #Simple_Header nav { max-height: 70dvh; } } @media (min-width: 1820px) { #Simple_Header .module-container { max-width: 80vw; padding-left: 0; padding-right: 0; } #Simple_Header nav.show { padding-right: 2%; } } @media (min-width: 1200px) { #Simple_Header nav.show { width: 600px; } } @media (max-width: 991px) { #Simple_Header .header-top { height: 33px; } #Simple_Header .header-logo { width: 150px; } #Simple_Header .header-logo span h2 { font-size: 1.25rem; } #Simple_Header nav, #Simple_Header .header-menu-btn button { width: 82px; height: 33px; } #Simple_Header .header-menu-btn button { font-size: 0.875rem; padding: 0; } #Simple_Header .nav-btn { margin: 21px 20px; padding: 10px 24px; font-size: 1rem; } #Simple_Header .x-icon svg { width: 41px; height: 42px; } #Simple_Header .main-menu > .menu-item > .menu-link, #Simple_Header .menu-link-wrapper .menu-link { font-size: 2rem; } #Simple_Header .menu-link { font-size: 1.375rem; } #Simple_Header .lang_switcher_link { font-size: 1.5rem; } } @media (max-width: 743px) { #Simple_Header nav.show { width: 100%; max-width: 100%; padding: 24% 9% 9%; } } @media (max-width: 400px) { #Simple_Header nav.show { /* width: calc(100vw - calc(5% * 2)); */ width: calc(100vw - calc(16px + 16px)); } } </style> <link rel="stylesheet" href="/hs/hsstatic/cos-LanguageSwitcher/static-1.336/sass/LanguageSwitcher.css"> <style> #module_17256469017823 { background-color: rgba(10, 10, 23, 1); } #module_17256469017823 a { text-decoration: none; } #module_17256469017823 figure, #module_17256469017823 picture { margin: 0; } #module_17256469017823 img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; object-position: top center; } #module_17256469017823 .module-container { overflow: hidden; max-width: unset; width: 100%; margin: 0 auto; padding-right: 0; position: relative; padding-top: 0; } #module_17256469017823 .body { width: 100%; position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 70px; } #module_17256469017823 .hero-left { display: flex; justify-content: flex-end; } #module_17256469017823 .text-wrap { max-width: 800px; } #module_17256469017823 .title h1 { margin-bottom: 8px; text-align: left; } #module_17256469017823 .subtitle h2 { color: rgba(255, 255, 255, 1); margin-bottom: 24px; text-align: left; } #module_17256469017823 .text-area { width: 90%; } #module_17256469017823 .text-rich-content { display: grid; margin-right: auto; } #module_17256469017823 .text-rich-content-button { margin-top: 40px; justify-self: start; } #module_17256469017823 .text-rich-content-button a { padding: 8px 24px; transition: all 0.4s ease; } /* Hero Image */ #module_17256469017823 .img-wrap { } #module_17256469017823 .hero-img-container { margin: 0 auto; width: 100%; position: relative; } #module_17256469017823 .hero-img { height: calc(100vh - (43px + 16px + 16px)); display: flex; /* height: 100vh; */ /* padding: 46px 0; */ } /* BG Content */ #module_17256469017823 .bg-content { position: absolute; z-index: 0; left: 0%; top: 65%; transform: translate(0, -50%); } #module_17256469017823 .bg-content-img { width: 100%; } #module_17256469017823 .bg-content-text p { font-size: 100%; font-weight: 700; color: rgba(0, 154, 245, 0.6); } #module_17256469017823 .bottom-block { position: relative; z-index: 1; padding-top: 0; padding-bottom: 0; padding-right: 5%; margin-top: 72px; } #module_17256469017823 .bottom-block .module-container { padding: 0; } #module_17256469017823 .bottom-block .flex-container { width: 100%; display: flex; justify-content: space-between; gap: 68px; align-items: start; } #module_17256469017823 .bottom-rich { width: 45%; } /* Responsive */ @media (min-width: 1820px) { #module_17256469017823 .hero-left { margin-left: 9.9vw; } #module_17256469017823 .bottom-block { margin-left: 9.9vw; } } /* @media (max-width: 991px) { */ @media (max-width: 991px) { #module_17256469017823 .module-container { padding-top: 32px; } #module_17256469017823 .hero-left { justify-content: flex-start; padding-right: 5%; } #module_17256469017823 .body { flex-direction: column; gap: 56px; } #module_17256469017823 .hero-left, #module_17256469017823 .text-wrap { max-width: unset; } #module_17256469017823 .img-wrap { /* padding-left: 30.6px; */ display: flex; /* height: 415px; */ } #module_17256469017823 .hero-img { height: 100%; } #module_17256469017823 .hero-left, #module_17256469017823 .img-wrap { width: 100%; } #module_17256469017823 .title h1 { margin-bottom: 24px; } #module_17256469017823 .subtitle { width: 100%; } #module_17256469017823 .subtitle h2 { margin-bottom: 39px; } #module_17256469017823 .text-area { width: 100%; } #module_17256469017823 .text-rich-content { width: 100%; margin: auto; } #module_17256469017823 .text-rich-content-button { margin-top: 18px; } /***** Image *****/ /* BG Content */ #module_17256469017823 .bg-content { left: 0%; top: 45%; } } @media (max-width: 743px) { #module_17256469017823 .bottom-block .flex-container { flex-direction: column; } #module_17256469017823 .bottom-rich { width: 100%; } } </style> <style> h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0; } #module_17296252850204 { background-color: rgba(10, 10, 23, 1); border-radius: 80px; box-shadow: 0px -20px 190.8px 0px rgba(201, 94, 0, 0.12); margin-top: -100px; } #module_17296252850204 a { text-decoration: none; cursor: auto; } #module_17296252850204 figure { margin: 0; display: flex; } #module_17296252850204 img { width: 100%; height: 100%; object-fit: cover; } #module_17296252850204 .module-container { width: 100%; margin: 0 auto; } #module_17296252850204 .title h2 { margin-bottom: 60px; text-align: left; } #module_17296252850204 .subtitle { width: 65%; } #module_17296252850204 .subtitle h2 { margin-bottom: 40px; text-align: left; } #module_17296252850204 .body { margin-bottom: 60px; } /* Media section */ #module_17296252850204 .video-container, #module_17296252850204 .hero-img-container { display: flex; } #module_17296252850204 .video-container { margin: 0 auto; width: 100%; position: relative; } #module_17296252850204 .video-container video, #module_17296252850204 .hero-img-container .hero-img img { width: 100%; border-radius: 10px; } #module_17296252850204 #play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; width: 119px; cursor: pointer; } #module_17296252850204 #play-btn img { animation: breathe 1.5s ease-out infinite; } @keyframes breathe { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } /* Video Overlay */ #module_17296252850204 #video-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1001; background-color: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; transition: all .3s; display: grid; place-items: center; transform: translateY(100%); cursor: pointer; } #module_17296252850204 #video-overlay.active { opacity: 1; visibility: visible; } #module_17296252850204 #video-overlay.active { transform: translateY(0); } #module_17296252850204 #video-overlay .popup-video { width: 80%; } /* Hero Image */ #module_17296252850204 .hero-img-container { margin: 0 auto; width: 100%; position: relative; } /* Bottom Part */ #module_17296252850204 .bottom { display: flex; } #module_17296252850204 a.hover-link { cursor: pointer; } #module_17296252850204 .item-list { display: grid; justify-content: start; gap: 50px; height: fit-content; } #module_17296252850204 .item { display: flex; align-items: center; height: fit-content; margin-bottom: 0; } #module_17296252850204 .bottom-rich-content { display: grid; margin-left: auto; } #module_17296252850204 .bottom-rich-content a { cursor: pointer; } #module_17296252850204 .bottom-rich-content-button { margin-top: 41px; justify-self: start; } #module_17296252850204 .bottom-rich-content-button a { padding: 8px 24px; /* border-radius: 50px; */ transition: all 0.4s ease; cursor: pointer; } /* Responsive */ @media (max-width: 991px) { #module_17296252850204 .title h2 { margin-bottom: 24px; } #module_17296252850204 .subtitle { width: 100%; } #module_17296252850204 .subtitle h2 { margin-bottom: 39px; } #module_17296252850204 #play-btn { width: 85px; } #module_17296252850204 .body { margin-bottom: 24px; } #module_17296252850204 .video-container, #module_17296252850204 .hero-img-container { } #module_17296252850204 #video-overlay .popup-video { width: 90%; } #module_17296252850204 .bottom { flex-direction: column; align-items: center; gap: 24px !important; } #module_17296252850204 .item-list { width: 100% !important; margin-left: 0; gap: 0; } #module_17296252850204 .bottom-rich-content { width: 100% !important; margin: auto; } #module_17296252850204 .bottom-rich-content-button { margin-top: 18px; } #module_17296252850204 .item-list { gap: 10px; } #module_17296252850204 .item-list .item { gap: 10px !important; } #module_17296252850204 .item-list img { width: 20px !important; } } @media (max-width: 743px) { #module_17296252850204 { border-radius: 25px; } #module_17296252850204 .hero-img-container .hero-img img { aspect-ratio: 4 / 3; } #module_17296252850204 #play-btn { width: 70px; } #module_17296252850204 #video-overlay .popup-video { width: 100%; } #module_17296252850204 .bottom-rich-content p { font-size: 1.125rem !important; } } @media (max-width: 400px) { #module_17296252850204 #play-btn { width: 60px; } } </style> <style> #widget_1729603562787 { background-color: rgba(255, 255, 255, 1); } #widget_1729603562787 ul { list-style-type: none; } #widget_1729603562787 img, #widget_1729603562787 video { max-width: 100%; height: 100%; object-fit: cover; } #widget_1729603562787 .module-container { max-width: unset; width: 100%; margin: 0 auto; padding-left: 0; } #widget_1729603562787 .feature_wrapper { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } #widget_1729603562787 .side-menu { display: none; } #widget_1729603562787 .list { position: sticky; top: 140px; padding: 0px; display: grid; gap: 4px; } #widget_1729603562787 .content { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } #widget_1729603562787 .feature_container { position: relative; z-index: 1; display: flex; width: 100%; /* max-width: 1290px; min-width: 1030px; */ flex-direction: column; } #widget_1729603562787 .section-top { width: 60%; padding-left: 5%; } #widget_1729603562787 .section-top .title { color: rgba(25, 25, 37, 1); margin-bottom: 72px; } #widget_1729603562787 .section-top .highlight { color: rgba(245, 126, 32, 1); } /* Image Scroller */ #widget_1729603562787 .scroller_module_widget_1729603562787 { width: 100%; margin: 0 auto; /* padding: 200px 0; */ position: relative; display: flex; justify-content: space-between; gap: 10rem; } #widget_1729603562787 .text-container { /* width: calc(50% + 50px); */ width: 45%; } #widget_1729603562787 .text-container .scroll-text { max-width: 600px; /* margin: 0 auto; */ padding-top: 20vh; padding-bottom: 20vh; opacity: 0.3; transition: opacity .3s ease; } #widget_1729603562787 .text-container .scroll-text.active { opacity: 1; } #widget_1729603562787 .text-container .scroll-text:first-child { padding-top: 50vh; } #widget_1729603562787 .text-container .scroll-text:last-child { padding-bottom: 50vh; } #widget_1729603562787 .text-container .content-title { margin-bottom: 32px; } #widget_1729603562787 .text-container .scroll-text p, #widget_1729603562787 .text-sm-screen p { color: #81808A; } #widget_1729603562787 .text-sm-screen { display: none; } /* IMAGE */ #widget_1729603562787 .images-container { /* width: calc(50% - 50px); */ width: 40%; height: 100vh; display: flex; align-items: center; position: sticky; position: -webkit-sticky; top: 43px; /* top: 0; */ } #widget_1729603562787 .img-bg { width: 100%; height: 100%; position: relative; border-radius: 0 16px 16px 0; z-index: -1; background-color: rgba(246, 249, 252, 1); } #widget_1729603562787 .images-container figure { width: 100%; max-height: 732px; height: 100%; margin: auto; display: flex; visibility: hidden; position: absolute; top: 0; bottom: 0; transition: .3s !important; opacity: 0; } #widget_1729603562787 .images-container figure.active { visibility: visible; opacity: 1; } #widget_1729603562787 figure.scroll-video { max-height: 532px; } #widget_1729603562787 .images-container img, #widget_1729603562787 .images-container video { position: absolute; right: 0; } #widget_1729603562787 .images-container img { object-fit: contain; right: -120px; } /* Responsive */ @media (min-width: 1820px) { #widget_1729603562787 .section-top { max-width: 40vw; margin-left: 10vw; padding-left: 0; } #widget_1729603562787 figure.scroll-img { margin-left: 1vw; } #widget_1729603562787 figure.scroll-video { margin-left: 10vw; } } @media (max-width: 1820px) { #widget_1729603562787 figure.scroll-video { max-height: 432px; } #widget_1729603562787 .images-container img, #widget_1729603562787 .images-container video { right: -100px; } } @media (max-width: 1200px) { #widget_1729603562787 figure.scroll-video { max-height: 332px; } } @media (max-width: 991px) { #widget_1729603562787 .module-container { padding-left: 5%; } #widget_1729603562787 .section-top { width: 100%; padding-left: 0; } #widget_1729603562787 .section-top .title { margin-bottom: 20px; } #widget_1729603562787 .scroller_module_widget_1729603562787 { flex-direction: column; position: unset; } #widget_1729603562787 .text-sm-screen { display: block; } #widget_1729603562787 .text-sm-screen .content-title { font-weight: 400; margin-bottom: 9px; } #widget_1729603562787 .images-container { flex-direction: column; width: 100%; align-items: start; height: auto; position: unset; position: -webkit-unset; gap: 23px; z-index: 1; } #widget_1729603562787 .img-bg { background-color: transparent; height: auto; } #widget_1729603562787 .images-container figure { margin: 23px 0; position: unset; height: 100%; width: 100%; max-width: 412px; } #widget_1729603562787 .images-container figure:nth-of-type(1) { margin-top: 0; } #widget_1729603562787 .images-container figure, #widget_1729603562787 .img-bg div { visibility: visible; opacity: 1; } #widget_1729603562787 .images-container img, #widget_1729603562787 .images-container video { margin-left: 0; position: unset; } #widget_1729603562787 .text-sm-screen { margin-bottom: 32px; } #widget_1729603562787 .images-container .text-sm-screen:nth-last-of-type(1) { margin-bottom: 0; } #widget_1729603562787 .text-container { display: none; } } @media (max-width: 743px) { #widget_1729603562787 { } } </style> <style> #widget_1732655207392 { background-color: rgba(255, 255, 255, 1); } #widget_1732655207392 a { text-decoration: none; cursor: auto; } #widget_1732655207392 a.hover-link { cursor: pointer; } #widget_1732655207392 figure { display: flex; margin: 0; } #widget_1732655207392 img { width: 100%; height: 100%; object-fit: cover; } #widget_1732655207392 .module-container { width: 100%; margin: 0 auto; } #widget_1732655207392 .content { display: grid; grid-template-columns: repeat(1, 1fr); align-items: start; } #widget_1732655207392 .flex { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } #widget_1732655207392 .title h2 { color: rgba(25, 25, 37, 1); text-align: left; } #widget_1732655207392 .subtitle { } #widget_1732655207392 .subtitle h2 { text-align: left; } #widget_1732655207392 .richtext { } #widget_1732655207392 .body { display: grid; /* grid-auto-rows: 1fr; */ grid-template-columns: repeat(3, 1fr); column-gap: 25px; row-gap: 20px; } #widget_1732655207392 .card { position: relative; } #widget_1732655207392 .card-logo, #widget_1732655207392 .text-area { position: absolute; z-index: 2; width: 100% } #widget_1732655207392 .card-logo { bottom: 0; left: 50%; transform: translateX(-50%); } #widget_1732655207392 .video-card { position: relative; } #widget_1732655207392 .video-wrap { display: flex; } #widget_1732655207392 .play-btn { width: 25%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; z-index: 3; cursor: pointer; } #widget_1732655207392 .video-wrap video { object-fit: cover; height: 100%; width: 100%; aspect-ratio: 3 / 2; } #widget_1732655207392 .img-card { position: relative; display: flex; z-index: 0; } #widget_1732655207392 .img-bg-color { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } /* Video Overlay */ #widget_1732655207392 #video-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; background-color: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; transform: translateY(100%); transition: all .3s; cursor: pointer; } #widget_1732655207392 .popup-video { position: fixed; top: 50%; left: 50%; transform: translate(-50%, 100%); z-index: 1001; width: 80%; opacity: 0; visibility: hidden; transition: all .35s; } #widget_1732655207392 #video-overlay.active, #widget_1732655207392 .popup-video.active { opacity: 1; visibility: visible; } #widget_1732655207392 #video-overlay.active { transform: translateY(0); } #widget_1732655207392 .popup-video.active { transform: translate(-50%, -50%); } /* CTA Button */ #widget_1732655207392 .cta-button { align-self: center; } #widget_1732655207392 .cta-button a { cursor: pointer; text-align: center; } #widget_1732655207392 .button-sm { display: none; } /* Responsive */ /* @media (max-width: 991px) { */ @media (max-width: 991px) { #widget_1732655207392 .module-container { } #widget_1732655207392 .content { grid-template-columns: repeat(1, 1fr); } #widget_1732655207392 .flex { margin-bottom: 20px; } #widget_1732655207392 .subtitle { } #widget_1732655207392 .richtext { } #widget_1732655207392 .body { grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 10px; } #widget_1732655207392 .popup-video { width: 90%; } } @media (max-width: 743px) { #widget_1732655207392 { } #widget_1732655207392 .flex { flex-direction: column; align-items: start; } #widget_1732655207392 .cta-button { width: 100%; } #widget_1732655207392 .cta-button a { width: -webkit-fill-available; } #widget_1732655207392 .top .cta-button { display: none; } #widget_1732655207392 .button-sm { display: block; margin-top: 20px; } #widget_1732655207392 .body { grid-template-columns: 1fr; } #widget_1732655207392 .popup-video { width: 100%; } } </style> <style> #widget_1729599449084 { background-color: rgba(255, 255, 255, 1); } #widget_1729599449084 .cta-wrapper { /* height: 338px; */ display: grid; grid-template-columns: 1fr auto; align-items: center; justify-content: space-between; width: 100%; overflow: hidden; border-radius: 16.694px; background: linear-gradient(150deg, rgba(245, 126, 32, 1) 4.05%, rgba(241, 91, 93, 1) 99.27%); padding-top: 64px; padding-right: 80px; padding-bottom: 64px; padding-left: 80px; ; } #widget_1729599449084 .cta-text-area { display: flex; max-width: 880px; flex-direction: column; justify-content: flex-end; align-items: flex-start; flex-shrink: 0; } #widget_1729599449084 .cta-title { text-align: left; } #widget_1729599449084 .cta-title h2 { color: rgba(255, 255, 255, 1); font-weight: 600; line-height: 1.16; } #widget_1729599449084 .cta-text { max-width: 606.189px; } #widget_1729599449084 .cta-text p { color: #FFF; font-size: 24px; font-style: normal; font-weight: 300; line-height: 116%; /* 27.84px */ } #widget_1729599449084 .cta-button .button { width: max-content; font-size: 16px; } /* Responsive */ @media screen and (max-width: 991px) { #widget_1729599449084 .module-container { padding: 0; } #widget_1729599449084 .cta-wrapper { height: auto; grid-template-columns: 1fr; align-items: start; border-radius: 0; padding: 56px 5%; gap: 36px; } #widget_1729599449084 .cta-text p { font-size: 18px; } #widget_1729599449084 .cta-button, #widget_1729599449084 .cta-button .button { width: -webkit-fill-available; } } </style> <style> #widget_1729599470905 { justify-content: center; align-items: flex-start; display: flex; background-color: rgba(243, 240, 237, 1); border-radius: 80px 80px 0 0; } #widget_1729599470905 .feature_wrapper { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } #widget_1729599470905 .side-menu { display: none; } #widget_1729599470905 .list { position: sticky; top: 140px; padding: 0px; display: grid; gap: 10px; } #widget_1729599470905 .content { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } #widget_1729599470905 .feature_container { position: relative; z-index: 1; display: flex; width: 100%; flex-direction: column; } #widget_1729599470905 .section-top { width: %; } #widget_1729599470905 .section-top h2 { color: rgba(25, 25, 37, 1); } /* Image Scroller */ #widget_1729599470905 .scroller_module_widget_1729599470905 { width: 100%; margin: 0 auto; position: relative; display: flex; justify-content: space-between; gap: 96px; } #widget_1729599470905 .text-container { width: 50%; display: grid; row-gap: 36px; /* padding-bottom: 50vh; */ } #widget_1729599470905 .text-container .scroll-area { padding: 40px; border-radius: 15px; background: rgba(255, 255, 255, 0.60); } #widget_1729599470905 .text-container .content-title { margin-bottom: 24px; font-weight: 400; line-height: 125%; /* 40px */ letter-spacing: -0.96px; } /* IMAGE */ #widget_1729599470905 .images-container { width: 50%; height: 100%; /* display: flex; align-items: center; */ position: sticky; position: -webkit-sticky; top: 104px; } #widget_1729599470905 .images-container .sticky-img { margin: auto; } #widget_1729599470905 .sticky-img img { max-width: 100%; height: 100%; object-fit: cover; border-radius: 16px; } /* Responsive */ /* @media (max-width: 991px) { */ @media (max-width: 991px) { #widget_1729599470905 { border-radius: 0; } #widget_1729599470905 .side-menu { margin-right: 30px; } #widget_1729599470905 .section-top { width: 100%; } #widget_1729599470905 .section-top h2 { line-height: 1.093; margin-bottom: 0; } #widget_1729599470905 .scroller_module_widget_1729599470905 { flex-direction: column; gap: 56px; } #widget_1729599470905 .sticky-img { display: none; } #widget_1729599470905 .text-container { width: 100%; row-gap: 16px; padding-bottom: 0; } #widget_1729599470905 .images-container { flex-direction: column; width: 100%; align-items: start; height: auto; position: unset; gap: 23px; } } </style> <style> #widget_1729600281924 { background-color: rgba(243, 240, 237, 1); } #widget_1729600281924 .section-top { width: 45%; } #widget_1729600281924 .section-top h2 { color: rgba(10, 10, 23, 1); margin-bottom: 72px; } #widget_1729600281924 .section-top .highlight { color: rgba(252, 126, 0, 1); } #widget_1729600281924 .section-bottom { display: flex; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; align-self: stretch; } #widget_1729600281924 .accordion { background-color: rgba(255, 255, 255, 1); width: 100%; padding: 20px 24px; cursor: pointer; border-radius: 8px; transition: all .3s; } #widget_1729600281924 .faq-q-area { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 8px 0; } #widget_1729600281924 .accordion:hover, #widget_1729600281924 .accordion:active, #widget_1729600281924 .accordion.is-open { background-color: rgba(255, 255, 255, 1); } #widget_1729600281924 .faq-question { color: rgba(10, 10, 23, 1); font-weight: 700; line-height: 125%; /* 30px */ letter-spacing: -0.72px; transition: all .3s; } #widget_1729600281924 .accordion:hover .faq-question, #widget_1729600281924 .accordion:active .faq-question, #widget_1729600281924 .accordion.is-open .faq-question { color: rgba(252, 126, 0, 1); } #widget_1729600281924 .accordion .button { position: relative; width: 15px; height: 15px; cursor: pointer; transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1); } #widget_1729600281924 .accordion .button:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 3px; width: 15px; border-radius: 5px; background: rgba(10, 10, 23, 1); } #widget_1729600281924 .accordion .button:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 15px; width: 3px; border-radius: 5px; background: rgba(10, 10, 23, 1); } #widget_1729600281924 .accordion:hover .button:before, #widget_1729600281924 .accordion:hover .button:after, #widget_1729600281924 .accordion:active .button:before, #widget_1729600281924 .accordion:active .button:after, #widget_1729600281924 .accordion.is-open .button:before, #widget_1729600281924 .accordion.is-open .button:after { background: rgba(252, 126, 0, 1); } #widget_1729600281924 .accordion.is-open .button { transform: rotate(180deg); } #widget_1729600281924 .accordion.is-open .button:before { width: 0; } #widget_1729600281924 .faq-a-area { max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out; } #widget_1729600281924 .faq-answer { padding: 20px 24px 20px 0; } /* Responsive */ @media (max-width: 991px) { #widget_1729600281924 .section-top { width: 100%; } #widget_1729600281924 .section-top h2 { margin-bottom: 20px; } } </style> <style> #Simple_Footer { width: 100%; background-color: #0a0a17; } #Simple_Footer p { margin: 0; } #Simple_Footer a { text-decoration: none; transition: all .3s; } #Simple_Footer figure { margin: 0; } #Simple_Footer .module-container { padding-bottom: 0; margin: auto; } #Simple_Footer .footer-section { padding-top: 88px; padding-bottom: 40px; border-top: 1px solid #838399; } #Simple_Footer .footer-top-wrapper { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; gap: 20px; } #Simple_Footer .section-left { width: 50% } #Simple_Footer .footer-logo { width: 40%; margin-bottom: 42px; } #Simple_Footer .footer-title { background: linear-gradient(90deg, #F57E20 0%, #F15B5D 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 75%; } #Simple_Footer .info-link { display: inline-block; width: 35%; line-height: 1.5; margin-top: 42px; } #Simple_Footer .info-link--1 { color: rgba(255, 255, 255, 1); } #Simple_Footer .footer-social-wrapper { display: flex; gap: 8px; /* justify-content: center; */ align-items: center; padding-top: 42px; padding-bottom: 0px; } #Simple_Footer .footer-social-wrapper a:hover span, #Simple_Footer .footer-social-wrapper a:hover img { animation: shake .25s infinite; } @keyframes shake { 0% { transform:translate(0); } 25% { transform:translate(2px) rotate(5deg); } 50% { transform:translate(0, 0); } 75% { transform:translate(-2px) rotate(-5deg); } 100% { transform:translate(0); } } #Simple_Footer .footer-social-wrapper span { display: inline-block; width: 30px; height: 30px; } #Simple_Footer .section-right { display: flex; justify-content: space-around; width: 50%; } #Simple_Footer .col-module { display: flex; justify-content: space-between; width: 100%; gap: 10px; } #Simple_Footer .col-title { margin-bottom: 20px; color: rgba(255, 255, 255, 1); font-weight: bold; text-align: start; } #Simple_Footer .col-module ul { flex-direction: column; gap: 13px; align-items: start; } #Simple_Footer .col-module ul a { color: rgba(255, 255, 255, 1); } #Simple_Footer .col-module ul a:hover { color: rgba(252, 126, 0, 1); } #Simple_Footer .col-3 a { text-align: center; font-size: 0.784rem; border-radius: 50%; width: 143px; height: 143px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 25px; padding: 10px; border: 3px solid transparent; } /* Footer Bottom */ #Simple_Footer .footer-bottom-wrapper { margin-top: 140px; } #Simple_Footer .footer-logo a { display: block; } #Simple_Footer .footer-copyright-wrapper { display: flex; justify-content: space-between; align-items: center; } #Simple_Footer .footer-copyright p { font-size: 0.75rem; color: rgba(255, 255, 255, 1); } #Simple_Footer .footer-site-authorship a { font-size: 0.75rem; color: rgba(255, 255, 255, 1); } #Simple_Footer .footer-site-authorship a:hover { color: rgba(252, 126, 0, 1); } /****** Responsive ******/ /* @media (max-width: 991px) { */ @media (max-width: 991px) { #Simple_Footer .footer-section { padding-top: 16px; } #Simple_Footer .footer-top-wrapper { flex-direction: column; align-items: center; gap: 38px; margin-bottom: 10px; } #Simple_Footer .footer-title { width: 100%; } #Simple_Footer .section-left, #Simple_Footer .section-right { width: 100%; } #Simple_Footer .section-right { margin-bottom: 10px; } #Simple_Footer .col-module { flex-wrap: wrap; flex-direction: row; justify-content: start; row-gap: 38px; column-gap: 49px; } #Simple_Footer .col-3 { order: -1; flex: 1 0 100%; } #Simple_Footer .col-3 a { font-size: 0.615rem; width: 120px; height: 120px; } #Simple_Footer .arrow-mark path { width: 28.8px; height: 1.4px; } #Simple_Footer .footer-logo { margin: 42px 0; } #Simple_Footer .footer-bottom-wrapper { margin-top: 48px; } } @media (max-width: 532px) { #Simple_Footer .info-link { width: 50%; } } </style> <style> @font-face { font-family: "Inter"; font-weight: 500; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/500.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/500.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/600.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/600.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/700.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/700.woff") format("woff"); } </style>  <style id="hs_editor_style" type="text/css"> /* HubSpot Styles (default) */ .dnd_area-row-0-padding { padding-bottom: 100px !important; } .dnd_area-row-0-background-layers { background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-1-background-layers { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-6-background-layers { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } </style>  <script> var _hsp = window._hsp = window._hsp || []; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} var useGoogleConsentModeV2 = true; var waitForUpdateMillis = 1000; var hsLoadGtm = function loadGtm() { if(window._hsGtmLoadOnce) { return; } if (useGoogleConsentModeV2) { gtag('set','developer_id.dZTQ1Zm',true); gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'wait_for_update': waitForUpdateMillis }); _hsp.push(['useGoogleConsentModeV2']) } (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MGTSWRF'); window._hsGtmLoadOnce = true; }; _hsp.push(['addPrivacyConsentListener', function(consent){ if(consent.allowed || (consent.categories && consent.categories.analytics)){ hsLoadGtm(); } }]); </script>  <link rel="canonical" href="https://www.momentumm.co/agence-production-video-montreal"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ProfessionalService", "name": "Momentumm", "image": "https://www.momentumm.co/hs-fs/hubfs/preview-1.png?width=50&name=preview-1.png", "@id": "https://momentumm.co", "url": "https://momentumm.co", "telephone": "514-647-9961", "address": { "@type": "PostalAddress", "streetAddress": "4035 rue saint-ambroise, suite 405", "addressLocality": "Montréal", "addressRegion": "QC", "postalCode": "H4C2E1", "addressCountry": "CA" }, "geo": { "@type": "GeoCoordinates", "latitude": 45.47727769999999, "longitude": -73.59266339999999 }, "openingHoursSpecification": { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens": "09:00", "closes": "17:00" }, "sameAs": [ "https://www.facebook.com/momentummMTL", "https://www.instagram.com/momentumm_mtl/", "https://www.youtube.com/channel/UCNLxKgZaSr3xY9cqR3YAYDQ", "https://www.linkedin.com/company/11787184/" ], "aggregateRating": { "@type": "AggregateRating", "ratingValue": "5.0", // Replace with your actual average rating "reviewCount": "53" // Replace with your actual total number of reviews } } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-RB4LBQDG66"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RB4LBQDG66'); </script> <meta property="og:url" content="https://www.momentumm.co/agence-production-video-montreal"> <meta name="twitter:card" content="summary"> <meta http-equiv="content-language" content="fr"> <link rel="alternate" hreflang="en" href="https://www.momentumm.co/en/video-production-company-montreal"> <link rel="alternate" hreflang="fr" href="https://www.momentumm.co/agence-production-video-montreal"> <meta name="generator" content="HubSpot"></head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MGTSWRF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div data-global-resource-path="Elan-Momentumm/templates/partials/simple-header.html"><header class="header"> <a href="#main-content" class="header__skip">Skip to content</a> <div class="container-fluid content-wrapper-top"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> </div> </div> </div> </div> <div id="hs_cos_wrapper_Simple_Header" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  <div id="Simple_Header"> <div class="module-container content-wrapper"> <div class="header-wrapper"> <div class="header-top">  <div class="header-logo"> <a href="https://www.momentumm.co"> <img class="custom-logo" src="https://www.momentumm.co/hubfs/logo-light%20(2).png" alt="logo-light (2)"> </a> </div> <div class="header-menu-btn"> <button>Menu</button> <div class="x-icon"> <svg width="51" height="52" viewbox="0 0 51 52" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.9023 51.7039C39.7095 51.7039 50.9023 40.2456 50.9023 26.111C50.9023 11.9764 39.7095 0.518066 25.9023 0.518066C12.0952 0.518066 0.902344 11.9764 0.902344 26.111C0.902344 40.2456 12.0952 51.7039 25.9023 51.7039ZM15.1616 37.2842C14.2806 36.3823 14.2806 34.92 15.1616 34.0181L22.8872 26.1092L15.1626 18.2014C14.2816 17.2995 14.2816 15.8372 15.1626 14.9353C16.0436 14.0334 17.472 14.0334 18.353 14.9353L26.0777 22.8431L33.8026 14.935C34.6836 14.0331 36.112 14.0331 36.9931 14.935C37.8741 15.8369 37.8741 17.2992 36.9931 18.2011L29.2681 26.1092L36.994 34.0184C37.875 34.9203 37.875 36.3826 36.994 37.2845C36.113 38.1864 34.6846 38.1864 33.8036 37.2845L26.0777 29.3753L18.3521 37.2842C17.4711 38.1861 16.0426 38.1861 15.1616 37.2842Z" fill="rgba(255, 255, 255, 1)" /> </svg> </div> </div> </div>  <nav>  <a class="nav-btn" href="https://www.momentumm.co/contactez-nous">Contactez-nous</a>  <ul class="main-menu level-0" aria-hidden="false"> <li class="has-submenu menu-item"> <a href="" onclick="event.preventDefault();" class="menu-link-wrapper"> <span class="menu-link">Services</span> <span class="menu-arrow"> <svg width="41" height="41" viewbox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 0.342775C9.4543 0.342776 0.499997 9.29708 0.499998 20.3428C0.499999 31.3885 9.45431 40.3428 20.5 40.3428C31.5457 40.3428 40.5 31.3885 40.5 20.3428C40.5 9.29708 31.5457 0.342774 20.5 0.342775ZM21.453 30.151L30.9989 20.605C31.5847 20.0193 31.5847 19.0695 30.9989 18.4837C30.4131 17.8979 29.4634 17.8979 28.8776 18.4837L21.8923 25.469L21.8923 11.5952L18.8923 11.5952L18.8923 25.469L11.9071 18.4837C11.3213 17.8979 10.3715 17.8979 9.78573 18.4837C9.19995 19.0695 9.19995 20.0193 9.78573 20.605L19.3317 30.151C19.9175 30.7368 20.8672 30.7368 21.453 30.151Z" fill="rgba(253, 224, 224, 1)" /> </svg> </span> </a> <ul class="submenu level-1" aria-hidden="true"> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/agence-hubspot-montreal">HubSpot</a> </li> <li class="no-submenu menu-item"> <a class="menu-link active-item" href="https://www.momentumm.co/agence-production-video-montreal" aria-current="page">Production Vidéo</a> </li> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/agence-seo-montreal">SEO</a> </li> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/agence-conception-site-web-montreal">Conception Web</a> </li> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/agence-publicite-numerique">Publicité numérique</a> </li> </ul> </li> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/a-propos">L’agence</a> </li> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/portfolio">Portfolio</a> </li> </ul>  <div class="header__language-switcher--wrapper"> <span id="hs_cos_wrapper_Simple_Header_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_language_switcher" style="" data-hs-cos-general-type="widget" data-hs-cos-type="language_switcher"><div class="lang_switcher_class"> <div class="globe_class" onclick=""> <ul class="lang_list_class"> <li> <a class="lang_switcher_link" data-language="fr" lang="fr" href="https://www.momentumm.co/agence-production-video-montreal">Français</a> </li> <li> <a class="lang_switcher_link" data-language="en" lang="en" href="https://www.momentumm.co/en/video-production-company-montreal">English</a> </li> </ul> </div> </div></span> <div class="header__language-switcher header__element"> <div class="header__language-switcher--label"> <div id="simple_language_switcher_button"></div> </div> </div> </div> </nav> </div> </div> <div class="overlay"></div> </div> <script> document.addEventListener("DOMContentLoaded", function() { const hasSubmenus = document.querySelectorAll(".has-submenu"); const menuBtn = document.querySelector("#Simple_Header .header-menu-btn button"); const xIcon = document.querySelector("#Simple_Header .x-icon"); const navMenu = document.querySelector("#Simple_Header nav"); const overlay = document.querySelector("#Simple_Header .overlay"); hasSubmenus.forEach(hasSubmenu => { const menuLinkWrapper = hasSubmenu.querySelector(".menu-link-wrapper"); menuLinkWrapper.addEventListener("click", function(event) { event.stopPropagation(); toggleAccordion(hasSubmenu); if (hasSubmenu.querySelectorAll('.submenu').length > 0) { // Close other submenus when one is opened hasSubmenus.forEach(menu => { if (menu !== hasSubmenu) { toggleAccordion(menu, false); } }); } }); }); // Accordion-style toggle function function toggleAccordion(element, forceState) { const submenu = element.querySelector(".submenu"); const menuArrow = element.querySelector(".menu-arrow"); // If a forceState is provided (true or false), apply it if (forceState === true) { openAccordion(element, submenu); } else if (forceState === false) { closeAccordion(element, submenu); } else { // Toggle the state when clicked if (submenu.style.maxHeight) { closeAccordion(element, submenu); } else { openAccordion(element, submenu); } } } // Open accordion function function openAccordion(element, submenu) { submenu.style.maxHeight = submenu.scrollHeight + "px"; submenu.classList.add("show"); const menuArrow = element.querySelector(".menu-arrow"); menuArrow.classList.add("open"); addShowClassToLinks(element); if (navMenu.querySelector('.show')) { navMenu.classList.add("active"); } } // Close accordion function function closeAccordion(element, submenu) { submenu.style.maxHeight = null; submenu.classList.remove("show"); const menuArrow = element.querySelector(".menu-arrow"); menuArrow.classList.remove("open"); removeShowClassFromLinks(element); if (!navMenu.querySelector('.show')) { navMenu.classList.remove("active"); } } // Add the "show" class to menu links function addShowClassToLinks(element) { const menuLinks = element.querySelectorAll(".menu-link"); menuLinks.forEach(menuLink => { menuLink.classList.add("show"); }); } // Remove the "show" class from menu links function removeShowClassFromLinks(element) { const menuLinks = element.querySelectorAll(".menu-link"); menuLinks.forEach(menuLink => { menuLink.classList.remove("show"); }); } // Menu Button menuBtn.addEventListener("click", function() { menuBtn.classList.add("show"); navMenu.classList.add("show"); xIcon.classList.add("show"); overlay.classList.add("show"); lenis.stop(); }); xIcon.addEventListener("click", function() { menuBtn.classList.remove("show"); navMenu.classList.remove("show"); xIcon.classList.remove("show"); overlay.classList.remove("show"); lenis.start(); }); overlay.addEventListener("click", function() { menuBtn.classList.remove("show"); navMenu.classList.remove("show"); xIcon.classList.remove("show"); overlay.classList.remove("show"); lenis.start(); }); }); // Language Switcher const langEls = document.querySelectorAll('.lang_switcher_link'); const currPage = window.location.href.split('?')[0]; const switcherButton = document.querySelector('#simple_language_switcher_button'); for (let i = 0; i < langEls.length; i++) { if (langEls[i].href == currPage) { langEls[i].style.display = "none"; } else { if (!switcherButton.contains(langEls[i])) { switcherButton.appendChild(langEls[i]); } langEls[i].style.display = "block"; } if (false) { langEls[i].innerHTML = langEls[i].innerHTML.substring(0, 2); } } // Transsparent when Scrolling window.addEventListener('scroll', function() { const header = document.querySelector('header'); const scrollPosition = window.scrollY || document.documentElement.scrollTop; if (scrollPosition > 10) { header.classList.add('transparent'); } else { header.classList.remove('transparent'); } }); </script></div> </header></div> <div class="body-wrapper smooth-scroll-wrapper"> <main id="main-content"> <div class="container-fluid body-container body-container--home"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd_area-row-0-background-color dnd_area-row-0-background-layers dnd-section dnd_area-row-0-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17256469017823" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  <div id="module_17256469017823" class="wrapper"> <div class="module-container"> <div class="body"> <div class="hero-left"> <div class="text-wrap"> <div class="title"> <h1 class="style-h1"> Agence de production vidéo Montréal </h1> </div> <div class="subtitle"> <h2 class="style-h2"> Production vidéo à Montréal au service de votre marque </h2> </div>  <div class="text-area"> <div class="text-rich-content"> <div> <p><span style="color: #ffffff;">Notre agence de production vidéo à Montréal crée des contenus vidéo sur mesure qui reflètent les valeurs de votre entreprise. En travaillant ensemble, nous donnons vie à vos idées pour que vous vous connectiez avec votre marché cible.</span></p> <br> <p><span style="color: #ffffff;">Débutez votre production vidéo avec notre agence dès maintenant !</span></p> </div> <div class="text-rich-content-button"> <a class="cta-secondary" href="https://www.momentumm.co/contactez-nous">Contactez-nous</a> </div> </div> </div> </div> </div> <div class="img-wrap"> <div class="hero-img-container"> <picture class="hero-img"> <source srcset="https://www.momentumm.co/hs-fs/hubfs/Images%20services/Video/agence-production-video-hero.webp?width=1200&name=agence-production-video-hero.webp 1200w" media="(min-width: 769px)"> <img src="https://www.momentumm.co/hs-fs/hubfs/Images%20services/Video/agence-production-video-hero.webp?width=575&name=agence-production-video-hero.webp" alt="aaagence-production-video-hero" loading="eager" decoding="async" sizes="(max-width: 768px) 100vw, (min-width: 769px) 1200px"> </picture> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd_area-row-1-background-color dnd-section dnd_area-row-1-background-layers"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17296252850204" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  <div id="module_17296252850204"> <div class="module-container"> <div class="top"> <div class="title"> <h2> Accélérez l'atteinte de vos objectifs avec notre agence de production vidéo à Montréal </h2> </div> </div> <div class="body"> <div class="video-container"> <video autoplay playsinline muted loop preload="metadata" class="hero-video"> <source src="https://www.momentumm.co/hubfs/MOMENTUMM%20WEBSITE%20REEL%20V6%20(BLACK).mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/MOMENTUMM%20WEBSITE%20REEL%20V6%20(BLACK).mp4" type="video/webm"> </video> </div>  <div id="video-overlay"> <video controls playsinline preload="none" class="popup-video"> <source src="https://www.momentumm.co/hubfs/MOMENTUMM%20WEBSITE%20REEL%20V6%20(BLACK).mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/MOMENTUMM%20WEBSITE%20REEL%20V6%20(BLACK).mp4" type="video/webm"> </video> </div> </div> <div class="bottom fade-up" style="gap: 20px;"> <div class="item-list" style="width: 50%;"> <h3 class="item" style=" font-weight: 700;"> La production vidéo : <br>Un élément clé pour votre marketing </h3> </div> <div class="bottom-rich-content" style="width: 45%;"> <p><span style="color: #ffffff;">En produisant des vidéos qui captent l'attention et renforcent l'image de votre marque auprès de votre public cible, notre agence de production vidéo à Montréal aide votre entreprise à se distinguer sur un marché compétitif.</span></p> <br> <p><span style="color: #ffffff;">Confiez-nous la gestion de votre stratégie vidéo pour augmenter votre visibilité et maximiser l'impact de votre marque.</span></p> <div class="bottom-rich-content-button"> <a class="cta-secondary">Parlons-en</a> </div> </div> </div> </div> </div>  <script> document.addEventListener("DOMContentLoaded", function() { const playBtn = document.querySelector("#module_17296252850204 #play-btn"); const overlay = document.querySelector("#module_17296252850204 #video-overlay"); const video = overlay.querySelector(".popup-video"); video.volume = 0.1; if (playBtn) { playBtn.addEventListener("click", function() { if (!video.paused) return; video.play(); overlay.classList.add("active"); video.classList.add("active"); if (typeof lenis !== "undefined") lenis.stop(); }); } if (overlay) { overlay.addEventListener("click", function(event) { if (event.target === overlay) { video.pause(); overlay.classList.remove("active"); video.classList.remove("active"); if (typeof lenis !== "undefined") lenis.start(); } }); } }); </script></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1729603562787" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  <div id="widget_1729603562787"> <div class="feature_wrapper module-container"> <div class="side-menu"> <ul class="list"> <li> <div class="sticky_list">Side Menu</div> </li> <li> <div class="sticky_list">Side Menu</div> </li> <li> <div class="sticky_list">Side Menu</div> </li> <li> <div class="sticky_list">Side Menu</div> </li> </ul> </div>  <div class="content"> <div class="feature_container"> <div class="section-top"> <h2 class="title"> Nos services de <span class="highlight">production vidéo</span> </h2> </div>  <div class="scroller_module_widget_1729603562787"> <div class="images-container"> <div class="img-bg"> <figure class="scroll-img "> <img src="https://www.momentumm.co/hubfs/Images%20services/Video/agence-production-video-marketing.webp" alt="agence-production-video-marketing" loading="lazy" style="border-radius: 0px;"> </figure> <div class="text-sm-screen"> <h3 class="content-title scroll-title" style="color: rgba(10, 10, 23, 1);"> Vidéo marketing et promotionnelle </h3> <p>Conçue pour capter rapidement l’attention, la <strong>vidéo marketing/promotionnelle</strong> met en avant des produits, des services ou des offres spécifiques.</p> <p> </p> <p>Son objectif est d'inciter à l'action en générant un intérêt immédiat et en attirant de nouveaux clients.</p> <p> </p> <p>Ce type de vidéo est idéal pour les campagnes publicitaires sur les réseaux sociaux, les pages de vente et les newsletters.</p> </div> <figure class="scroll-img "> <img src="https://www.momentumm.co/hubfs/Images%20services/Video/agence-production-video-formation.webp" alt="agence-production-video-formation" loading="lazy" style="border-radius: 0px;"> </figure> <div class="text-sm-screen"> <h3 class="content-title scroll-title" style="color: rgba(10, 10, 23, 1);"> Vidéo corporative </h3> <p>La <a href="/agence-production-video-corporative-montreal" rel="noopener">vidéo corporative</a> présente une vue d’ensemble de votre entreprise, en mettant en avant ses valeurs, sa mission et ses engagements.</p> <p> </p> <p>Ce format permet d'intégrer, par exemple, des témoignages d’employés, des extraits de projets, ou encore des événements internes.</p> <p> </p> <p>Grâce à ces éléments, vous transmettez à vos partenaires commerciaux, aux futurs candidats et aux investisseurs un aperçu de votre culture d'entreprise.</p> </div> <figure class="scroll-img "> <img src="https://www.momentumm.co/hubfs/Images%20services/Video/agence-production-video-animee.webp" alt="agence-production-video-animee" loading="lazy" style="border-radius: 0px;"> </figure> <div class="text-sm-screen"> <h3 class="content-title scroll-title" style="color: rgba(10, 10, 23, 1);"> Vidéo animée </h3> <p>La <a href="/agence-production-video-animee-montreal" rel="noopener">vidéo animée</a> est un format idéal pour rendre des informations plus visuelles et engageantes.</p> <p> </p> <p>Ce type de vidéo s’adapte bien à divers contenus, qu’il s’agisse d’expliquer le fonctionnement d’un produit, d’illustrer des données ou de présenter une idée de façon dynamique.</p> <p> </p> <p>Grâce à des animations et des visuels clairs, votre message devient plus facile à comprendre et à retenir.</p> </div> <figure class="scroll-img "> <img src="https://www.momentumm.co/hubfs/Images%20services/Video/agence-production-video-corporative.webp" alt="agence-production-video-corporative" loading="lazy" style="border-radius: 0px;"> </figure> <div class="text-sm-screen"> <h3 class="content-title scroll-title" style="color: rgba(10, 10, 23, 1);"> Vidéo de formation </h3> <p>La <strong>vidéo de formation</strong> est un moyen pratique de diffuser des connaissances de manière uniforme.</p> <p> </p> <p>Elle garantit que chacun accède aux mêmes informations, que ce soit pour introduire de nouveaux processus, expliquer l’utilisation d’un produit ou former de nouveaux collaborateurs.</p> <p> </p> <p>Ce format rend l’apprentissage accessible et facile à suivre.</p> </div> </div> </div> <div class="text-container"> <div class="scroll-text"> <h3 class="content-title scroll-title" style="color: rgba(10, 10, 23, 1);"> Vidéo marketing et promotionnelle </h3> <p>Conçue pour capter rapidement l’attention, la <strong>vidéo marketing/promotionnelle</strong> met en avant des produits, des services ou des offres spécifiques.</p> <p> </p> <p>Son objectif est d'inciter à l'action en générant un intérêt immédiat et en attirant de nouveaux clients.</p> <p> </p> <p>Ce type de vidéo est idéal pour les campagnes publicitaires sur les réseaux sociaux, les pages de vente et les newsletters.</p> </div> <div class="scroll-text"> <h3 class="content-title scroll-title" style="color: rgba(10, 10, 23, 1);"> Vidéo corporative </h3> <p>La <a href="/agence-production-video-corporative-montreal" rel="noopener">vidéo corporative</a> présente une vue d’ensemble de votre entreprise, en mettant en avant ses valeurs, sa mission et ses engagements.</p> <p> </p> <p>Ce format permet d'intégrer, par exemple, des témoignages d’employés, des extraits de projets, ou encore des événements internes.</p> <p> </p> <p>Grâce à ces éléments, vous transmettez à vos partenaires commerciaux, aux futurs candidats et aux investisseurs un aperçu de votre culture d'entreprise.</p> </div> <div class="scroll-text"> <h3 class="content-title scroll-title" style="color: rgba(10, 10, 23, 1);"> Vidéo animée </h3> <p>La <a href="/agence-production-video-animee-montreal" rel="noopener">vidéo animée</a> est un format idéal pour rendre des informations plus visuelles et engageantes.</p> <p> </p> <p>Ce type de vidéo s’adapte bien à divers contenus, qu’il s’agisse d’expliquer le fonctionnement d’un produit, d’illustrer des données ou de présenter une idée de façon dynamique.</p> <p> </p> <p>Grâce à des animations et des visuels clairs, votre message devient plus facile à comprendre et à retenir.</p> </div> <div class="scroll-text"> <h3 class="content-title scroll-title" style="color: rgba(10, 10, 23, 1);"> Vidéo de formation </h3> <p>La <strong>vidéo de formation</strong> est un moyen pratique de diffuser des connaissances de manière uniforme.</p> <p> </p> <p>Elle garantit que chacun accède aux mêmes informations, que ce soit pour introduire de nouveaux processus, expliquer l’utilisation d’un produit ou former de nouveaux collaborateurs.</p> <p> </p> <p>Ce format rend l’apprentissage accessible et facile à suivre.</p> </div> </div> </div>  </div> </div> </div> </div> <script> // Initialize loader window.addEventListener("load", widget_1729603562787loader); function widget_1729603562787startScroller() { const offset = 180; // Add click event listener to each link const links = document.querySelectorAll('#widget_1729603562787 .sticky_list'); const triggers = document.querySelectorAll('#widget_1729603562787 .scroll-text'); links.forEach((link, index) => { link.addEventListener("click", (event) => { event.preventDefault(); const trigger = triggers[index]; if (trigger) { const position = trigger.getBoundingClientRect().top + window.pageYOffset - offset; window.scrollTo({ top: position, behavior: "smooth" }); } }); }); // Add ScrollTrigger to highlight active trigger const modules = document.querySelectorAll(`#widget_1729603562787 .scroller_module_widget_1729603562787`); modules.forEach((module) => { const childTriggers = module.querySelectorAll('.scroll-text'); const childTargets = module.querySelectorAll('.scroll-img'); // Function to switch active class function widget_1729603562787makeItemActive(index) { childTriggers.forEach((trigger) => trigger.classList.remove("active")); childTargets.forEach((target) => target.classList.remove("active")); if (childTriggers[index]) childTriggers[index].classList.add("active"); if (childTargets[index]) childTargets[index].classList.add("active"); } widget_1729603562787makeItemActive(0); // First item is active by default // Create ScrollTriggers childTriggers.forEach((trigger, index) => { ScrollTrigger.create({ trigger: trigger, start: "top center", end: "bottom center", onToggle: (self) => { if (self.isActive) { widget_1729603562787makeItemActive(index); } } }); }); }); } // Loader function function widget_1729603562787loader() { if (typeof ScrollTrigger !== "undefined") { widget_1729603562787startScroller(); } else { setTimeout(widget_1729603562787loader, 250); } } </script></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17256487568645" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1732655207392" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div id="widget_1732655207392"> <div class="module-container"> <div class="content"> <div class="top"> <div class="flex"> <div class="headings"> <div class="title"> <h2> Quelques réalisations en production vidéo </h2> </div> </div> <div class="cta-button"> <a class="cta-primary" href="https://www.momentumm.co/portfolio?filter=video">Portfolio</a> </div> </div> </div> <div class="body"> <div class="card"> <div class="video-card"> <div class="video-wrap"> <video poster="https://www.momentumm.co/hubfs/Videos/THUMBNAILS/01.%20Groupe%20Mackay%20-%20Vendeur%20(THUMBNAIL).png" muted loop playsinline preload="metadata" class="card-video" style="border-radius: 16px;"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/01.%20Groupe%20Mackay%20-%20Vendeur%20(FRN).mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/01.%20Groupe%20Mackay%20-%20Vendeur%20(FRN).mp4" type="video/webm"> </video> </div> <figure class="play-btn"> <img src="https://46733006.fs1.hubspotusercontent-na1.net/hubfs/46733006/play_button.png" alt="play_button" loading="lazy"> </figure> </div> <div class="text-area" style="text-align: center; padding: 5%; bottom: 0; "> <h3 style="color: rgba(255, 255, 255, 1); font-size: 1.5rem;"> Groupe Mackay </h3> </div> <div class="img-bg-color" style=" border-radius: 16px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); "> </div> <video controls playsinline preload="none" class="popup-video"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/01.%20Groupe%20Mackay%20-%20Vendeur%20(FRN).mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/01.%20Groupe%20Mackay%20-%20Vendeur%20(FRN).mp4" type="video/webm"> </video> </div> <div class="card"> <div class="video-card"> <div class="video-wrap"> <video poster="https://www.momentumm.co/hubfs/Videos/THUMBNAILS/02.%20TW%2090%20sec%20(THUMBNAIL).png" muted loop playsinline preload="metadata" class="card-video" style="border-radius: 16px;"> <source src="https://www.momentumm.co/hubfs/TW%2090%20sec%20%20(With%20Davinci%20Grade)_FINAL.mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/TW%2090%20sec%20%20(With%20Davinci%20Grade)_FINAL.mp4" type="video/webm"> </video> </div> <figure class="play-btn"> <img src="https://46733006.fs1.hubspotusercontent-na1.net/hubfs/46733006/play_button.png" alt="play_button" loading="lazy"> </figure> </div> <div class="text-area" style="text-align: center; padding: 5%; bottom: 0; "> <h3 style="color: rgba(255, 255, 255, 1); font-size: 1.5rem;"> The Burgundy Classic </h3> </div> <div class="img-bg-color" style=" border-radius: 16px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); "> </div> <video controls playsinline preload="none" class="popup-video"> <source src="https://www.momentumm.co/hubfs/TW%2090%20sec%20%20(With%20Davinci%20Grade)_FINAL.mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/TW%2090%20sec%20%20(With%20Davinci%20Grade)_FINAL.mp4" type="video/webm"> </video> </div> <div class="card"> <div class="video-card"> <div class="video-wrap"> <video poster="https://www.momentumm.co/hubfs/Astor-v1-%20-%201200x620.png" muted loop playsinline preload="metadata" class="card-video" style="border-radius: 16px;"> <source src="https://www.momentumm.co/hubfs/ASTOR%20VIDEO%20%20(FINAL)%20White%20Logo.mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/ASTOR%20VIDEO%20%20(FINAL)%20White%20Logo.mp4" type="video/webm"> </video> </div> <figure class="play-btn"> <img src="https://46733006.fs1.hubspotusercontent-na1.net/hubfs/46733006/play_button.png" alt="play_button" loading="lazy"> </figure> </div> <div class="text-area" style="text-align: center; padding: 5%; bottom: 0; "> <h3 style="color: rgba(255, 255, 255, 1); font-size: 1.5rem;"> Astor </h3> </div> <div class="img-bg-color" style=" border-radius: 16px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); "> </div> <video controls playsinline preload="none" class="popup-video"> <source src="https://www.momentumm.co/hubfs/ASTOR%20VIDEO%20%20(FINAL)%20White%20Logo.mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/ASTOR%20VIDEO%20%20(FINAL)%20White%20Logo.mp4" type="video/webm"> </video> </div> <div class="card"> <div class="video-card"> <div class="video-wrap"> <video poster="https://www.momentumm.co/hubfs/Videos/THUMBNAILS/03.%20BNC%20-%20GROUPE%20MAHEUX%20-%20S%C3%89GUIN%20-%20DEUX%20MAISON%20(THUMBNAIL).png" muted loop playsinline preload="metadata" class="card-video" style="border-radius: 16px;"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/03.%20BNC%20-%20GROUPE%20MAHEUX%20-%20S%C3%89GUIN%20-%20DEUX%20MAISON%20%20(FRN).mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/03.%20BNC%20-%20GROUPE%20MAHEUX%20-%20S%C3%89GUIN%20-%20DEUX%20MAISON%20%20(FRN).mp4" type="video/webm"> </video> </div> <figure class="play-btn"> <img src="https://46733006.fs1.hubspotusercontent-na1.net/hubfs/46733006/play_button.png" alt="play_button" loading="lazy"> </figure> </div> <div class="text-area" style="text-align: center; padding: 5%; bottom: 0; "> <h3 style="color: rgba(255, 255, 255, 1); font-size: 1.5rem;"> Groupe Maheux-Séguin </h3> </div> <div class="img-bg-color" style=" border-radius: 16px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); "> </div> <video controls playsinline preload="none" class="popup-video"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/03.%20BNC%20-%20GROUPE%20MAHEUX%20-%20S%C3%89GUIN%20-%20DEUX%20MAISON%20%20(FRN).mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/03.%20BNC%20-%20GROUPE%20MAHEUX%20-%20S%C3%89GUIN%20-%20DEUX%20MAISON%20%20(FRN).mp4" type="video/webm"> </video> </div> <div class="card"> <div class="video-card"> <div class="video-wrap"> <video poster="https://www.momentumm.co/hubfs/Videos/THUMBNAILS/04.%2040%20Accross%20-%20Lancement%20Kickstarter%20(THUMBNAIL).png" muted loop playsinline preload="metadata" class="card-video" style="border-radius: 16px;"> <source src="https://www.momentumm.co/hubfs/40%20Accross%20V4%20(FINAL).mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/40%20Accross%20V4%20(FINAL).mp4" type="video/webm"> </video> </div> <figure class="play-btn"> <img src="https://46733006.fs1.hubspotusercontent-na1.net/hubfs/46733006/play_button.png" alt="play_button" loading="lazy"> </figure> </div> <div class="text-area" style="text-align: center; padding: 5%; bottom: 0; "> <h3 style="color: rgba(255, 255, 255, 1); font-size: 1.5rem;"> 40across </h3> </div> <div class="img-bg-color" style=" border-radius: 16px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); "> </div> <video controls playsinline preload="none" class="popup-video"> <source src="https://www.momentumm.co/hubfs/40%20Accross%20V4%20(FINAL).mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/40%20Accross%20V4%20(FINAL).mp4" type="video/webm"> </video> </div> <div class="card"> <div class="video-card"> <div class="video-wrap"> <video poster="https://www.momentumm.co/hubfs/Videos/THUMBNAILS/05.%20Sting%20Security%20(FRN)%20(THUMBNAIL).png" muted loop playsinline preload="metadata" class="card-video" style="border-radius: 16px;"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/05.%20Sting%20Security%20(FRN).mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/05.%20Sting%20Security%20(FRN).mp4" type="video/webm"> </video> </div> <figure class="play-btn"> <img src="https://46733006.fs1.hubspotusercontent-na1.net/hubfs/46733006/play_button.png" alt="play_button" loading="lazy"> </figure> </div> <div class="text-area" style="text-align: center; padding: 5%; bottom: 0; "> <h3 style="color: rgba(255, 255, 255, 1); font-size: 1.5rem;"> Sécurité Sting </h3> </div> <div class="img-bg-color" style=" border-radius: 16px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); "> </div> <video controls playsinline preload="none" class="popup-video"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/05.%20Sting%20Security%20(FRN).mp4" type="video/mp4"> <source src="https://www.momentumm.co/hubfs/Videos/LIVE%20VIDEO/05.%20Sting%20Security%20(FRN).mp4" type="video/webm"> </video> </div> </div> <div id="video-overlay"></div> <div class="cta-button button-sm"> <a class="cta-primary" href="https://www.momentumm.co/portfolio?filter=video">Portfolio</a> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { const overlay = document.querySelector("#widget_1732655207392 #video-overlay"); const playBtns = document.querySelectorAll("#widget_1732655207392 .play-btn"); playBtns.forEach((btn) => { btn.addEventListener("click", function () { const activeVideo = document.querySelector("#widget_1732655207392 .popup-video.active"); if (activeVideo) { activeVideo.pause(); activeVideo.classList.remove("active"); } const card = btn.closest(".card"); const videoToPlay = card.querySelector(".popup-video"); videoToPlay.volume = 0.1; overlay.classList.add("active"); videoToPlay.classList.add("active"); videoToPlay.play(); if (typeof lenis !== "undefined") lenis.stop(); }); }); overlay.addEventListener("click", function () { overlay.classList.remove("active"); const activeVideo = document.querySelector("#widget_1732655207392 .popup-video.active"); if (activeVideo) { activeVideo.pause(); activeVideo.classList.remove("active"); } if (typeof lenis !== "undefined") lenis.start(); }); }); </script></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1729599449084" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  <div id="widget_1729599449084"> <div class="module-container"> <div class="cta-wrapper"> <div class="cta-text-area"> <div class="cta-title"> <h2> Créons du momentumm pour votre entreprise avec notre production vidéo </h2> </div> </div> <div class="cta-button"> <a class="button cta-tertiary" href="https://www.momentumm.co/contactez-nous"> Parlons-en </a> </div> </div> </div> </div></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section dnd_area-row-6-background-layers dnd_area-row-6-background-color"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1729599470905" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  <div id="widget_1729599470905"> <div class="feature_wrapper module-container"> <div class="side-menu"> <ul class="list"> <li> <a id="sticky_list" class="1">Pré-production</a> </li> <li> <a id="sticky_list" class="2">Production</a> </li> <li> <a id="sticky_list" class="3">Post-production</a> </li> <li> <a id="sticky_list" class="4">Promotion</a> </li> </ul> </div>  <div class="content"> <div class="feature_container">  <div class="scroller_module_widget_1729599470905"> <div class="images-container"> <div class="section-top"> <h2>Notre processus de production vidéo à Montréal</h2> </div> </div> <div class="text-container"> <div id="scroll-text1" class="scroll-area"> <h3 class="content-title scroll-title" style="color: rgba(48, 48, 64, 1);"> Pré-production </h3> <p><span style="color: #81808a;">Dans un premier temps, nous définissons les objectifs de votre projet et le public cible. </span></p> <p> </p> <p><span style="color: #81808a;">Cette étape permet de poser les bases de la création, avant de passer à l’élaboration du scénario et du script, en mettant en avant les éléments essentiels. </span></p> <p> </p> <p><span style="color: #81808a;">Nous réalisons ensuite un storyboard pour structurer la production vidéo et valider la ligne artistique, en veillant à respecter vos attentes.</span></p> </div> <div id="scroll-text2" class="scroll-area"> <h3 class="content-title scroll-title" style="color: rgba(48, 48, 64, 1);"> Production </h3> <p><span style="color: #81808a;">Après la phase de pré-production, nous entamons la réalisation de votre vidéo.</span></p> <p> </p> <p><span style="color: #81808a;">Pour les vidéos filmées, cette étape comprend le tournage, que ce soit sur votre lieu de production ou dans notre studio. Nous assurons une captation complète avec tout l’équipement nécessaire pour répondre aux objectifs de votre projet.</span></p> <p> </p> <p><span style="color: #81808a;">Quant aux vidéos animées, nous mettons l’accent sur les illustrations et le motion design pour obtenir le rendu souhaité. </span></p> <p> </p> <p><span style="color: #81808a;">Dans les deux cas, si une voix-off est nécessaire, nous sélectionnons les artistes et garantissons un enregistrement de qualité.</span></p> </div> <div id="scroll-text3" class="scroll-area"> <h3 class="content-title scroll-title" style="color: rgba(48, 48, 64, 1);"> Post-production </h3> <p><span style="color: #81808a;">La post-production inclut la sélection des meilleures prises, le montage, l'étalonnage des couleurs, l'ajout de texte et d'éléments visuels spécifiques, ainsi que l'intégration de motion design, le tout complété par les révisions nécessaires.</span></p> </div> <div id="scroll-text4" class="scroll-area"> <h3 class="content-title scroll-title" style="color: rgba(48, 48, 64, 1);"> Promotion </h3> <p><span style="color: #81808a;">Notre <a href="https://www.momentumm.co/agence-marketing-inbound-montreal" rel="noopener" style="color: #81808a;">agence de marketing numérique</a> va au-delà de la simple production vidéo. </span></p> <p> </p> <p><span style="color: #81808a;">En effet, nous exploitons notre expertise en communication digitale pour optimiser votre retour sur investissement, en mettant en œuvre des stratégies destinées à promouvoir vos vidéos sur les canaux numériques, comme les réseaux sociaux et votre site web.</span></p> </div> </div> </div>  </div> </div> </div> </div> <script> </script></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-16 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1729600281924" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">  <div id="widget_1729600281924"> <div class="module-container"> <div class="section-top"> <h2> FAQ sur nos <span class="highlight">services de production vidéo à Montréal</span> </h2> </div> <div class="section-bottom"> <div class="accordion"> <div class="faq-q-area"> <h3 class="style-p faq-question"> Combien coûte la réalisation d'une vidéo pour mon entreprise ? </h3> <div class="button"></div> </div> <div class="faq-a-area"> <div class="faq-answer"> <div id="content-1" aria-hidden="true"> <p><span style="color: #81808a;">Chez Momentumm, le coût des productions varie selon plusieurs facteurs. Ce coût varie en fonction du message à transmettre, de l'audience ciblée et des objectifs spécifiques que vous souhaitez atteindre. </span></p> <p> </p> <p><span style="color: #81808a;">De la pré-production, en passant par le tournage et jusqu'au montage final, le savoir faire de notre équipe pourra vous guider dans les différents éléments guidant le prix d'un projet de production vidéo.</span></p> <p> </p> <p><span style="color: #81808a;">Voici quelques autres éléments qui vont influencer directement le <a href="https://www.momentumm.co/blogue/combien-coute-la-production-video-a-montreal" rel="noopener" style="color: #81808a;">coût de votre production vidéo</a> :</span></p> <p> </p> <ul> <li><span style="color: #81808a;"><strong>Durée de la vidéo</strong> : Plus la vidéo est longue, plus elle nécessitera de temps de production et donc de ressources.<br><br></span></li> <li><span style="color: #81808a;"><strong>Complexité du contenu</strong> : Des éléments comme des effets spéciaux, des animations complexes ou des scènes multiples peuvent augmenter le tarif.<br><br></span></li> <li><span style="color: #81808a;"><strong>Type de production</strong> : Les frais varient en fonction du lieu (studio, extérieur, etc.) et des besoins en matériel (drones, éclairages, micros, prompteur, etc…)<br><br></span></li> <li><span style="color: #81808a;"><strong>Nombre de séances</strong> : Plusieurs séances peuvent être nécessaires pour capturer différents aspects du projet.<br><br></span></li> <li><span style="color: #81808a;"><strong>Besoins en personnel</strong> : Le nombre de membres de l'équipe nécessaire pour la captation vidéo et la post-production.<br><br></span></li> <li><span style="color: #81808a;"><strong>Talent</strong> : Engager des acteurs, des narrateurs ou d'autres talents pour la vidéo peut ajouter au montant final.<br><br></span></li> <li><span style="color: #81808a;"><strong>Musique et droits d'auteurs</strong> : L'utilisation de musique sous licence ou la création de compositions originales.<br><br></span></li> <li><span style="color: #81808a;"><strong>Montage et post-production</strong> : Le temps nécessaire pour éditer la vidéo, ajouter des effets, ajuster le son, etc.<br><br></span></li> <li><span style="color: #81808a;"><strong>Frais de déplacement</strong> : Les coûts liés aux déplacements de l'équipe de tournage sur les lieux.<br><br></span></li> <li><span style="color: #81808a;"><strong>Format de livraison</strong> : La vidéo sera-t-elle livrée dans un format standard ou nécessitera-t-elle des versions adaptées à différents canaux de diffusion ?</span></li> </ul> </div> </div> </div> </div> <div class="accordion"> <div class="faq-q-area"> <h3 class="style-p faq-question"> Quel est le délai moyen pour un projet de production vidéo ? </h3> <div class="button"></div> </div> <div class="faq-a-area"> <div class="faq-answer"> <div id="content-2" aria-hidden="true"> <p style="color: #81808a;">En fonction des spécificités de chaque projet, comme la complexité, le type de contenu, la durée et la qualité de la vidéo, ainsi que les exigences de post-production et d'animation, le délai de production de votre vidéo avec notre agence à Montréal varie.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">En général, ce processus prend entre <strong>3 et 6 semaines en moyenne</strong>.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Cependant, des ajustements sont possibles selon la disponibilité des ressources et l'urgence du projet.</p> </div> </div> </div> </div> <div class="accordion"> <div class="faq-q-area"> <h3 class="style-p faq-question"> Qu'est-ce qui différencie Momentumm des autres agences de production vidéo à Montréal ? </h3> <div class="button"></div> </div> <div class="faq-a-area"> <div class="faq-answer"> <div id="content-3" aria-hidden="true"> <p style="color: #81808a;">Bien plus qu’une simple agence de production vidéo à Montréal, notre mission est d'aider les entreprises à se démarquer de la concurrence. Nous travaillons main dans la main avec nos clients, de la conception à la diffusion de leurs vidéos.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">À chaque étape, nous donnons vie à vos idées, créons les scripts, élaborons les scénarios et assurons la réalisation complète de votre projet.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Grâce à notre expertise en marketing numérique, nous vous proposons bien plus qu’un simple service de production vidéo.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">En parallèle, nous mettons en place une stratégie de promotion sur les plateformes en ligne et les supports stratégiques. L’objectif étant de renforcer votre visibilité et d’optimiser votre retour sur investissement.</p> </div> </div> </div> </div> <div class="accordion"> <div class="faq-q-area"> <h3 class="style-p faq-question"> Est-ce que je dois connaître toutes les spécificités de mon projet vidéo avant de débuter ? </h3> <div class="button"></div> </div> <div class="faq-a-area"> <div class="faq-answer"> <div id="content-4" aria-hidden="true"> <p style="color: #81808a;">Non, pas nécessairement. Même si avoir une vision générale peut être utile, notre équipe spécialisée en production vidéo vous accompagne à chaque étape de vos réalisations. </p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Nous nous chargeons de tous les aspects de la production, y compris la scénarisation, la réalisation, la préproduction, le tournage, la direction artistique, le mixage sonore et l'éclairage.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Grâce à notre expertise, nous offrons une production vidéo adaptée à vos besoins spécifiques.</p> </div> </div> </div> </div> <div class="accordion"> <div class="faq-q-area"> <h3 class="style-p faq-question"> Est-ce que vous collaborez avec des acteurs du Québec ? </h3> <div class="button"></div> </div> <div class="faq-a-area"> <div class="faq-answer"> <div id="content-5" aria-hidden="true"> <p style="color: #81808a;">En tant qu'<strong>agence de production vidéo à Montréal</strong>, nous travaillons avec de nombreux acteurs de l'industrie vidéographique à travers tout le Québec.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Que vous soyez à Montréal ou dans une autre région, nous nous déplaçons pour répondre à vos besoins. </p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Notre volonté est de vous fournir un service complet et de qualité, où que vous soyez dans la province.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Nous sommes fiers de contribuer au dynamisme et à la diversité de l'industrie de la production vidéo au Québec.</p> </div> </div> </div> </div> <div class="accordion"> <div class="faq-q-area"> <h3 class="style-p faq-question"> Comment choisir la meilleure entreprise de production vidéo à Montréal pour mon projet corporatif ? </h3> <div class="button"></div> </div> <div class="faq-a-area"> <div class="faq-answer"> <div id="content-6" aria-hidden="true"> <p style="color: #81808a;">Pour choisir la meilleure <strong>agence de production vidéo à Montréal</strong> pour votre projet corporatif, commencez par définir clairement vos objectifs et le message que vous souhaitez transmettre.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Ensuite, recherchez une agence dont l'expertise correspond à vos besoins spécifiques en termes de tournage, de montage et de création de contenu.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;"><strong>Évaluez les productions précédentes de l’agence</strong>. Regardez si leur style et la qualité de leurs vidéos correspondent à l'image que vous voulez projeter. La diversité des services offerts, comme l'animation, la réalisation de films ou la communication digitale, peut également être un critère déterminant.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;"><strong>Prenez le temps de rencontrer l'équipe</strong>. Une bonne communication avec les professionnels chargés de votre projet est essentielle pour garantir que votre vision soit bien comprise et réalisée.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;"><strong>Assurez-vous que l’agence a l’expérience nécessaire</strong> pour gérer des projets corporatifs et qu’elle peut vous accompagner tout au long du processus, de la création à la finalisation des vidéos.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Enfin, <strong>considérez les retours d’autres entreprises</strong> ayant travaillé avec cette agence. Un service client de qualité et un processus de production bien structuré sont des éléments qui contribuent à la réussite de votre projet.</p> </div> </div> </div> </div> <div class="accordion"> <div class="faq-q-area"> <h3 class="style-p faq-question"> Comment mesurer la qualité d'une production vidéo réalisée par une agence à Montréal ? </h3> <div class="button"></div> </div> <div class="faq-a-area"> <div class="faq-answer"> <div id="content-7" aria-hidden="true"> <p style="color: #81808a;">D'abord, <strong>examinez la clarté et la pertinence du message véhiculé</strong>. La vidéo doit transmettre les objectifs de votre entreprise de manière claire.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Ensuite, évaluez la qualité des images et du son. Chez Momentumm, nous veillons à ce que nos <strong>productions vidéos soient de qualité</strong>, que ce soit en termes d’images, d’éclairage ou de son. Nos montages, quant à eux, sont créatifs et maintiennent l'attention du spectateur.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Comme mentionné, la créativité contribue à la qualité d'une vidéo. C'est pourquoi nous nous assurons que notre <strong>production vidéo</strong> se distingue par son originalité tout en restant alignée avec votre stratégie de communication.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">De plus, nous sommes en mesure de fournir des éléments visuels animés qui dynamisent l'ensemble.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Pensez aussi à la réaction de votre audience. Une <strong>vidéo de qualité suscite des interactions positives</strong>, que ce soit en termes de commentaires, de partages ou de vues.</p> <p style="color: #81808a;"> </p> <p style="color: #81808a;">Enfin, <strong>considérez la manière dont la vidéo s'intègre à vos autres supports de communication</strong>. La cohérence avec votre image de marque et vos autres contenus est essentielle pour maximiser l'impact de la production.</p> </div> </div> </div> </div> <div class="accordion"> <div class="faq-q-area"> <h3 class="style-p faq-question"> Quelles sont les différences entre une production vidéo et une animation à Montréal ?  </h3> <div class="button"></div> </div> <div class="faq-a-area"> <div class="faq-answer"> <h4>Nature du contenu produit<br><br></h4> <ul> <li><span style="color: #81808a;"><strong>Production vidéo</strong> : Ce type de contenu repose sur des prises de vues réelles, souvent réalisées en studio ou lors d'un tournage sur le terrain. <br><br>L’équipe utilise des caméras pour filmer des scènes réelles et des interactions humaines.<br><br><br></span></li> <li><span style="color: #81808a;"><strong>Animation</strong> : En revanche l’animation, consiste à créer des images en motion design ou en conception graphique.<br><br></span></li> </ul> <h4>Processus de réalisation<br><br></h4> <ul> <li><span style="color: #81808a;"><strong>Production vidéo :</strong> Le processus commence par la pré-production (définition des objectifs, scénario, storyboard et planification du tournage), suivie de la production (captation d’images et de son), puis de la postproduction (montage, effets visuels et traitement sonore). L’objectif est de créer une vidéo alignée avec la stratégie de communication du client.<br><br></span></li> <li><span style="color: #81808a;"><strong>Animation</strong> : Pour l’animation, le processus débute également par un storyboard.  <br><br>Ensuite, notre équipe utilise des logiciels spécialisés pour concevoir des animations adaptées à votre projet. <br><br>Ce format convient particulièrement aux publicités web, tutoriels et vidéos de formation pour transmettre des informations de manière visuelle et attrayante.<br><br></span></li> </ul> <h4>Applications et objectifs<br><br></h4> <ul> <li><span style="color: #81808a;"><strong>Production vidéo</strong> : Ce format est souvent privilégié pour des projets où le lien humain est central, comme les témoignages clients, les vidéos d’entreprise ou les événements à Montréal et dans tout le Québec.<br><br></span></li> <li><span style="color: #81808a;"><strong>Animation</strong> : L’animation est idéale pour simplifier des processus complexes ou pour créer des contenus visuels accrocheurs, parfaits pour les campagnes sur les réseaux sociaux ou les présentations produits.</span></li> </ul> </div> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { const accordions = document.querySelectorAll("#widget_1729600281924 .accordion"); accordions.forEach(function(accordion) { accordion.addEventListener("click", function() { this.classList.toggle("is-open"); let answer = this.lastElementChild; if (answer.style.maxHeight) { answer.style.maxHeight = null; } else { answer.style.maxHeight = answer.scrollHeight + "px"; } }); }); }); </script></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <div data-global-resource-path="Elan-Momentumm/templates/partials/simple-footer.html"><div id="hs_cos_wrapper_Simple_Footer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <footer id="Simple_Footer"> <div class="module-container"> <div class="footer-section"> <div class="footer-top-wrapper">  <div class="section-left"> <div class="footer-logo"> <figure> <img src="https://www.momentumm.co/hubfs/logo-light.svg" class="hs-site-logo" alt="logo-light" loading="lazy"> </figure> </div> <div class="section-text-area"> <p class="footer-title style-h4">Une agence de marketing web à Montréal dédiée à votre succès.</p> <a class="info-link info-link--1" href="https://www.google.com/maps/place/MOMENTUMM/@45.4759538,-73.583411,17z/data=!3m1!4b1!4m6!3m5!1s0x4cc9239527e25ca1:0x6406aadeb844d5f9!8m2!3d45.4759538!4d-73.5808361!16s%2Fg%2F11f9v9k07_?entry=ttu&g_ep=EgoyMDI1MDEyNy4wIKXMDSoASAFQAw%3D%3D">4035 St-Ambroise #405 <br>Montréal QC H4C 2E1</a> </div>  <div class="footer-social-wrapper"> <a href="https://www.facebook.com/momentummMTL" aria-label="Visitez notre page Facebook"> <img src="https://www.momentumm.co/hubfs/MMTMM%20Social%20Icons%20Svg/Facebook.svg" alt="" loading="lazy"> </a> <a href="https://www.instagram.com/momentumm_mtl/" aria-label="Visitez notre profil Instagram"> <img src="https://www.momentumm.co/hubfs/MMTMM%20Social%20Icons%20Svg/Instagram.svg" alt="Instagram" loading="lazy"> </a> <a href="https://www.youtube.com/@momentumm_mtl" aria-label="Visitez notre page YouTube"> <img src="https://www.momentumm.co/hubfs/MMTMM%20Social%20Icons%20Svg/Youtube.svg" alt="Youtube" loading="lazy"> </a> <a href="https://www.linkedin.com/company/momentumm-digital/" aria-label="Visitez notre page LinkedIn"> <img src="https://www.momentumm.co/hubfs/MMTMM%20Social%20Icons%20Svg/Linkedin.svg" alt="Linkedin" loading="lazy"> </a> </div> </div>  <div class="section-right"> <div class="col-module"> <div class="column col-1"> <p class="col-title"> Services </p> <span id="hs_cos_wrapper_Simple_Footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_Simple_Footer_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu" class="active-branch"> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/agence-hubspot-montreal" role="menuitem" target="_self">Hubspot et Inbound Marketing</a></li> <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.momentumm.co/agence-production-video-montreal" role="menuitem" target="_self">Production vidéo</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/agence-conception-site-web-montreal" role="menuitem" target="_self">Conception Web</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/agence-publicite-numerique" role="menuitem" target="_self">Publicité numérique</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/agence-seo-montreal" role="menuitem" target="_self">Référencement Organique (SEO)</a></li> </ul> </div></span> </div> <div class="column col-2"> <p class="col-title"> À propos </p> <span id="hs_cos_wrapper_Simple_Footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_Simple_Footer_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/a-propos" role="menuitem" target="_self">L'agence</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/portfolio" role="menuitem" target="_self">Projets</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/blogue" role="menuitem" target="_self">Blogue</a></li> </ul> </div></span> </div> <div class="column col-3"> <a class="cta-secondary" href="https://www.momentumm.co/contactez-nous"> Travaillons ensemble <span class="arrow-mark"> <svg width="43" height="15" viewbox="0 0 43 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path id="Arrow 1" d="M1 6.37988C0.447715 6.37988 4.82823e-08 6.8276 0 7.37988C-4.82823e-08 7.93217 0.447715 8.37988 1 8.37988L1 6.37988ZM42.7071 8.08699C43.0976 7.69647 43.0976 7.0633 42.7071 6.67278L36.3431 0.308818C35.9526 -0.0817063 35.3195 -0.0817064 34.9289 0.308818C34.5384 0.699342 34.5384 1.33251 34.9289 1.72303L40.5858 7.37989L34.9289 13.0367C34.5384 13.4273 34.5384 14.0604 34.9289 14.451C35.3195 14.8415 35.9526 14.8415 36.3431 14.451L42.7071 8.08699ZM1 8.37988L42 8.37989L42 6.37989L1 6.37988L1 8.37988Z" fill="rgba(255, 255, 255, 1)" /> </svg> </span> </a> </div> </div> </div> </div>  <div class="footer-bottom-wrapper">  <div class="footer-copyright-wrapper"> <div class="footer-copyright"> <p> Momentumm © 2025 </p> </div> <div class="footer-site-authorship"> <a href="https://www.momentumm.co/politique-de-confidentialite"> Politique de confidentialité </a> </div> </div> </div> </div> </div> </footer></div></div> </div> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@latest/bundled/lenis.min.js"></script>  <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script src="https://www.momentumm.co/hs-fs/hubfs/hub_generated/template_assets/1/174336411292/1738885656066/template_main.min.js"></script> <script> var hsVars = hsVars || {}; hsVars['language'] = 'fr'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script> <script async src="https://unpkg.co/gsap@3/dist/gsap.min.js"></script> <script async src="https://unpkg.com/gsap@3/dist/ScrollTrigger.min.js"></script>  <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/www.momentumm.co\/agence-production-video-montreal"]); _hsq.push(["setPageId", "115332775558"]); _hsq.push(["setContentMetadata", { "contentPageId": 115332775558, "legacyPageId": "115332775558", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 115332775558, "languageCode": "fr", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/8404273.js"></script>  <script type="text/javascript"> var hsVars = { render_id: "6a644b0a-00cc-4e35-b134-38b5736d878e", ticks: 1739767424144, page_id: 115332775558, content_group_id: 0, portal_id: 8404273, app_hs_base_url: "https://app.hubspot.com", cp_hs_base_url: "https://cp.hubspot.com", language: "fr", analytics_page_type: "standard-page", scp_content_type: "", analytics_page_id: "115332775558", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.393/js/index.js"></script> <script type="text/javascript" src="//cdn.callrail.com/companies/705677342/21ded9bbb5d8523ea4b2/12/swap.js"></script> </body></html>

CINXE.COM

Agence de Production Vidéo à Montréal | Momentumm