PageSourceSearch

https://firstframe.fr/

html firstframe.fr collected 2026-10-06 02:19:05 UTC 62,619 bytes, 665 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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&#038;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&#038;format=xml&#038;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&#039;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&#039;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.