1<!doctype html> 2<html class="html" lang="en-GB"> 3 <head> 4
4<script type="text/javascript" src="/wp-content/themes/beaucoup/tarteaucitron/tarteaucitron.js"></script>
vendor: 1 bytes, line 4
4
5<script type="text/javascript"> 6 window.tarteaucitronForceLanguage = 'en' 7 8 var tarteaucitronCustomText = { 9 acceptAll: 'Accept', 10 denyAll: 'Refuse', 11 personalize: 'Preferences', 12 title: 'Cookie preferences', 13 alertBigPrivacy: 'By clicking on "Accept", you accept the installation of cookies on your browser in order to improve your browsing experience and the acquisition of statistics. Visit our Legal Notices for more informations.' 14 } 15 16 tarteaucitron.init({ 17 "privacyUrl": "", /* Privacy policy url */ 18 "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ 19 "cookieName": "tarteaucitron", /* Cookie name */ 20 "orientation": "bottom", /* Banner position (top - bottom) */ 21 "groupServices": false, /* Group services by category */ 22 "showAlertSmall": false, /* Show the small banner on bottom right */ 23 "cookieslist": false, /* Show the cookie list */ 24 "closePopup": false, /* Show a close X on the banner */ 25 "showIcon": false, /* Show cookie icon to manage cookies */ 26 // "iconSrc": "../images/svg/arrow-bold.svg", /* Optionnal: URL or base64 encoded image */ 27 // "iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */ 28 "adblocker": false, /* Show a Warning if an adblocker is detected */ 29 "DenyAllCta" : false, /* Show the deny all button */ 30 "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */ 31 "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */ 32 "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ 33 "removeCredit": true, /* Remove credit link */ 34 "moreInfoLink": false, /* Show more info link */ 35 "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */ 36 "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */ 37 "readmoreLink": "", /* Change the default readmore link */ 38 "mandatory": true, /* Show a message about mandatory cookies */ 39 }); 40</script>
40 41 42
42<script type="text/javascript"> 43 tarteaucitron.user.gtagUa ='G-KRWCZG7650'; 44 tarteaucitron.user.gtagMore = function () {}; 45 (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); 46 </script>
46 47 <meta charset="utf-8"> 48 <meta name="viewport" content="width=device-width, initial-scale=1"> 49 <link rel="apple-touch-icon" sizes="57x57" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-57x57.png"> 50 <link rel="apple-touch-icon" sizes="60x60" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-60x60.png"> 51 <link rel="apple-touch-icon" sizes="72x72" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-72x72.png"> 52 <link rel="apple-touch-icon" sizes="76x76" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-76x76.png"> 53 <link rel="apple-touch-icon" sizes="114x114" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-114x114.png"> 54 <link rel="apple-touch-icon" sizes="120x120" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-120x120.png"> 55 <link rel="apple-touch-icon" sizes="144x144" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-144x144.png"> 56 <link rel="apple-touch-icon" sizes="152x152" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-152x152.png"> 57 <link rel="apple-touch-icon" sizes="180x180" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-180x180.png"> 58 <link rel="icon" type="image/png" sizes="144x144" href="/wp-content/themes/beaucoup/resources/favicon/android-chrome-144x144.png"> 59 <link rel="icon" type="image/png" sizes="192x192" href="/wp-content/themes/beaucoup/resources/favicon/android-chrome-192x192.png"> 60 <link rel="icon" type="image/png" sizes="512x512" href="/wp-content/themes/beaucoup/resources/favicon/android-chrome-512x512.png"> 61 <link rel="icon" type="image/png" sizes="16x16" href="/wp-content/themes/beaucoup/resources/favicon/favicon-16x16.png"> 62 <link rel="icon" type="image/png" sizes="32x32" href="/wp-content/themes/beaucoup/resources/favicon/favicon-32x32.png"> 63 <link rel="icon" type="image/png" sizes="48x48" href="/wp-content/themes/beaucoup/resources/favicon/favicon-48x48.png"> 64 <link rel="manifest" href="/wp-content/themes/beaucoup/resources/favicon/manifest.webmanifest"> 65 <meta name="msapplication-TileColor" content="#ffffff"> 66 <meta name="msapplication-TileImage" content="/wp-content/themes/beaucoup/resourcesfavicon/mstile-144x144.png"> 67 <meta name="theme-color" content="#ffffff"> 68 69 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 70<link rel="alternate" href="https://firstframe.fr/" hreflang="en" /> 71<link rel="alternate" href="https://firstframe.fr/fr/" hreflang="fr" /> 72<link rel="alternate" href="https://firstframe.fr/fr/" hreflang="x-default" /> 73 74 <!-- This site is optimized with the Yoast SEO plugin v23.8 - https://yoast.com/wordpress/plugins/seo/ --> 75 <title>FIRST FRAME ⢠Creative Production & Post-Production ⢠Paris</title> 76 <meta name="description" content="Creative production and post-production studio based in Paris. Advertising, brand content, documentary, corporate. Clients : Netflix, Deezer, YouTube, Qonto." /> 77 <link rel="canonical" href="https://firstframe.fr/" /> 78 <meta property="og:locale" content="en_GB" /> 79 <meta property="og:locale:alternate" content="fr_FR" /> 80 <meta property="og:type" content="website" /> 81 <meta property="og:title" content="FIRST FRAME ⢠Creative Production & Post-Production ⢠Paris" /> 82 <meta property="og:description" content="Creative production and post-production studio based in Paris. Advertising, brand content, documentary, corporate. Clients : Netflix, Deezer, YouTube, Qonto." /> 83 <meta property="og:url" content="https://firstframe.fr/" /> 84 <meta property="og:site_name" content="First Frame" /> 85 <meta property="article:modified_time" content="2026-08-06T10:50:31+00:00" /> 86 <meta name="twitter:card" content="summary_large_image" /> 87
87<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://firstframe.fr/","url":"https://firstframe.fr/","name":"FIRST FRAME ⢠Creative Production & Post-Production ⢠Paris","isPartOf":{"@id":"https://firstframe.fr/#website"},"about":{"@id":"https://firstframe.fr/#organization"},"datePublished":"2024-10-28T14:58:32+00:00","dateModified":"2026-08-06T10:50:31+00:00","description":"Creative production and post-production studio based in Paris. Advertising, brand content, documentary, corporate. Clients : Netflix, Deezer, YouTube, Qonto.","breadcrumb":{"@id":"https://firstframe.fr/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://firstframe.fr/"]}]},{"@type":"BreadcrumbList","@id":"https://firstframe.fr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://firstframe.fr/#website","url":"https://firstframe.fr/","name":"First Frame","description":"Creative Production & Post-Production ⢠Paris","publisher":{"@id":"https://firstframe.fr/#organization"},"alternateName":"FF","inLanguage":"en-GB"},{"@type":"Organization","@id":"https://firstframe.fr/#organization","name":"First Frame","alternateName":"First Frame Productions","url":"https://firstframe.fr/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://firstframe.fr/#/schema/logo/image/","url":"https://firstframe.fr/wp-content/uploads/2026/06/FirstFrame_Picto_696x696-1.jpg","contentUrl":"https://firstframe.fr/wp-content/uploads/2026/06/FirstFrame_Picto_696x696-1.jpg","width":1254,"height":1254,"caption":"First Frame"},"image":{"@id":"https://firstframe.fr/#/schema/logo/image/"},"sameAs":["https://instagram.com/firstframeprods","https://www.linkedin.com/company/first-frame-production/","https://www.youtube.com/channel/UCwiLkj2Wys10WyykgrLyADw","https://vimeo.com/firstframeprod","https://www.wikidata.org/wiki/Q140465677"],"address":{"@type":"PostalAddress","streetAddress":"6 rue Jules Simon","postalCode":"92100","addressLocality":"Boulogne-Billancourt","addressRegion":"Ãle-de-France","addressCountry":"FR"},"areaServed":[{"@type":"City","name":"Paris","sameAs":"https://www.wikidata.org/wiki/Q90"},{"@type":"Country","name":"France","sameAs":"https://www.wikidata.org/wiki/Q142"}],"foundingDate":"2017","founder":[{"@type":"Person","name":"Rafael Covo","sameAs":"https://www.wikidata.org/wiki/Q140738462"},{"@type":"Person","name":"Axel Covo","sameAs":"https://www.wikidata.org/wiki/Q140738684"}],"identifier":{"@type":"PropertyValue","propertyID":"SIREN","value":"828139451"}}]}</script>
87 88 <!-- / Yoast SEO plugin. --> 89 90 91<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://firstframe.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ffirstframe.fr%2F&lang=en" /> 92<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://firstframe.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ffirstframe.fr%2F&format=xml&lang=en" /> 93<style id="wp-img-auto-sizes-contain-inline-css"> 94img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 95/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 96</style> 97 98 99<link rel='stylesheet' id='app/0-css' href='https://firstframe.fr/wp-content/themes/beaucoup/public/css/app.4fbcc5.css' media='all' /> 100<link rel="https://api.w.org/" href="https://firstframe.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://firstframe.fr/wp-json/wp/v2/pages/6" /><meta name="generator" content="WordPress 7.1.1" /> 101<link rel='shortlink' href='https://firstframe.fr/' /> 102 103</head> 104 <body class=""> 105 <div class="loader fixed xl:absolute top-0 left-0 w-screen max-w-[2560px] h-screen z-loader"> 106 <div class="loader-bg absolute-full bg-black"></div> 107</div> 108 <header class="header flex text-white items-center h-header fixed w-full z-header"> 109 110 <a class="header-logo-wrapper relative w-logo-small xl:w-logo-large h-full flex justify-center items-center" aria-label="Home" href=" https://firstframe.fr/ "> 111 <div class="header-logo absolute left-0 leading-[0] max-xl:hidden "><div class="svg-wrapper inline-block w-[10rem]"><svg width="98" height="13" viewBox="0 0 98 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 112 <g class='logo-f'> 113 <path d="M2.29656 0.757812H0V12.2414H2.29656V0.757812Z" fill="currentColor"/> 114 <path d="M6.89031 0.757812H4.59375V3.05437H6.89031V0.757812Z" fill="currentColor"/> 115 <path d="M6.89031 5.35156H4.59375V7.64813H6.89031V5.35156Z" fill="currentColor"/> 116 </g> 117 118 <path d="M11.49 0.757812H9.18652V12.2414H11.49V0.757812Z" fill="currentColor"/> 119 <path d="M19.015 5.4119C18.738 5.67351 18.3629 5.81704 17.9586 5.81704H16.1196V3.00113H17.9586C18.7943 3.00113 19.4495 3.61231 19.4495 4.39249C19.4495 4.78528 19.2952 5.14721 19.0143 5.4119M19.9866 7.43683C21.1441 6.86654 21.8086 5.7144 21.8086 4.27674C21.8086 3.3399 21.425 2.45554 20.729 1.78494C20.0514 1.13208 19.1316 0.757812 18.2071 0.757812H13.793V12.2406H16.1189V7.81187H17.4809L20.1016 12.2406H22.9337L19.9225 7.46846L19.9866 7.43683Z" fill="currentColor"/> 120 <path d="M27.9253 5.29654C26.7524 5.00792 25.7399 4.75944 25.7399 3.94453C25.7399 3.22917 26.3426 2.78544 27.3134 2.78544C28.3421 2.78544 29.0528 3.40279 29.1006 4.32806H31.5114C31.4975 3.30865 31.1449 2.3911 30.5159 1.73979C29.7913 0.988936 28.7125 0.592285 27.396 0.592285C26.3009 0.592285 25.3016 0.931831 24.5808 1.54764C23.8601 2.16346 23.4634 3.02081 23.4634 3.96227C23.4634 5.05345 23.8724 5.86064 24.7136 6.43092C25.4528 6.93098 26.4229 7.18179 27.2787 7.40326C28.5064 7.7212 29.5675 7.99515 29.5675 8.88877C29.5675 9.6813 28.8082 10.2138 27.6784 10.2138C26.4838 10.2138 25.6735 9.537 25.6411 8.52222H23.3477C23.3816 10.7779 25.1928 12.4077 27.6784 12.4077C28.8498 12.4077 29.9186 12.0512 30.6888 11.403C31.4551 10.7586 31.8764 9.86574 31.8764 8.88955C31.8764 6.27041 29.6848 5.73177 27.9246 5.29885" fill="currentColor"/> 121 <path d="M35.9854 12.2399H38.3121V2.98415H41.7122V0.757812H32.6016V2.98415H35.9854V12.2399Z" fill="currentColor"/> 122 123 <g class='logo-f'> 124 <path d="M48.6022 0.757812H46.3057V12.2414H48.6022V0.757812Z" fill="currentColor"/> 125 <path d="M53.197 0.757812H50.9004V3.05437H53.197V0.757812Z" fill="currentColor"/> 126 <path d="M53.197 5.35156H50.9004V7.64813H53.197V5.35156Z" fill="currentColor"/> 127 </g> 128 <path d="M68.4584 8.32118L69.9964 4.36162L71.4989 8.32118H68.4584ZM60.7144 5.41113C60.4374 5.67273 60.0624 5.81627 59.6588 5.81627H57.8198V3.00036H59.6588C60.4945 3.00036 61.1497 3.61154 61.1497 4.39172C61.1497 4.78451 60.9953 5.14644 60.7144 5.41113ZM70.9471 0.757812H69.0441L64.7905 11.4682L64.7875 11.4751L64.6007 11.9458L64.5451 12.0855L64.4564 11.9597L61.622 7.46769L61.686 7.43605C62.8436 6.86577 63.508 5.71363 63.508 4.27596C63.508 3.3399 63.1245 2.45477 62.4292 1.78494C61.7516 1.13208 60.8325 0.757812 59.9073 0.757812H55.4932V12.2399H57.819V7.8111H59.1803L61.801 12.2399H64.113L64.1107 12.2414H64.6539L64.6524 12.2399H64.7844H66.9474L67.6937 10.299H72.2613L72.9913 12.2399H75.5225L70.9463 0.757812H70.9471Z" fill="currentColor"/> 129 <path d="M79.2544 0.757812H76.376V12.2399H78.7019V5.17113L81.7115 12.2399H83.4015L86.4774 5.1773V12.2399H88.8033V0.757812H86.4041L82.7455 8.84748L79.2544 0.757812Z" fill="currentColor"/> 130 <path d="M98.0006 2.98415V0.757812H91.0137V12.2391H98.0006V10.0127H93.3396V7.42911H97.4859V5.20277H93.3396V2.98415H98.0006Z" fill="currentColor"/> 131</svg></div></div> 132 <div class="xl:hidden header-logo-mobile leading-[0]"><div class="inline-block w-[1.7rem] h-[1.3rem] svg-wrapper"><svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 133 <mask id="mask0_1563_4105" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="17" height="13"> 134 <rect width="17" height="13" fill="#D9D9D9"/> 135 </mask> 136 <g mask="url(#mask0_1563_4105)"> 137 <path d="M2.51162 0.483887H0.186035V12.0968H2.51162V0.483887Z" fill="currentColor"/> 138 <path d="M11.3488 0.483887H9.02325V12.0968H11.3488V0.483887Z" fill="currentColor"/> 139 <path d="M6.69765 0.483887H4.37207V2.90324H6.69765V0.483887Z" fill="currentColor"/> 140 <path d="M15.5349 0.483887H13.2093V2.90324H15.5349V0.483887Z" fill="currentColor"/>
141 <path d="M6.69765 5.32263H4.37207V7.74199H6.69765V5.32263Z" fill="currentColor"/> 142 <path d="M15.5349 5.32263H13.2093V7.74199H15.5349V5.32263Z" fill="currentColor"/> 143 </g> 144</svg></div></div> 145 <div class="header-logo-border absolute right-0 top-0 w-px h-full bg-white/20 "></div> 146 </a> 147 148 <div class=" 149 header-menu flex h-full relative 150 lg:px-container lg:flex-1 lg:justify-between lg:items-center 151 max-lg:flex-col max-lg:absolute max-lg:px-30 max-lg:py-25 max-lg:left-[calc(2_*_var(--padding-container))] max-lg:w-[calc(100%_-_3_*_var(--padding-container))] max-lg:h-[calc(var(--vh)_-_var(--header-height)_-_2_*_var(--padding-container))] max-lg:top-[calc(var(--header-height)_+_var(--padding-container))] 152 "> 153 <div class="header-menu-line absolute bottom-0 left-0 w-full h-px bg-white origin-right max-lg:hidden scale-x-0"></div> 154 155 156 157 <div class="menu-item lg:hidden flex justify-between"> 158 <div> 159 <div class="body-40 font-medium">Menu</div> 160 <div class="ml-20 flex gap-x-5 menu-toggler"> 161 <div class="w-[1rem] h-[1.1rem] svg-wrapper"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 162 <path d="M1 1.90735e-06V8L9 8" stroke="currentColor"/> 163 <path d="M11.9991 7.99658L7.99913 11.4966L7.99913 4.49658L11.9991 7.99658Z" fill="currentColor"/> 164</svg></div> 165 <div class="body-12-mono font-mono font-medium">Close</div> 166 </div> 167 </div> 168 <div class="mt-5"> 169 <div class="langswitcher relative flex gap-x-10 opacity-0 transition-opacity duration-fast ease-out"> 170 171 <a class="langswitcher-item body-12-mono font-mono font-medium pointer-events-none transition-opacity duration-fast ease-out xl:hover:opacity-100" data-taxi-ignore href="https://firstframe.fr/">en</a> 172 173 <a class="langswitcher-item body-12-mono font-mono font-medium opacity-30 transition-opacity duration-fast ease-out xl:hover:opacity-100" data-taxi-ignore href="https://firstframe.fr/fr/">fr</a> 174 </div> 175 </div> 176 </div> 177 178 179 <div class="header-category-links 180 flex gap-x-20 xl:gap-x-30 181 lg:flex-1 182 max-lg:flex-col max-lg:gap-y-5 max-lg:mt-60 183 "> 184 <div class="header-category-link-wrapper"> 185 <a class=" 186 menu-item header-category-link simple-link inline-block body-25 font-medium pointer-events-none 187 lg:body-12-mono lg:font-mono 188 " href="https://firstframe.fr/productions/commercial/"> 189 Advertisement 190 </a> 191 </div> 192 <div class="header-category-link-wrapper"> 193 <a class=" 194 menu-item header-category-link simple-link inline-block body-25 font-medium pointer-events-none 195 lg:body-12-mono lg:font-mono 196 " href="https://firstframe.fr/productions/originals/"> 197 Originals 198 </a> 199 </div> 200 <div class="header-category-link-wrapper"> 201 <a class=" 202 menu-item header-category-link simple-link inline-block body-25 font-medium pointer-events-none 203 lg:body-12-mono lg:font-mono 204 " href="https://firstframe.fr/productions/corporate/"> 205 Corporate 206 </a> 207 </div> 208 <div class="header-category-link-wrapper"> 209 <a class=" 210 menu-item header-category-link simple-link inline-block body-25 font-medium pointer-events-none 211 lg:body-12-mono lg:font-mono 212 " href="https://firstframe.fr/productions/music/"> 213 Music 214 </a> 215 </div> 216 <div class="header-category-link-wrapper"> 217 <a class=" 218 menu-item header-category-link simple-link inline-block body-25 font-medium pointer-events-none 219 lg:body-12-mono lg:font-mono 220 " href="https://firstframe.fr/productions/studio/"> 221 Studio 222 </a> 223 </div> 224 </div> 225 226 227 <div class="flex gap-x-50 items-center"> 228 <div class="header-links flex gap-x-30 max-lg:flex-col gap-y-5 max-lg:mt-5"> 229 <div class="header-link-wrapper"> 230 <a class=" 231 header-link simple-link menu-item inline-block body-25 pointer-events-none 232 font-medium 233 lg:body-12-mono lg:font-mono 234 " href="https://firstframe.fr/about/" >About</a> 235 </div> 236 <div class="header-link-wrapper"> 237 <a class=" 238 header-link simple-link menu-item inline-block body-25 pointer-events-none 239 font-medium 240 lg:body-12-mono lg:font-mono 241 " href="https://firstframe.fr/contact/" >Contact</a> 242 </div> 243 </div> 244 <div class="max-lg:hidden"> 245 <div class="langswitcher relative flex gap-x-10 opacity-0 transition-opacity duration-fast ease-
245out"> 246 247 <a class="langswitcher-item body-12-mono font-mono font-medium pointer-events-none transition-opacity duration-fast ease-out xl:hover:opacity-100" data-taxi-ignore href="https://firstframe.fr/">en</a> 248 249 <a class="langswitcher-item body-12-mono font-mono font-medium opacity-30 transition-opacity duration-fast ease-out xl:hover:opacity-100" data-taxi-ignore href="https://firstframe.fr/fr/">fr</a> 250 </div> 251 </div> 252 </div> 253 254 255 <div class="lg:hidden flex mt-auto items-center justify-between body-12-mono font-mono font-medium"> 256 <a class="menu-item" href="">Legals</a> 257 <a class="menu-item" href="https://beaucoup.studio/" target="_blank" rel='noopener noreferrer'> Credits</a> 258 </div> 259 260 <div class="pixel-background lg:hidden absolute-full -z-1"></div> 261 </div> 262 263 <div class="flex-1 flex justify-end items-center h-full lg:hidden header-mobile-toggler menu-toggler pr-container body-12-mono relative"> 264 <div class="header-menu-line-mobile absolute bottom-0 left-0 w-full h-px bg-white origin-right scale-x-0"></div> 265 <div class="toggler-menu">Menu</div> 266 <div class="toggler-close hidden absolute right-5 top-0 w-full h-full items-center justify-center">Close</div> 267 </div> 268 <div class="header-line absolute left-0 bottom-0 w-full h-px bg-white/20"></div> 269</header> 270 271 <div class="panel fixed topp-0 left-0 w-full h-full bg-black pointer-events-none z-max"></div> 272 273 <div class="fade fixed top-0 left-0 w-full h-full bg-black pointer-events-none opacity-0 z-transition"></div> 274 275 276 <div class="content" data-taxi role="document"> 277 <div data-taxi-view> 278 <div class="home page-dark h-screen-mobile xl:h-screen pt-header"> 279 <div class="home-videos absolute top-0 left-0 w-full h-screen hidden"> 280 <div class="absolute-full"> 281 <video data-src="https://firstframe.fr/wp-content/uploads/2025/02/WeWard_Loop_v2.mp4" data-duration="10" class="projects-video w-full h-full object-cover " muted playsinline></video> 282 </div> 283 <div class="absolute-full"> 284 <video data-src="https://firstframe.fr/wp-content/uploads/2025/02/Vinted_Loop_v2.mp4" data-duration="10" class="projects-video w-full h-full object-cover opacity-0 " muted playsinline></video> 285 </div> 286 <div class="absolute-full"> 287 <video data-src="https://firstframe.fr/wp-content/uploads/2025/02/SuperU_Loop_v2.mp4" data-duration="10" class="projects-video w-full h-full object-cover opacity-0 " muted playsinline></video> 288 </div> 289 <div class="absolute-full"> 290 <video data-src="https://firstframe.fr/wp-content/uploads/2025/02/Harley_Loop.mp4" data-duration="5" class="projects-video w-full h-full object-cover opacity-0 " muted playsinline></video> 291 </div> 292 <div class="absolute-full"> 293 <video data-src="https://firstframe.fr/wp-content/uploads/2024/11/deezer-flow-websiteloop-1920x1080-1.mp4" data-duration="6" class="projects-video w-full h-full object-cover opacity-0 " muted playsinline></video> 294 </div> 295 <div class="absolute-full"> 296 <video data-src="https://firstframe.fr/wp-content/uploads/2025/02/IWD22_loop_v2.mp4" data-duration="13" class="projects-video w-full h-full object-cover opacity-0 " muted playsinline></video> 297 </div> 298 <div class="absolute-full bg-black/30 z-1"></div> 299 </div> 300 <div class="relative w-full h-full z-1"> 301 <div class="cursor fixed-full z-2 pointer-events-none overflow-hidden"> 302 <div class="cursor-v absolute left-[calc(var(--column-mobile)+1rem-1px)] md:left-[calc(var(--column)_*_2_+_var(--gap)_+_var(--padding-container)_-_1px)] xl:left-0 top-header w-px h-available-height"> 303 <div class="absolute left-0 top-0 w-px h-full bg-white/20 xl:bg-white/10"></div> 304 305 <div class="square absolute top-0 left-0 -translate-x-[2px] -translate-y-[3px]"></div> 306 307 <div class="absolute max-xl:top-10 right-10 xl:bottom-[1.5rem] max-xl:hidden "> 308 <div class="flex body-10 text-white font-mono">
309 <span class="cursor-index">01</span> 310 <span>/</span> 311 <span class="cursor-total">06</span> 312 </div> 313 </div> 314 </div> 315 <div class="cursor-h absolute left-0 top-0 w-full h-px"> 316 <div class="cursor-h-wrapper absolute left-0 top-0 w-full"> 317 <div class="absolute left-0 top-0 w-full h-px bg-white/20 xl:bg-white/10"></div> 318 319 <div class="cursor-link absolute right-20 top-15 max-xl:hidden pointer-events-auto xl:hidden"> 320 <a href="/" class="button relative inline-flex items-center gap-x-20 md:gap-x-35 font-mono body-14 font-medium text-current"> 321 <span class="overflow-hidden"> 322 <span class="button-arrow svg-wrapper inline-block w-[1rem] text-current"><svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"> 323 <path d="M7.92188 4.53125L4.05687 8.48441M7.92188 4.53125L3.86468 0.564538M7.92188 4.53125L-0.000318078 4.5177" stroke="currentColor"/> 324</svg></span> 325 </span> 326 <span class="button-text ">Discover</span> 327 <span class="button-text-hover absolute top-0 left-0">Discover</span> 328 <span class="absolute top-0 right-0 overflow-hidden"> 329 <span class="button-arrow-hover svg-wrapper inline-block w-[1rem] text-current"><svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"> 330 <path d="M7.92188 4.53125L4.05687 8.48441M7.92188 4.53125L3.86468 0.564538M7.92188 4.53125L-0.000318078 4.5177" stroke="currentColor"/> 331</svg></span> 332 </span> 333</a> 334 </div> 335 </div> 336 </div> 337 <div class="cursor-global absolute left-[calc(var(--column-mobile)+1rem)] md:left-[calc(var(--column)_*_2_+_var(--gap)_*_1_+_var(--padding-container))] xl:top-0 xl:left-0"> 338 <div class="cursor-global-wrapper absolute left-0 top-0 w-full"> 339 <div class="square square-top-right max-xl:translate-x-[2px] max-xl:-translate-y-[2px]"></div> 340 <div class="absolute left-10 top-10 max-md:w-col-7-mobile max-xl:w-col-22 flex max-xl:flex-col gap-x-30"> 341 <div class="cursor-content w-[80vw] md:w-col-18 xl:w-col-12 flex flex-col items-start gap-y-10 xl:hidden"> 342 <div class="cursor-client inline-block font-mono body-12-mono font-medium px-5 py-[0.1rem] rounded-3 hd:[@media(max-height:850px)]:body-10-mono 2xl-hd:[@media(max-height:1200px)]:body-10-mono 343 border-px border-white bg-transparent text-white 344 "></div> 345 <div class="cursor-title body-25 md:body-48 "></div> 346 <div class="cursor-tag inline-block font-mono body-12-mono font-medium px-5 py-[0.1rem] rounded-3 hd:[@media(max-height:850px)]:body-10-mono 2xl-hd:[@media(max-height:1200px)]:body-10-mono 347 bg-white text-black 348 "></div> 349 </div> 350 <div class="relative flex justify-between max-xl:mt-10 md:max-xl:-mr-10 xl:hidden"> 351 <div class="cursor-date md:w-col-4 font-mono font-medium body-14 xl:mt-5 xl:flex xl:justify-end">2024</div> 352 <div class="cursor-link-mobile xl:hidden"> 353 <a href="/" class="button relative inline-flex items-center gap-x-20 md:gap-x-35 font-mono body-14 font-medium text-current"> 354 <span class="overflow-hidden"> 355 <span class="button-arrow svg-wrapper inline-block w-[1rem] text-current"><svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"> 356 <path d="M7.92188 4.53125L4.05687 8.48441M7.92188 4.53125L3.86468 0.564538M7.92188 4.53125L-0.000318078 4.5177" stroke="currentColor"/> 357</svg></span> 358 </span> 359 <span class="button-text ">Discover</span> 360 <span class="button-text-hover absolute top-0 left-0">Discover</span> 361 <span class="absolute top-0 right-0 overflow-hidden"> 362 <span class="button-arrow-hover svg-wrapper inline-block w-[1rem] text-current"><svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"> 363 <path d="M7.92188 4.53125L4.05687 8.48441M7.92188 4.53125L3.86468 0.564538M7.92188 4.53125L-0.000318078 4.5177" stroke="currentColor"/> 364</svg></span> 365 </span> 366</a> 367 </div> 368 </div> 369 </div> 370 <div class="absolute bottom-[calc(100%+0.2rem)] left-7 font-mono font-medium max-xl:hidden">
371 <span class="cursor-indicator">Play</span> 372 <span class="cursor-discover absolute top-0 left-0 whitespace-nowrap">Discover</span> 373 </div> 374 </div> 375 </div> 376</div> 377 <div class="grid-w h-full content-start"> 378 <div class="cursor-placeholder col-span-1 md:col-span-3 h-full"></div> 379 <div class="home-content col-start-4 col-end-9 md:col-start-15 lg:col-start-17 xl:col-start-19 md:col-end-23 pt-60 font-mono body-12-mono text-white z-1"> 380 <h1 class="home-title">EVERY STORY STARTS<br /> 381WITH A FIRST FRAME</h1> 382 <div class="flex justify-between items-baseline gap-x-20"> 383 <span class="home-squares svg-wrapper w-[1.6rem] text-white"><svg width="16" height="5" viewBox="0 0 16 5" fill="none" xmlns="http://www.w3.org/2000/svg"> 384 <rect width="5" height="5" fill="currentColor"/> 385 <rect x="8" width="3" height="5" fill="currentColor"/> 386 <rect x="14" width="2" height="5" fill="currentColor"/> 387</svg></span> 388 <span class="home-subtitle">Creative Production Paris</span> 389 </div> 390 </div> 391 </div> 392 <div class="absolute top-0 left-0 w-full h-full grid-w content-center xl:content-end xl:pb-150"> 393 <div class="col-span-full xl:col-span-18 flex flex-col items-start gap-y-10 max-xl:hidden"> 394 <div class="home-project-client inline-block font-mono body-12-mono font-medium px-5 py-[0.1rem] rounded-3 hd:[@media(max-height:850px)]:body-10-mono 2xl-hd:[@media(max-height:1200px)]:body-10-mono 395 border-px border-white bg-transparent text-white 396 ">WeWard</div> 397 <div class="home-project-title body-25 md:body-48">The Walk</div> 398 <div class="home-project-director inline-block font-mono body-12-mono font-medium px-5 py-[0.1rem] rounded-3 hd:[@media(max-height:850px)]:body-10-mono 2xl-hd:[@media(max-height:1200px)]:body-10-mono 399 bg-white text-black 400 ">Matt Palmer</div> 401 </div> 402 </div> 403 <a href="https://firstframe.fr/production/we-ward/" class="home-link absolute-full cursor-pointer" aria-label="Project link"></a> 404 <div class="fixed xl:absolute bottom-0 left-0 w-full flex items-center gap-x-10 md:gap-x-50 pl-[calc(var(--column-mobile)+2rem)] md:pl-[calc(var(--column)*2+var(--gap)*2+1rem)] pr-container xl:px-20 z-1"> 405 <div class="home-prev font-mono body-12-mono font-medium xl:hidden">Prev</div> 406 <div class="flex justify-between xl:justify-center items-center flex-1"> 407 <div class="projects-pager relative w-[3.5rem] h-[4rem] xl:w-[16rem] xl:h-[8rem] flex justify-center items-center xl:items-end cursor-pointer a " data-url="https://firstframe.fr/production/we-ward/" data-title="The Walk" data-director="Matt Palmer" data-client="WeWard" data-date="2024"> 408 <div class="relative xl:mb-20"> 409 <div class="square bg-white opacity-30 transition-opacity duration-smooth ease-out"></div> 410 <div class="projects-image-w absolute bottom-0 left-0 w-[14rem] pointer-events-none max-xl:hidden"> 411 <div class="projects-square-bg absolute-full bg-white origin-bottom-left"></div> 412 <div class="projects-image relative w-full h-0 pt-[56.25%] border-px border-white origin-bottom-left"> 413 <div class="absolute-full"> 414 <div class="image w-full h-full " style="--ratio: 59.609375%" data-ratio-w="1.6775884665793"> 415 <figure class="w-full h-full"> 416 <img 417 class=" lazy opacity-0 w-full h-full object-cover " 418 width="150" height="150" alt="" 419 data-src="https://firstframe.fr/wp-content/uploads/2025/02/Capture-decran-2025-01-31-a-17.11.13-480x286.jpg" 420 data-srcset=" 421 https://firstframe.fr/wp-content/uploads/2025/02/Capture-decran-2025-01-31-a-17.11.13-480x286.jpg 480w, 422 https://firstframe.fr/wp-content/uploads/2025/02/Capture-decran-2025-01-31-a-17.11.13-768x458.jpg 768w, 423 https://firstframe.fr/wp-content/uploads/2025/02/Capture-decran-2025-01-31-a-17.11.13-1200x715.jpg 1200w, 424 https://firstframe.fr/wp-content/uploads/2025/02/Capture-decran-2025-01-31-a-17.11.13-1600x954.jpg 1600w, 425 https://firstframe.fr/wp-content/uploads/2025/02/Capture-decran-2025-01-31-a-17.11.13-1920x1145.jpg 1920w, 426 " 427 data-sizes=" 428 (max-width: 1023px) 100vw, 429 300px" > 430 </figure> 431</div> 432 </div> 433 </div> 434 </div> 435 </div> 436 </div> 437 <div class="projects-pager relative w-[3.5rem] h-[4rem] xl:w-[16rem] xl:h-[8rem] flex justify-center items-center xl:items-end cursor-pointer " data-url="https://firstframe.fr/production/vinted/" data-title="Léna's Dressing Room" data-director="Rafael Covo" data-client="Vinted" data-date="2024"> 438 <div class="relative xl:mb-20"> 439 <div class="square bg-white opacity-30 transition-opacity duration-smooth ease-out"></div> 440 <div class="projects-image-w absolute bottom-0 left-0 w-[14rem] pointer-events-none max-xl:hidden"> 441 <div class="projects-square-bg absolute-full bg-white origin-bottom-left"></div> 442 <div class="projects-image relative w-full h-0 pt-[56.25%] border-px border-white origin-bottom-left"> 443 <div class="absolute-full"> 444 <div class="image w-full h-full " style="--ratio: 56.25%" data-ratio-w="1.7777777777778"> 445 <figure class="w-full h-full"> 446 <img 447 class=" lazy opacity-0 w-full h-full object-cover " 448 width="150" height="150" alt="Comédienne à son bureau dans un intérieur éclairé à la lampe" 449 data-src="https://firstframe.fr/wp-content/uploads/2025/01/STILL-SELLER-7-480x270.jpg" 450 data-srcset=" 451 https://firstframe.fr/wp-content/uploads/2025/01/STILL-SELLER-7-480x270.jpg 480w, 452 https://firstframe.fr/wp-content/uploads/2025/01/STILL-SELLER-7-768x432.jpg 768w, 453 https://firstframe.fr/wp-content/uploads/2025/01/STILL-SELLER-7-1200x675.jpg 1200w, 454 https://firstframe.fr/wp-content/uploads/2025/01/STILL-SELLER-7-1600x900.jpg 1600w, 455 https://firstframe.fr/wp-content/uploads/2025/01/STILL-SELLER-7-1920x1080.jpg 1920w, 456 " 457 data-sizes=" 458 (max-width: 1023px) 100vw, 459 300px" > 460 </figure> 461</div> 462 </div> 463 </div> 464 </div> 465 </div> 466 </div> 467 <div class="projects-pager relative w-[3.5rem] h-[4rem] xl:w-[16rem] xl:h-[8rem] flex justify-center items-center xl:items-end cursor-pointer " data-url="https://firstframe.fr/production/magasins-u-harry-potter/" data-title="Wizarding World" data-director="Bastien Fiche" data-client="Magasins U" data-date="2023"> 468 <div class="relative xl:mb-20"> 469 <div class="square bg-white opacity-30 transition-opacity duration-smooth ease-out"></div> 470 <div class="projects-image-w absolute bottom-0 left-0 w-[14rem] pointer-events-none max-xl:hidden"> 471 <div class="projects-square-bg absolute-full bg-white origin-bottom-left"></div> 472 <div class="projects-image relative w-full h-0 pt-[56.25%] border-px border-white origin-bottom-left"> 473 <div class="absolute-full"> 474 <div class="image w-full h-full " style="--ratio: 56.25%" data-ratio-w="1.7777777777778"> 475 <figure class="w-full h-full"> 476 <img 477 class=" lazy opacity-0 w-full h-full object-cover " 478 width="150" height="150" alt="" 479 data-src="https://firstframe.fr/wp-content/uploads/2025/01/9-480x270.jpg" 480 data-srcset=" 481 https://firstframe.fr/wp-content/uploads/2025/01/9-480x270.jpg 480w, 482 https://firstframe.fr/wp-content/uploads/2025/01/9-768x432.jpg 768w, 483 https://firstframe.fr/wp-content/uploads/2025/01/9-1200x675.jpg 1200w, 484 https://firstframe.fr/wp-content/uploads/2025/01/9-1600x900.jpg 1600w, 485 https://firstframe.fr/wp-content/uploads/2025/01/9-1920x1080.jpg 1920w, 486 " 487 data-sizes=" 488 (max-width: 1023px) 100vw, 489 300px" > 490 </figure> 491</div> 492 </div> 493 </div> 494 </div> 495 </div> 496 </div> 497 <div class="projects-pager relative w-[3.5rem] h-[4rem] xl:w-[16rem] xl:h-[8rem] flex justify-center items-center xl:items-end cursor-pointer " data-url="https://firstframe.fr/production/harleydavidson/" data-title="Buy The Ticket, Take The Ride" data-director="Ivan Olita" data-client="Harley Davidson" data-date="2023"> 498 <div class="relative xl:mb-20"> 499 <div class="square bg-white opacity-30 transition-opacity duration-smooth ease-out"></div> 500 <div class="projects-image-w absolute bottom-0 left-0 w-[14rem] pointer-events-none max-xl:hidden"> 501 <div class="projects-square-bg absolute-full bg-white origin-bottom-left"></div> 502 <div class="projects-image relative w-full h-0 pt-[56.25%] border-px border-white origin-bottom-left"> 503 <div class="absolute-full"> 504 <div class="image w-full h-full " style="--ratio: 66.666666666667%" data-ratio-w="1.5"> 505 <figure class="w-full h-full"> 506 <img 507 class=" lazy opacity-0 w-full h-full object-cover " 508 width="150" height="150" alt="Comédienne et deux motos lors d'un tournage en extérieur" 509 data-src="https://firstframe.fr/wp-content/uploads/2024/11/a21efd743b81630d1cdf22f2f185b3c9-480x320.jpeg" 510 data-srcset=" 511 https://firstframe.fr/wp-content/uploads/2024/11/a21efd743b81630d1cdf22f2f185b3c9-480x320.jpeg 480w, 512 https://firstframe.fr/wp-content/uploads/2024/11/a21efd743b81630d1cdf22f2f185b3c9-768x512.jpeg 768w, 513 https://firstframe.fr/wp-content/uploads/2024/11/a21efd743b81630d1cdf22f2f185b3c9-1200x800.jpeg 1200w, 514 https://firstframe.fr/wp-content/uploads/2024/11/a21efd743b81630d1cdf22f2f185b3c9.jpeg 1600w, 515 https://firstframe.fr/wp-content/uploads/2024/11/a21efd743b81630d1cdf22f2f185b3c9.jpeg 1920w, 516 " 517 data-sizes=" 518 (max-width: 1023px) 100vw, 519 300px" > 520 </figure> 521</div> 522 </div> 523 </div> 524 </div> 525 </div> 526 </div> 527 <div class="projects-pager relative w-[3.5rem] h-[4rem] xl:w-[16rem] xl:h-[8rem] flex justify-center items-center xl:items-end cursor-pointer " data-url="https://firstframe.fr/production/deezer-flow/" data-title="Flow" data-director="Rafael Covo" data-client="Deezer" data-date="2023"> 528 <div class="relative xl:mb-20"> 529 <div class="square bg-white opacity-30 transition-opacity duration-smooth ease-out"></div> 530 <div class="projects-image-w absolute bottom-0 left-0 w-[14rem] pointer-events-none max-xl:hidden"> 531 <div class="projects-square-bg absolute-full bg-white origin-bottom-left"></div> 532 <div class="projects-image relative w-full h-0 pt-[56.25%] border-px border-white origin-bottom-left"> 533 <div class="absolute-full"> 534 <div class="image w-full h-full " style="--ratio: 55.9670781893%" data-ratio-w="1.7867647058824"> 535 <figure class="w-full h-full"> 536 <img 537 class=" lazy opacity-0 w-full h-full object-cover " 538 width="150" height="150" alt="" 539 data-src="https://firstframe.fr/wp-content/uploads/2024/11/Capture-decran-2024-12-12-a-09.45.21-480x269.png" 540 data-srcset=" 541 https://firstframe.fr/wp-content/uploads/2024/11/Capture-decran-2024-12-12-a-09.45.21-480x269.png 480w, 542 https://firstframe.fr/wp-content/uploads/2024/11/Capture-decran-2024-12-12-a-09.45.21-768x430.png 768w, 543 https://firstframe.fr/wp-content/uploads/2024/11/Capture-decran-2024-12-12-a-09.45.21-1200x672.png 1200w, 544 https://firstframe.fr/wp-content/uploads/2024/11/Capture-decran-2024-12-12-a-09.45.21-1600x895.png 1600w, 545 https://firstframe.fr/wp-content/uploads/2024/11/Capture-decran-2024-12-12-a-09.45.21-1920x1075.png 1920w, 546 " 547 data-sizes=" 548 (max-width: 1023px) 100vw, 549 300px" > 550 </figure> 551</div> 552 </div> 553 </div> 554 </div> 555 </div> 556 </div> 557 <div class="projects-pager relative w-[3.5rem] h-[4rem] xl:w-[16rem] xl:h-[8rem] flex justify-center items-center xl:items-end cursor-pointer " data-url="https://firstframe.fr/production/ellesfontyoutube/" data-title="They Make YouTube" data-director="Las Favoritas" data-client="YouTube" data-date="2023"> 558 <div class="relative xl:mb-20"> 559 <div class="square bg-white opacity-30 transition-opacity duration-smooth ease-out"></div> 560 <div class="projects-image-w absolute bottom-0 left-0 w-[14rem] pointer-events-none max-xl:hidden"> 561 <div class="projects-square-bg absolute-full bg-white origin-bottom-left"></div> 562 <div class="projects-image relative w-full h-0 pt-[56.25%] border-px border-white origin-bottom-left"> 563 <div class="absolute-full"> 564 <div class="image w-full h-full " style="--ratio: 66.6796875%" data-ratio-w="1.4997070884593"> 565 <figure class="w-full h-full"> 566 <img 567 class=" lazy opacity-0 w-full h-full object-cover " 568 width="150" height="150" alt="" 569 data-src="https://firstframe.fr/wp-content/uploads/2024/11/YOUTUBE-x-IWD-J10462_RETOUCHE-1-480x320.jpg" 570 data-srcset=" 571 https://firstframe.fr/wp-content/uploads/2024/11/YOUTUBE-x-IWD-J10462_RETOUCHE-1-480x320.jpg 480w, 572 https://firstframe.fr/wp-content/uploads/2024/11/YOUTUBE-x-IWD-J10462_RETOUCHE-1-768x512.jpg 768w, 573 https://firstframe.fr/wp-content/uploads/2024/11/YOUTUBE-x-IWD-J10462_RETOUCHE-1-1200x800.jpg 1200w, 574 https://firstframe.fr/wp-content/uploads/2024/11/YOUTUBE-x-IWD-J10462_RETOUCHE-1-1600x1067.jpg 1600w, 575 https://firstframe.fr/wp-content/uploads/2024/11/YOUTUBE-x-IWD-J10462_RETOUCHE-1-1920x1280.jpg 1920w, 576 " 577 data-sizes=" 578 (max-width: 1023px) 100vw, 579 300px" > 580 </figure> 581</div> 582 </div> 583 </div> 584 </div> 585 </div> 586 </div> 587 </div> 588 <div class="home-next font-mono body-12-mono font-medium xl:hidden">Next</div> 589 </div> 590 </div> 591 </div> 592 </div> 593 </div> 594 595
595<script type="speculationrules"> 596{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/beaucoup/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 597</script>
597 598<style> 599.ffos-more-btn{background:none;border:0;padding:0;margin-right:1.8rem;color:#fff;cursor:pointer;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;font:inherit;letter-spacing:inherit} 600#ffos-more{position:fixed;right:2.4rem;bottom:4.4rem;width:min(34vw,56rem);max-height:75vh;overflow:auto;z-index:9999;background:rgba(0,0,0,.92);border:1px solid rgba(255,255,255,.2);color:#fff;padding:3rem 3.4rem;font-size:16px;line-height:1.6;text-transform:none;letter-spacing:normal} 601#ffos-more[hidden]{display:none} 602#ffos-more .ffos-more-head{display:flex;justify-content:space-between;margin-bottom:1.6rem;font-family:monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.6} 603#ffos-more .ffos-more-close{background:none;border:0;padding:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer} 604#ffos-more p{margin:0 0 1em} 605@media (max-width:1279px){#ffos-more{left:1.6rem;right:1.6rem;width:auto;bottom:4rem}} 606</style> 607<div id="ffos-more" hidden> 608 <div class="ffos-more-head"><span class="ffos-more-title"></span><button type="button" class="ffos-more-close">Close â</button></div> 609 <div class="ffos-more-body"></div> 610</div>
611<script type="application/json" id="ffos-more-data">{"\/productions\/commercial":{"name":"Advertisement","html":"\u003Cp\u003E\u003Cstrong\u003ECOMMERCIAL PRODUCTION IN PARIS\u003C\/strong\u003E\u003Cbr \/\u003E\nFirst Frame is a Paris-based production company for commercials and brand content. We work with creative agencies who trust us with their ideas, and with brands looking for a single partner, from the first spark of an idea all the way to release.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EMAKERS, NOT JUST PRODUCERS\u003C\/strong\u003E\u003Cbr \/\u003E\nBefore we were producers, we were creatives and technicians. We come from directing, from music and from the set. That background shapes the way we produce: when we read a script, we already know how it will be shot, what it will need in post-production, and where the real budget stakes lie.\u003C\/p\u003E\n\u003Cp\u003EThat is why we keep the craft under one roof. Editing, color grading, 2D and 3D motion design, titles, original music and sound mixing all stay in Paris, with the team that has carried the film from the start. The film never changes hands between stages, and nobody loses sight of the original intent.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EUNCOMPROMISING CRAFT, A BUDGET UNDER CONTROL\u003C\/strong\u003E\u003Cbr \/\u003E\nWe love work done well, and we bring the same standards to a 30-second spot as to a long-form film. But craft only matters when it serves the project. Because we know the real cost of every stage, we know where to invest so it shows on screen, and where to simplify without anyone noticing. Every creative proposal comes with a detailed, line-by-line quote.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EWHAT WE PRODUCE\u003C\/strong\u003E\u003Cbr \/\u003E\nCommercials for TV and digital, brand films, 360 campaigns, social media content and digital series. Since 2017, we have produced films for Netflix, Renault, Maybelline, Marionnaud, Harley-Davidson, Deezer, YouTube, Qonto, Vinted and Dacia, among others.\u003C\/p\u003E\n\u003Cp\u003EDepending on the project, we act as the lead production company, from concept to delivery, or as executive producers alongside an agency. We work with a roster of emerging directors with diverse sensibilities, and with a trusted network of talents and partners. We shoot in Paris, across France and abroad: on location, local producers build the crew, while the creative direction, the look and the post-production stay in Paris.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003ERESPONSIBLE PRODUCTION\u003C\/strong\u003E\u003Cbr \/\u003E\nFirst Frame is one of the first twelve French production companies to receive the Ecoprod Pioneer label. On every project, we suggest concrete choices to reduce the footprint of the shoot: logistics, energy, transport and suppliers.\u003C\/p\u003E\n\u003Cp\u003EHave a commercial in mind? Tell us about it: we will come back to you with a creative proposal and a detailed quote.\u003C\/p\u003E\n"},"\/productions\/originals":{"name":"Originals","html":"\u003Cp\u003E\u003Cstrong\u003EORIGINAL DOCUMENTARIES AND SERIES\u003C\/strong\u003E\u003Cbr \/\u003E\nOriginals is the part of First Frame that develops and produces its own stories: single documentaries, documentary series and fiction projects, for television channels and streaming platforms. Our vision fits in one sentence: to tell the story of our time without filters, giving shape to the narratives that run through it, with depth and a visual style rooted in today's storytelling codes. We produce for France T\u00e9l\u00e9visions, Canal+ and Crunchyroll, and our films have been selected at festivals, including Montr\u00e9al S\u00e9ries.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003ETHE STORIES WE TELL\u003C\/strong\u003E\u003Cbr \/\u003E\nWe are drawn to cultural dynamics, to social and technological change, and to the figures who embody the tensions or the hopes of their generation. Sport, pop culture, animation, digital creation: the general public knows these subjects, but their inner workings are rarely told. Our films start from real life, take a point of view and look for the balance between emotional closeness and perspective, between accessibility and narrative ambition.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EFROM DEVELOPMENT TO DELIVERY\u003C\/strong\u003E\u003Cbr \/\u003E\nEvery project is born from a desire to tell, to decode and to pass something on. We support it at every stage: writing, the pitch deck and the pitch, financing, then the shoot, post-production and delivery to the broadcaster. As with our brand films, editing, color grading, titles and original music are done in Paris, by the team that has carried the film from the start. This continuity guarantees something rare: the film that goes on air looks like the one we promised the broadcaster.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003ERESPONSIBLE PRODUCTION\u003C\/strong\u003E\u003Cbr \/\u003E\nFirst Frame is one of the first twelve French production companies to receive the Ecoprod Pioneer label. We work to reduce our environmental impact at every stage, from development to release, because we believe that making ambitious films while respecting the planet is not only possible, but essential.\u003C\/p\u003E\n\u003Cp\u003EAre you a broadcaster, a platform or an author with a story that speaks to our time? Let's talk.\u003C\/p\u003E\n"},"\/productions\/corporate":{"name":"Corporate","html":"\u003Cp\u003E\u003Cstrong\u003ECORPORATE FILM PRODUCTION IN PARIS\u003C\/strong\u003E\u003Cbr \/\u003E\nFirst Frame produces internal and external
611communication films for companies and institutions, whatever their goal: sharing a vision, recruiting, training, bringing teams together, winning over clients or explaining a product. Since 2017, we have worked with Google, L'Or\u00e9al, Augment, MentorShow, BASF, Make Up For Ever, AXA Climate and Malt, among others.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003ERAISING THE FORMAT\u003C\/strong\u003E\u003Cbr \/\u003E\nA corporate film is often watched by people who did not choose it: employees, candidates, clients, partners. It has to earn their attention like any other film. That is why we always bring a creative idea and real craft to it, with the same standards as our commercials and documentaries. Our goal is simple: that your film is watched to the end, and remembered.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EWHAT WE PRODUCE\u003C\/strong\u003E\u003Cbr \/\u003E\nInstitutional and vision films, employer branding, internal communication, client testimonials, events, social media content, and motion design to explain a product or a service. We first help you clarify what you want to say and to whom, then we turn it into a film. You have a single point of contact from brief to delivery, and a detailed, line-by-line quote from the very first proposal.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EMASTERCLASS EXPERTISE\u003C\/strong\u003E\u003Cbr \/\u003E\nWe have also built real expertise in masterclasses. We have produced around forty for MentorShow and almost as many for Augment: leading experts and well-known personalities, on every subject, filmed across three continents. These are long formats, which call for staging that holds attention for hours, a shoot that respects the speaker's time, and graphic design that gives each collection its own identity.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003ETHE WHOLE CHAIN UNDER ONE ROOF\u003C\/strong\u003E\u003Cbr \/\u003E\nBefore we were producers, we were creatives and technicians. Writing, art direction, shooting, editing, color grading, motion design, titles and sound design: we keep the craft in Paris, with the team that has carried the project from the start. Because we know the real cost of every stage, we know where to invest so it shows on screen, and where to simplify without losing quality. We shoot across France and abroad, with a trusted network of talents and partners.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003ERESPONSIBLE PRODUCTION\u003C\/strong\u003E\u003Cbr \/\u003E\nFirst Frame is one of the first twelve French production companies to receive the Ecoprod Pioneer label. On every project, we suggest concrete choices to reduce the footprint of the shoot: logistics, energy, transport and suppliers.\u003C\/p\u003E\n\u003Cp\u003EHave a corporate film in mind? Tell us about it: we will come back to you with a creative proposal and a detailed quote.\u003C\/p\u003E\n"},"\/productions\/music":{"name":"Music","html":"\u003Cp\u003E\u003Cstrong\u003EORIGINAL MUSIC FOR PICTURE\u003C\/strong\u003E\u003Cbr \/\u003E\nFirst Frame composes original music for documentaries, series, commercials and brand films. Under the musical direction of Axel Covo, often writing as a duo with Charles Sicouri, we have scored Roland-Garros, entre les lignes for France T\u00e9l\u00e9visions, Lens, de sang et d'or for La cha\u00eene L'\u00c9quipe, De C\u0153ur et d'Or for Canal+, the film Le 30 for Dior, and the esports series Level Up.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EMUSIC THAT TELLS THE STORY\u003C\/strong\u003E\u003Cbr \/\u003E\nFor us, music is neither a layer nor a background. It is writing in its own right, in dialogue with the image, carrying the story. Every score starts from a simple question: what should the music let us hear that the image does not show? A mind at work for a chess champion, a club that is first and foremost a people for RC Lens, the dust of the construction site and the legend of the house for Dior. Our tracks have names because each one carries someone, or a precise moment of the film.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003ESCORES BUILT FOR SERIES\u003C\/strong\u003E\u003Cbr \/\u003E\nWe know how to write long and hold an identity over time: fifty-one tracks and over an hour and a half of music for the four episodes of Lens, de sang et d'or, forty tracks for Dior, forty-one for Level Up. For commercials, we also know how to say what matters in thirty seconds.\u
611003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EFROM COMPOSITION TO MIX\u003C\/strong\u003E\u003Cbr \/\u003E\nComposition, arrangement, recording in our studio, sound design, mixing and delivery synced to picture, episode by episode. We also act as music executive producers for other production companies, such as Quad Lab and Elide: overseeing composers, recording sessions and deliveries. And because we are producers too, we understand the constraints of an edit, a schedule and a budget.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003ERESPONSIBLE PRODUCTION\u003C\/strong\u003E\u003Cbr \/\u003E\nFirst Frame is one of the first twelve French production companies to receive the Ecoprod Pioneer label.\u003C\/p\u003E\n\u003Cp\u003ELooking for original music for a documentary, a series or a campaign? Let's talk.\u003C\/p\u003E\n"},"\/productions\/studio":{"name":"Studio","html":"\u003Cp\u003E\u003Cstrong\u003EMOTION DESIGN AND POST-PRODUCTION STUDIO IN PARIS\u003C\/strong\u003E\u003Cbr \/\u003E\nThe First Frame studio designs and crafts moving images: 2D and 3D motion design, title sequences, on-screen graphics, identities in motion, social media content and post-production. We work for brands, for agencies, and for production companies looking for a studio to handle their titles or their finishing. Our clients include Google, Malt, M6, Trade Republic, Dacia, Desperados, Celio and Jennyfer.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EAN IDEA BEFORE A TECHNIQUE\u003C\/strong\u003E\u003Cbr \/\u003E\nEvery project starts from a brief and a constraint: making an invisible service visible, explaining a savings concept in forty-five seconds, making people want a car without ever showing it. We first look for the idea that answers that constraint, then for the technique that serves it best: animation, 3D, compositing, live action, or a mix of all four.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EWHAT WE MAKE\u003C\/strong\u003E\u003Cbr \/\u003E\nMotion design films that explain a product, a platform or a strategy, as for Malt, Fox Intelligence or Intercloud. Title sequences and graphics for series and documentaries, such as Level Up or the portrait of freestyle skier Tess Ledeux. Short-form programmes for television, such as the fifteen financial education segments for M6 and Trade Republic. Social media campaigns, adapted to every format, for Celio, Jennyfer or Visilab. And post-production for commercials, from editing to color grading and visual effects.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EFOR AGENCIES AND PRODUCTION COMPANIES\u003C\/strong\u003E\u003Cbr \/\u003E\nWe also know how to work behind the scenes: handling the French market of a European campaign, as we did for Google Workspace with the agency Across The Pond, or delivering the titles and finishing of a film produced by another company. You keep the relationship with your client, and we deliver on time and on brand.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003EA STUDIO OF MAKERS\u003C\/strong\u003E\u003Cbr \/\u003E\nArt direction, illustration, animation, 3D, editing, color grading, sound design and original music: all these disciplines work under one roof, in Paris. The project never changes hands between stages, and we know where to invest so it shows on screen. Every proposal comes with a detailed, line-by-line quote.\u003C\/p\u003E\n\u003Cp\u003E\u003Cstrong\u003ERESPONSIBLE PRODUCTION\u003C\/strong\u003E\u003Cbr \/\u003E\nFirst Frame is one of the first twelve French production companies to receive the Ecoprod Pioneer label.\u003C\/p\u003E\n\u003Cp\u003EA title sequence, an animated film or a campaign to make? Tell us about it: we will come back to you with a creative proposal and a detailed quote.\u003C\/p\u003E\n"}}</script>
vendor: 1 bytes, line 611
611
612<script> 613(function () { 614 var data = JSON.parse(document.getElementById('ffos-more-data').textContent || '{}'); 615 var panel = document.getElementById('ffos-more'); 616 var title = panel.querySelector('.ffos-more-title'); 617 var body = panel.querySelector('.ffos-more-body'); 618 var btn = document.createElement('button'); 619 btn.type = 'button'; 620 btn.className = 'ffos-more-btn'; 621 btn.textContent = "Learn more"; 622 btn.addEventListener('click', function () { panel.hidden = !panel.hidden; }); 623 panel.querySelector('.ffos-more-close').addEventListener('click', function () { panel.hidden = true; }); 624 function sync() { 625 panel.hidden = true; 626 var d = data[location.pathname.replace(/\/+$/, '')] || null; 627 if (!d) { if (btn.parentNode) { btn.parentNode.removeChild(btn); } return; } 628 title.textContent = d.name; 629 body.innerHTML = d.html; 630 var hint = Array.prototype.find.call(document.querySelectorAll('span'), function (s) { 631 return /^(scroll|faites défiler)$/i.test(s.textContent.trim()); 632 }); 633 if (hint && hint.parentNode) { hint.parentNode.insertBefore(btn, hint.parentNode.firstChild); } 634 } 635 sync(); 636 var root = document.querySelector('[data-taxi]'); 637 if (root && window.MutationObserver) { 638 var t; 639 new MutationObserver(function () { clearTimeout(t); t = setTimeout(sync, 300); }).observe(root, { childList: true }); 640 } 641})(); 642</script>
642<script id="pll_cookie_script-js-after"> 643(function() { 644 var expirationDate = new Date(); 645 expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 ); 646 document.cookie = "pll_language=en; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax"; 647 }()); 648 649//# sourceURL=pll_cookie_script-js-after 650</script>
vendor: 1 bytes, line 650
650
651<script id="app/0-js-before"> 652(()=>{"use strict";var e,r,t,o={},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var t=n[e]={exports:{}};return o[e].call(t.exports,t,t.exports,a),t.exports}a.m=o,e=[],a.O=(r,t,o,n)=>{if(!t){var f=1/0;for(s=0;s<e.length;s++){t=e[s][0],o=e[s][1],n=e[s][2];for(var u=!0,l=0;l<t.length;l++)(!1&n||f>=n)&&Object.keys(a.O).every((e=>a.O[e](t[l])))?t.splice(l--,1):(u=!1,n<f&&(f=n));if(u){e.splice(s--,1);var i=o();void 0!==i&&(r=i)}}return r}n=n||0;for(var s=e.length;s>0&&e[s-1][2]>n;s--)e[s]=e[s-1];e[s]=[t,o,n]},a.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return a.d(r,{a:r}),r},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,a.t=function(e,o){if(1&o&&(e=this(e)),8&o)return e;if("object"==typeof e&&e){if(4&o&&e.__esModule)return e;if(16&o&&"function"==typeof e.then)return e}var n=Object.create(null);a.r(n);var f={};r=r||[null,t({}),t([]),t(t)];for(var u=2&o&&e;"object"==typeof u&&!~r.indexOf(u);u=t(u))Object.getOwnPropertyNames(u).forEach((r=>f[r]=()=>e[r]));return f.default=()=>e,a.d(n,f),n},a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={666:0};a.O.j=r=>0===e[r];var r=(r,t)=>{var o,n,f=t[0],u=t[1],l=t[2],i=0;if(f.some((r=>0!==e[r]))){for(o in u)a.o(u,o)&&(a.m[o]=u[o]);if(l)var s=l(a)}for(r&&r(t);i<f.length;i++)n=f[i],a.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return a.O(s)},t=self.webpackChunk_roots_bud_sage_sage=self.webpackChunk_roots_bud_sage_sage||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})()})(); 653//# sourceURL=app%2F0-js-before 654</script>
vendor: 1 bytes, line 654
654
655<script id="app/0-js" src="https://firstframe.fr/wp-content/themes/beaucoup/public/js/app.ef9ced.js"></script>
655 656 </body> 657</html> 658 659<!-- 660Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin 661 662Page Caching using Disk: Enhanced 663 664Served from: firstframe.fr @ 2026-09-18 16:46:07 by W3 Total Cache 665-->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.