Présentation Moodboard pour connaître tous vos désirs
Convertissez vos prospects en clients grâce à votre site web
Chez Baguette Studio, on vous accompagne de A à Z sur votre projet de site internet et on s'arrête que lorsque qu’il vous plaît à 100%.
Ils nous font confiance
Ils nous font confiance




















Vue d'ensemble
Compréhension du projet

Resoil est une start-up à mission spécialisée dans la transition agroécologique depuis plus de deux ans et demi. Aujourd’hui, son site Webflow et ses landing pages ne reflètent plus la qualité de son travail, ni les enjeux stratégiques liés à son acquisition Google Ads.
Objectif court terme : réaliser 3 landing pages en partant sur celles déjà existantes, afin d’obtenir des pages plus performantes, plus claires et plus alignées avec les attentes des prospects B2B.
1. Clarifier et structurer les landing pages existantes
→ Repenser entièrement l’UX pour rendre les pages plus lisibles, plus engageantes et adaptées au parcours utilisateur B2B.
→ Optimiser la mise en forme des contenus fournis, pour gagner en cohérence et en pouvoir de persuasion.
→ Utiliser les visuels disponibles (interne + libre de droit) en cohérence avec les codes de marque existants.
→ Recréer des pages orientées conversion pour maximiser l’efficacité du trafic payant.
2. Améliorer immédiatement les performances Google Ads
→ Augmenter la pertinence entre mots-clés, annonces et landing pages.
→ Contribuer à la baisse des coûts d’enchère grâce à un meilleur Quality Score.
→ Adapter l’expérience aux comportements observés (navigation majoritairement desktop).
→ Maximiser la transformation des visiteurs en prospects qualifiés.
3. Moderniser l’expérience visuelle sans changer la charte
→ Respect strict de la charte actuelle, avec une marge de modernisation pour renforcer l’impact visuel.
→ UI plus claire, plus premium et plus professionnelle, pensée pour un public entreprise.
→ Sélection visuelle cohérente pour valoriser l’expertise, l’impact environnemental et la crédibilité de Resoil.
4. Préparer la future refonte globale (vision 2026)
→ Pages pensées pour être modulaires, évolutives et facilement réutilisables.
→ Mise en place de standards UX/UI qui serviront de base à la future refonte du site complet.
→ Amélioration de la structure Webflow existante pour gagner en performance, propreté et évolutivité.
Donnez à votre site web une image qui attire et convertit
Attirez, engagez et convertissez avec une identité percutante.
Déclenchez des actions immédiates
Des pages pensées pour convertir chaque visiteur en client. Design, contenu et stratégie au service de votre croissance.

Maximisez chaque euro investi
Optimisation poussée pour rentabiliser vos dépenses. Chaque élément est ajusté pour un meilleur retour surinvestissement.

Une image qui marque les esprits
Créez une identité forte qui attire et fidélise votre audience. Faites de votre marque une référence incontournable.

Un site qui génère des résultats
Votre site devient un véritable levier de croissance en attirant des prospects qualifiés jour et nuit.

Performance et design en fusion
Associez un design impactant à une structure optimisée pour des conversions maximales.

Du design à la performance
Chaque étape est optimisée pour transformer vos idées en un site qui attire, engage et convertit.
Découverte & Objectifs
On commence par comprendre votre activité, votre marché et vos ambitions. L’objectif est de définir clairement le rôle du site et d’aligner la stratégie digitale avec votre vision business.

Atelier Stratégique
Nous travaillons votre storytelling, votre positionnement et les messages clés. C’est aussi à ce stade que l’on définit l’univers visuel et les bases de l’UI pour créer une identité forte et cohérente.

Conception UX & Design
Nous élaborons une expérience utilisateur fluide et engageante, avec au minimum 3 propositions de design. Vous choisissez la direction qui correspond le mieux à votre identité et à vos objectifs.

Intégration Webflow
Une fois le design validé, nous développons votre site sur Webflow. Résultat : un site moderne, rapide, optimisé pour le référencement et facile à maintenir.

Livraison & Formation
Nous livrons un site prêt à performer et vous accompagner avec une formation personnalisée. Vous êtes totalement autonome pour gérer vos contenus et faire évoluer votre site.

Stratégie & plan d'exécution
Moodboard (i.e ~ 2 jours)


Objectif : Aligner clairement la vision créative du projet en traduisant la charte graphique existante en un univers visuel adapté aux 3 landing pages.
- Analyse de la charte graphique existante (couleurs, typographies, iconographie, tonalité visuelle).
- Sélection et composition d’un moodboard visuel cohérent avec l’identité de marque.
- Définition de l’atmosphère souhaitée pour les landing pages : style, émotions, textures, niveaux de contrastes, directions photo/vidéo.
- Exploration de pistes créatives (minimaliste, premium, dynamique, éditoriale, etc.).
- Préconisations sur l’usage des visuels : types de photos, illustrations, vidéos, animations légères.
→ Bénéfice global : Disposer d’une vision visuelle claire, validée et cohérente avec l’identité de marque, permettant d’assurer une continuité parfaite entre la charte graphique existante et le futur design des 3 landing pages.
Wireframe & Architecture (i.e ~ 4 jours)


Objectif : Définir la structure UX complète des 3 landing pages afin d’aligner le cadrage, le contenu et le parcours utilisateur avant la phase de design.
- Création de wireframes détaillés pour les 3 landing pages (structure, sections, organisation des blocs).
- Hiérarchisation UX orientée conversion : CTA, storytelling, preuves sociales, rythme de lecture.
- Placement des futurs visuels / vidéos / éléments interactifs.
- Indications des animations clés et micro-interactions (transition, scroll reveal, etc.).
- Optimisation du parcours utilisateur selon les objectifs business.
- Retouches illimitées jusqu’à validation des wireframes.
→ Bénéfice global : Une vision claire, structurée et validée du futur site, garantissant une base solide pour un design efficace, cohérent et orienté conversion.
WEBDESIGN (I.E ~ 2 SEMAINES)



