# #1 Site Disney+ | Live Build Webflow - Client-First 🇫🇷 Tutoriel3 minPublié le Sep 11, 2023Dernière mise à jour le ![Photo de Florian et Thibaut avec un text Live Build et le logo de Webflow, Client-First, et Client-First France](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671127276e0872cf8ce59c40_64feb8ca2900d8b57c138f56_og-live-build%2520(1).jpeg)Sommaire [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Résumez cet article avec une IA[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Points clés de l'article‍**Envie d’en apprendre plus sur Client-First et Webflow ?** Découvrez le 19 septembre le tout premier “Live Build Client-First” en français, co-animé par Thibaut Legrand et Florian Bodelot - traducteurs officiels de la version française de Client-First. ## Programme du #1 Live Build Client-First 🇫🇷 **• C’est quoi Client-First ?** Dans cette première partie, nous expliquerons ce qu'est [Client-First](/fr/tools/client-first) et nous explorerons les bases de cette méthodologie de développement dans Webflow. **• Pourquoi Digidop utilise le framework Client-First de Finsweet pour développer sur Webflow ?** Ensuite, nous expliquerons les raisons pour lesquelles Digidop a choisi d'adopter Client-First pour le développement de projet sur Webflow. Vous découvrirez comment cette approche nous a permis d'optimiser nos projets et offrir à nos clients des projets performants. **• Comment recréer le site de Disney + sur Webflow en utilisant Client-First** Dans cette partie, on rentre dans le vif du sujet et on se retrouve directement à l'intérieur de Webflow pour développer la landing page de Disney+ en utilisant la méthode Client-First. Des astuces et explications concrètes pour vos projets. Quelques points qui seront abordés dans le développement : - Développement des sections étape par étape - Explication de la nomination des classes utilisées - Utiliser des classes personnalisées vs des classes utilitaires - Stratégie des dossiers - Optimisations SEO **• Q&A : Questions / Réponses** Le live sera interactif, mais nous réserverons quand même un temps pour répondre à vos questions. Profitez de cette opportunité pour approfondir vos connaissances et obtenir des réponses à vos questions spécifiques sur Client-First et Webflow. **Bref, un #1 Live Build à ne pas manquer!** ## Informations utiles pour le live 📍 Lieux: [Chaine YouTube Digidop](https://www.youtube.com/c/digidop) 📆 Date: Mardi 19 septembre 2023 🕒 Heure: De 12h à 13h. 👨🏻‍💻 Thibaut Legrand (Développement) : First @Digidop & [traducteur officiel de la version française de Client-First](https://finsweet.com/client-first/translators/thibaut-legrand) 🧑🏼‍💻 Florian Bodelot (Animation) : Co-founder @Digidop & [traducteur officiel de la version française de Client-First](https://finsweet.com/client-first/translators/florian-bodelot) ## Vidéo & Replay ### // Ressources partagées pendant le live build Webflow - Webflow Read-only link : WIP - [Maquette Figma ](https://www.figma.com/community/file/1285887764647797024/1-live-build-webflow-client-first-fr-disney) - Documentation Client-First FR : [https://finsweet.com/client-first/fr/intro](https://finsweet.com/client-first/fr/intro)‍ - Site Disney+ : [https://www.disneyplus.com/](https://www.disneyplus.com/) [ ](#)![Digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/670d65d7d25b0b7faea756ef_64760069e93084646c9ef274_icon-digidop.svg)DigidopAgence Web[ ](/fr/team/lequipe-digidop)[ ](https://fr.linkedin.com/company/digidop)[ ](https://x.com/digidop_com)+1200 lecteurs ## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives. [S'inscrire ](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter ](https://digidopfr.substack.com/) ## Articles qui devraient vous intéresser ![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir ### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026 [Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir ### Webflow lance Source. Notre avis sur ce shift. [Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir ### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA [Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles ](/fr/blog)Les meilleurs projets web commencent par une conversation[Discuter avec un expert ](/fr/contact)[Réserver un appel ](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)