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

Piana arrive à un moment clé de son développement.
Le site web doit désormais devenir un outil central d’acquisition, de SEO et de production de contenus, capable de soutenir la croissance marketing et produit sur les prochains mois.
Aujourd’hui, le site existant, bien que techniquement fonctionnel, ne constitue pas une base adaptée pour :
- créer et dupliquer rapidement des landing pages orientées Ads,
- déployer une stratégie SEO à l’échelle (blog, guides, contenus téléchargeables),
- garantir une autonomie réelle des équipes marketing,
- accompagner l’évolution de l’offre et de la marque,
- itérer rapidement sans risque de casser l’existant.
L’objectif de ce projet est donc de repartir d’une base saine, en concevant un nouveau site web, pensée dès le départ pour :
- l’acquisition,
- la performance mobile,
- la duplication rapide,
- et la scalabilité des contenus,
Avec une mise en ligne visée en mars.
Problématique
- Absence de structure claire orientée acquisition et SEO
- Difficulté à produire et maintenir des pages sans effets de bord (classes partagées)
- Dépendance à des outils externes pour les landing pages (ex. Instapage)
- Manque de templates pour industrialiser la production de contenus
- Performance mobile et vitesse à prioriser (trafic majoritairement mobile)
- Image de marque peu incarnée autour de la mobilité, du mouvement et du futur
- Peu de preuves sociales et de ciblage par usage / secteur
Objectifs du projet
- Concevoir une nouvelle plateforme pensée comme un moteur d’acquisition (Ads + SEO), et non comme une vitrine statique.
- Mettre en place un système de landing pages : création dynamique, itérations marketing fréquentes, cohérence parfaite avec la charte, sans dépendance à un outil tiers.
- Déployer une architecture SEO simple, rapide et scalable, avec des templates “pillar” et des hubs de contenus.
- Garantir une autonomie marketing sans risque de casse, grâce à une conception modulaire et à l’isolation des templates.
- Reposer une base graphique plus incarnée (mobilité, mouvement, futur), exploitable immédiatement sur le site et les supports essentiels.
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
Cadrage stratégique & plan de production

Objectif : Définir un périmètre clair et priorisé pour livrer une plateforme pleinement opérationnelle, en maximisant l’impact acquisition et SEO tout en sécurisant l’autonomie et la maintenabilité.
- Clarification des objectifs business et marketing (Ads / SEO / contenus)
- Définition de la structure du site principal et des pages dédiées à l’acquisition et au SEO
- Conception de la structure CMS
- Priorisation des éléments nécessaires
- Découpage du projet en jalons clairs
→ Bénéfice global : Un cadre précis qui évite les dérives de périmètre et sécurise une mise en ligne rapide, utile et orientée résultats.
Identité visuelle : refonte du logo & territoire de marque (i.e ~ 10 jours)



Objectif : Créer une identité plus cohérente et plus incarnée, alignée avec les notions de mobilité, de mouvement et de projection futur, tout en restant exploitable immédiatement.
- Direction artistique & moodboard
- Refonte ou évolution du logo (3 propositions)
- Définition du territoire graphique (couleurs, typographies, iconographie)
- Principes de mise en page et d’expression visuelle
- Recherche et elaboration du territoire photographique
- Déclinaisons essentielles :
- variantes du logo
- bannières réseaux sociaux
- photos de profil (si nécessaire)
→ Bénéfice global : Une identité claire, moderne et différenciante, directement exploitable sur tous les supports clés.
À savoir : Ces phases sont conçues pour avancer en parallèle de la construction du site
Architecture UX & wireframes (i.e ~ 4 jours)


Objectif : Concevoir une architecture simple, rapide et orientée conversion, facilitant la compréhension des offres et la production de contenus.
- Arborescence cible à profondeur mesuré (SEO-friendly)
- Structuration par produits et usages
- Définition des hubs de contenus (Ressources, Guides)
- Parcours utilisateurs mobile-first
- Création des wireframes
- Définition des sections et composants modulaires
→ Bénéfice global : Une structure claire et durable, pensée pour la performance, la conversion et l’évolution rapide du site.
Webdesign (UI) (I.E ~ 2 SEMAINES)



Objectif : Créer un système de design et de templates cohérent et duplicable, permettant à la fois de refondre le site principal et de produire efficacement des pages d’acquisition et de contenus SEO.
A) Refonte du site principal
Pages incluses
- Homepage
Page d’entrée centrale, conçue pour orienter rapidement vers les produits clés et soutenir l’acquisition. - Pages Produits
- Télépéage
- Flotte thermique
- Véhicules électriques
- Page Qui sommes-nous
Page institutionnelle visant à renforcer la crédibilité, la vision et la légitimité de la marque.
Éléments transverses inclus
- Structure de navigation
- Système de sections modulaires (hero, bénéfices, preuves, CTA, etc.)
- Composants UI réutilisables (cards, blocs arguments, blocs preuves…)
- Design mobile-first orienté lisibilité et conversion
- Harmonisation visuelle globale
→ Bénéfice global
Un site principal clair, lisible et orienté conversion, servant de socle solide à l’ensemble des actions marketing.
B) Système de pages d’acquisition, SEO & contenus
Pages incluses :
- Landing page Ads (duplicable)
- Espace Ressources (hub regroupant blog, guides et contenus téléchargeables)
- Page blog + Article de blog
- Contenu téléchargeable (avec formulaire HubSpot en haut de page)
- Guide / Pillar page (avec navigation latérale SEO)
- Témoignages (structure CMS réutilisable en pages et en sections)
- Verticale adressée (structure CMS réutilisable en pages et en sections)
Principes de conception
- Sections modulaires combinables
- Variantes adaptées aux landing pages
- Hiérarchie SEO claire
- Pensé pour la duplication rapide et l’autonomie marketing
→ Bénéfice
Un système de pages robuste et évolutif permettant de lancer rapidement des campagnes Ads et de produire du contenu SEO à l’échelle, sans dépendance à un outil externe.
Développement Webflow (I.E ~ 2 SEMAINES)



Objectif : Intégrer le site dans Webflow selon les meilleures pratiques techniques, afin d’obtenir un site performant, sécurisé et facile à maintenir.
- Intégration pixel-perfect dans Webflow.
- Développement propre, structuré et conforme aux standards de Webflow (classes, nomenclature, bonnes pratiques).
- Mise en place des collections CMS adaptées.
- 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).
- Intégration HubSpot (formulaires & tracking)
- Corrections jusqu’à validation finale.
→ Bénéfice global : Un site rapide, fiable et évolutif, qui remplace Instapage pour l’acquisition et donne une autonomie réelle à l’équipe marketing.
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 2 mois.
→ Bénéfice global : un lancement fluide, sans friction, et une équipe autonome dès la mise en ligne.
Organisation & collaboration

- Accès Figma en temps réel avec commentaires
- Groupe WhatsApp dédié pour le suivi du projet
- Méthodologie orientée efficacité, qualité et respect des délais
Pour un échéancier personnalisé, contactez-nous.






.gif)

%20(1).gif)