Objectif : Concevoir des interfaces haut de gamme, alignées avec la direction artistique et optimisées pour maximiser la conversion, l’impact visuel et la clarté du message.
- Création du design complet des 3 landing pages sur Figma (en fonction de l'objectif de chacunes).
- Définition et harmonisation de la direction artistique : couleurs, typographies, iconographie, styles visuels.
- Création d’interfaces premium et cohérentes avec l’identité de marque.
- Mise en forme professionnelle des contenus : titres, textes, visuels, storytelling.
- Intégration d’éléments créatifs : micro-interactions, animations, transitions, mise en scène des visuels.
- Déclinaison de toutes les sections définies dans le wireframe.
- Proposition de variations créatives lorsqu’elles apportent de la valeur.
- Retouches illimitées jusqu’à validation du design.
→ Bénéfice global : Un design moderne, premium et parfaitement aligné avec l’identité de la marque, garantissant une expérience visuelle forte, une compréhension immédiate du message et une conversion optimisée dès l’arrivée sur la page.
DÉVELOPPEMENT WEBFLOW (I.E ~ 1 SEMAINE)



Objectif : Transformer les maquettes en pages Webflow performantes, fidèles au design, fluides, rapides et faciles à maintenir.
- Intégration pixel-perfect des 3 landing pages dans Webflow.
- Développement propre, structuré et conforme aux standards de Webflow (classes, nomenclature, bonnes pratiques).
- Mise en place des animations et micro-interactions définies (transitions, scroll, reveals).
- Optimisation des performances : compression des médias, structure légère, chargement intelligent.
- Configuration du responsive design sur l’ensemble des breakpoints.
- Paramétrage des formulaires, CTA, liens et redirections.
- Paramétrage SEO technique : balises, titres, descriptions, alt texts, sitemap, etc.
- Mise en place des bonnes pratiques d’accessibilité (lisibilité, contrastes, structure).
- Corrections jusqu’à validation finale.
→ Bénéfice global : Des Landing pages robustes et parfaitement fidèles au design, offrant une expérience fluide et professionnelle, tout en restant simple à administrer et évolutif pour les futures mises à jour.
TESTS & OPTIMISATION (I.E ~ 2 JOURS)

- Vérification complète : performance, accessibilité, responsive, multi-supports.
- Contrôle SEO technique (balises, Open Graph, structure).
- Recettage fonctionnel : vérification de toutes les logiques de parcours.
- Formation à la prise en main prévu à la livraison du site (mise à jour des textes, images, etc.).
- Maintenance offerte pendant 1 mois.
→ Bénéfice global : un lancement fluide, sans friction, et une équipe autonome dès la mise en ligne.
Options modulaires
OPTION – Animation Motion Design du logo (+490€)
.gif)
Signature animée professionnelle pour renforcer l’impact et la modernité de votre marque
Création d’une animation courte et élégante de votre logo pour :
- Moderniser l’image de votre entreprise
- Renforcer la perception de sérieux, maîtrise et professionnalisme
- Créer un repère visuel mémorable
- Dynamiser vos supports digitaux (site, vidéos, présentations…)
Utilisable dans : Le Hero du site, vos vidéos, vos présentations commerciales, vos réseaux sociaux.
→ Style maîtrisé, sans effets inutiles :
Une animation propre, robuste, cohérente avec votre image de marque pour inspirer confiance et crédibilité.
OPTION – Animation 3D / WebGL (à partir de 1 200 € / animation)

Expérience immersive pour renforcer l’impact visuel et le positionnement premium de votre marque
Création "from scratch" d’une animation 3D et intégration web conçue pour :
- Moderniser l’image de votre entreprise
- Créer une expérience haut de gamme et immersive
- Mettre en valeur vos produits / services de manière spectaculaire
- Augmenter l’engagement grâce aux interactions et au mouvement
- Différencier votre marque de la concurrence
Utilisable dans : Le Hero du site, les pages produits, les présentations interactives, les supports vidéos.
→ Style maîtrisé et performance optimisée :
Une animation fluide, performante et parfaitement intégrée, pensée pour valoriser votre marque sans ralentir le site : textures optimisées, interactions (scroll / hover), compatibilité mobile, intégration Webflow soignée.
OPTION – Animation Avancée Full Custom (JS / GSAP / librairies sur mesure) (à partir de 680 € / animation)
%20(1).gif)
Animation sur-mesure ultra fluide pour créer une expérience unique et hautement différenciante
Création d’une animation entièrement custom, utilisant GSAP / JavaScript pour :
- Donner une identité forte et un storytelling visuel unique
- Créer des interactions fluides et immersives (scroll, transitions, micro-mouvements)
- Valoriser vos contenus grâce à une mise en scène dynamique
- Accroître l’engagement et la perception premium du site
- Vous démarquer nettement des expériences web classiques
Utilisable pour : Transitions de pages, sections clés, scroll-sequences, reveals, effets éditoriaux, animations narratives.
→ Performance, précision et intégration parfaite :
Animation optimisée et maîtrisée, conçue avec GSAP/JS pour assurer fluidité (FPS stable), compatibilité mobile, interactions avancées (ScrollTrigger, timelines), scénario visuel sur-mesure et intégration propre dans Webflow (triggers, wrappers, fallback).
Pour un échéancier personnalisé, contactez-nous.
Développez votre visibilité avec nos services sur-mesure
Une stratégie sur-mesure pour transformer votre visibilité en véritable levier de croissance.














