=<div class="widesign-hero"> <span class="eyebrow">Site vitrine professionnel</span> <h1>Création de site vitrine qui <em>génère des demandes qualifiées</em></h1> <p class="subtitle">Votre site vitrine n'est pas une carte de visite digitale. C'est un commercial qui travaille 24h/24, convertit vos visiteurs en prospects et renforce votre crédibilité face à la concurrence.</p> <div class="ctas"> <a href="#contact" class="cta-primary">Obtenir un devis</a> <a href="#approche" class="cta-secondary">Voir notre approche</a> </div> </div> <div class="widesign-garanties"> <h2>Ce qu'on garantit</h2> <div class="garanties-grid"> <div class="garantie-card"><h3>Livraison sous 6 semaines</h3><p>Planning fixe, jalons hebdomadaires, mise en ligne garantie dans les délais convenus</p></div><div class="garantie-card"><h3>SEO intégré dès la conception</h3><p>Architecture, balisage et contenus optimisés pour le référencement naturel dès le premier jour</p></div><div class="garantie-card"><h3>Performance 90+ Google</h3><p>Score PageSpeed Insights supérieur à 90 sur mobile et desktop, sans compromis sur le design</p></div><div class="garantie-card"><h3>Formation et autonomie</h3><p>Prise en main complète de votre back-office pour modifier vos contenus sans dépendance technique</p></div> </div> </div> <div class="widesign-pourquoi-investir"> <h2>Pourquoi investir</h2> <p>Un site vitrine médiocre coûte plus cher qu'un bon site. Chaque visiteur qui repart sans vous contacter représente un client potentiel perdu. Chaque seconde de chargement supplémentaire fait chuter votre taux de conversion de 7%. Chaque page mal structurée vous éloigne des premières positions Google.</p><p>Investir dans un site vitrine professionnel, c'est transformer un centre de coût en actif commercial. Les entreprises que nous accompagnons constatent en moyenne une multiplication par 3 de leurs demandes entrantes dans les 90 premiers jours. Le ROI se mesure, il ne se devine pas.</p> <div class="bullets"> <div class="bullet-item"><h3>Crédibilité immédiate face à vos concurrents</h3><p>Vos prospects comparent. Un site daté ou amateur vous disqualifie avant même un premier échange. Un design actuel et une navigation fluide installent la confiance en moins de 3 secondes.</p></div><div class="bullet-item"><h3>Acquisition de prospects pendant votre sommeil</h3><p>Formulaires stratégiquement placés, appels à l'action testés, tunnels de conversion optimisés. Votre site capte des leads qualifiés 7 jours sur 7, même quand vous êtes en rendez-vous.</p></div><div class="bullet-item"><h3>Visibilité Google sans budget pub permanent</h3><p>Le SEO organique génère des visiteurs gratuits sur le long terme. Un site bien construit se positionne naturellement sur vos requêtes métier et réduit votre dépendance aux annonces payantes.</p></div><div class="bullet-item"><h3>Réduction du cycle de vente commercial</h3><p>Un prospect qui arrive sur votre site après avoir lu vos pages services, cas clients et méthodologie est déjà pré-convaincu. Vos commerciaux passent moins de temps à expliquer, plus de temps à closer.</p></div> </div> </div> <div class="widesign-citation"> <blockquote>Un site vitrine qui ne génère pas de contacts n'est pas un actif, c'est une charge. Notre travail : inverser cette équation.</blockquote> <cite>— Yanis Benkechida, fondateur Widesign</cite> </div> <div class="widesign-approche"> <h2>Notre approche</h2> <p>Nous ne vendons pas des templates habillés. Chaque site Widesign est conçu à partir de vos objectifs business, pas d'une maquette générique. L'architecture, le wording, les parcours utilisateurs : tout est pensé pour convertir votre cible spécifique.</p><p>Notre méthode associe stratégie marketing et excellence technique. Avant de dessiner la première ligne, nous analysons votre marché, vos concurrents et vos personas. Le design vient ensuite servir un objectif clair : transformer le trafic en chiffre d'affaires.</p> <div class="expertises"> <div class="expertise-card"><span class="numero">01</span><h3>Audit stratégique préalable</h3><p>Analyse de votre positionnement, benchmark concurrentiel, définition des personas prioritaires et cartographie des parcours de conversion. Rien n'est laissé à l'intuition.</p></div><div class="expertise-card"><span class="numero">02</span><h3>Architecture de l'information</h3><p>Structure des pages, hiérarchie des contenus, maillage interne pensé pour le SEO et la fluidité de navigation. Chaque clic rapproche le visiteur de la conversion.</p></div><div class="expertise-card"><span class="numero">03</span><h3>Design UI orienté conversion</h3><p>Direction artistique alignée sur votre identité, mais chaque élément visuel a une fonction. Boutons, espacements, contrastes : tout guide l'œil vers l'action souhaitée.</p></div><div class="expertise-card"><span class="numero">04</span><h3>Développement performant</h3><p>Code propre, temps de chargement optimisé, responsive natif. Compatibilité tous navigateurs, accessibilité RGAA niveau AA, sécurité HTTPS et mises à jour facilitées.</p></div><div class="expertise-card"><span class="numero">05</span><h3>Tracking et optimisation continue</h3><p>Installation de Google Analytics 4, Search Console, heatmaps. Suivi des conversions dès J1 pour identifier les points de friction et améliorer en continu.</p></div> </div> </div> <div class="widesign-cas-clients"> <h2>Ils nous ont fait confiance</h2> <div class="cas-grid"> <div class="cas-card"><span class="secteur">Industrie métallurgique</span><h3>Accrometal</h3><p>Refonte complète du site vitrine B2B avec repositionnement du discours commercial et optimisation des parcours de demande de devis.</p><div class="kpis"><div class="kpi"><strong>x7,3</strong><span>demandes entrantes</span></div><div class="kpi"><strong>45 jours</strong><span>délai de livraison</span></div></div></div><div class="cas-card"><span class="secteur">Services B2B</span><h3>Olivier Marechal</h3><p>Création d'un site vitrine avec landing pages dédiées par offre, formulaires segmentés et tracking avancé des conversions.</p><div class="kpis"><div class="kpi"><strong>19 jours</strong><span>pour atteindre le ROI</span></div><div class="kpi"><strong>34%</strong><span>taux de conversion formulaire</span></div></div></div><div class="cas-card"><span class="secteur">Transport premium</span><h3>Transport Distinction</h3><p>Site vitrine haut de gamme reflétant le positionnement luxe, avec réservation en ligne et intégration CRM.</p><div class="kpis"><div class="kpi"><strong>+180%</strong><span>trafic organique à 6 mois</span></div><div class="kpi"><strong>92/100</strong><span>score PageSpeed mobile</span></div></div></div> </div> </div> <div class="widesign-cas-featured"> <blockquote>Notre ancien site nous coûtait des clients. Depuis la refonte Widesign, nous recevons des demandes de devis chaque semaine sans rien changer à notre prospection.</blockquote> <cite>— Accrometal, Dirigeant</cite> <div class="kpis-featured"> <div class="kpi-large"><strong>x7,3</strong><span>demandes entrantes qualifiées</span></div><div class="kpi-large"><strong>6 semaines</strong><span>de la signature à la mise en ligne</span></div><div class="kpi-large"><strong>Top 5 Google</strong><span>sur 12 requêtes métier ciblées</span></div> </div> </div> <div class="widesign-stack"> <h2>Les technologies qu'on maîtrise</h2> <p class="intro">Nous utilisons des technologies éprouvées, maintenables et performantes. Pas de gadgets à la mode, mais des outils qui tiennent dans le temps.</p> <div class="stack-categories"> <div class="stack-category"><h3>Front-end</h3><ul><li><strong>HTML5 / CSS3</strong> <span>Standards web accessibles et pérennes</span></li><li><strong>JavaScript ES6+</strong> <span>Interactions fluides sans surcharge</span></li><li><strong>GSAP</strong> <span>Animations performantes et légères</span></li><li><strong>Tailwind CSS</strong> <span>Styles optimisés, CSS minimal</span></li></ul></div><div class="stack-category"><h3>Back-end & CMS</h3><ul><li><strong>WordPress</strong> <span>CMS flexible, écosystème mature</span></li><li><strong>ACF Pro</strong> <span>Champs personnalisés pour votre métier</span></li><li><strong>WP Rocket</strong> <span>Cache et optimisation intégrés</span></li><li><strong>PHP 8.2+</strong> <span>Performances serveur actuelles</span></li></ul></div><div class="stack-category"><h3>Outils SEO & Marketing</h3><ul><li><strong>Google Search Console</strong> <span>Indexation et suivi de positions</span></li><li><strong>Google Analytics 4</strong> <span>Tracking comportemental avancé</span></li><li><strong>Screaming Frog</strong> <span>Audit technique exhaustif</span></li><li><strong>Hotjar</strong> <span>Heatmaps et enregistrements sessions</span></li></ul></div> </div> </div> <div class="widesign-phases"> <h2>Notre méthode</h2> <p class="intro">Un projet structuré en 5 phases distinctes avec livrables intermédiaires. Vous savez où vous en êtes à chaque étape.</p> <div class="phases-list"> <div class="phase-card"><span class="numero">1</span><h3>Cadrage stratégique</h3><span class="duree">J0-J7</span><p>Atelier de découverte, définition des objectifs mesurables, analyse concurrentielle, brief créatif validé. Vous repartez avec une roadmap claire et un planning détaillé.</p></div><div class="phase-card"><span class="numero">2</span><h3>Architecture et wireframes</h3><span class="duree">J8-J14</span><p>Arborescence du site, structure de chaque page, hiérarchie des contenus, parcours utilisateurs schématisés. Validation avant tout travail graphique.</p></div><div class="phase-card"><span class="numero">3</span><h3>Direction artistique</h3><span class="duree">J15-J21</span><p>Maquettes desktop et mobile des pages clés, déclinaison du système de design, guide de style. Deux cycles de retours inclus dans cette phase.</p></div><div class="phase-card"><span class="numero">4</span><h3>Développement et intégration</h3><span class="duree">J22-J35</span><p>Développement WordPress sur environnement de staging, intégration des contenus, configuration SEO technique, tests cross-browser et mobile.</p></div><div class="phase-card"><span class="numero">5</span><h3>Recette et mise en ligne</h3><span class="duree">J36-J42</span><p>Tests utilisateurs, corrections, formation à l'administration du site, migration vers production, configuration DNS, monitoring post-lancement pendant 15 jours.</p></div> </div> </div> <div class="widesign-resultats"> <h2>Une approche qui se mesure en euros récupérés</h2> <p>Nous ne livrons pas un site et disparaissons. Chaque projet inclut la configuration d'un tableau de bord de suivi : sources de trafic, taux de rebond, chemins de conversion, formulaires soumis. Vous mesurez l'impact réel de votre investissement dès les premières semaines.</p><p>Accrometal a multiplié par 7,3 ses demandes entrantes. Olivier Marechal a atteint son ROI en 19 jours. Ces résultats ne sont pas des anomalies. Ils découlent d'une méthode appliquée rigoureusement : comprendre le business, concevoir pour convertir, mesurer et ajuster.</p> <div class="kpis-globaux"> <div class="kpi-global"><strong>x3,2</strong><span>multiplication moyenne des leads à 90 jours</span></div><div class="kpi-global"><strong>94/100</strong><span>score PageSpeed moyen des sites livrés</span></div><div class="kpi-global"><strong>87%</strong><span>clients recommandant Widesign à leur réseau</span></div> </div> </div> <div class="widesign-ressources"> <h2>Ressources liées</h2> <div class="ressources-grid"> <div class="ressource-card"><h3>Combien coûte vraiment un site vitrine professionnel en 2024</h3><p>Décryptage des fourchettes de prix, des facteurs qui influencent le budget et des pièges à éviter lors de vos demandes de devis.</p></div><div class="ressource-card"><h3>Site vitrine vs site e-commerce : comment choisir</h3><p>Critères de décision clairs pour déterminer quelle typologie de site correspond à vos objectifs commerciaux actuels.</p></div><div class="ressource-card"><h3>Les 7 erreurs qui plombent la conversion de votre site vitrine</h3><p>Analyse des frictions les plus courantes et méthodes concrètes pour les corriger sans refonte complète.</p></div> </div> </div> <div class="widesign-investissement"> <h2>Investissement &amp; méthode</h2> <p class="intro">Chaque projet est chiffré sur-mesure après un échange stratégique. Nous ne proposons pas de grille tarifaire générique car votre site doit répondre à vos objectifs spécifiques, pas à un template standardisé.</p> <ul class="facteurs"> <li>Nombre de pages et complexité de l'arborescence</li><li>Niveau de personnalisation graphique et animations</li><li>Intégrations tierces (CRM, réservation, paiement)</li><li>Accompagnement SEO et rédaction de contenus</li> </ul> <div class="cta-block"> <strong>Diagnostic stratégique gratuit</strong> <p>Roadmap personnalisée sous 48h, sans engagement</p> </div> </div> <div class="widesign-faq"> <h2>Questions fréquentes</h2> <div class="faq-list"> <details class="faq-item"><summary>Combien de temps faut-il pour créer un site vitrine professionnel ?</summary><p>Entre 4 et 8 semaines selon la complexité. Un site 5 pages avec design standard : 4 semaines. Un site 15 pages avec animations avancées et intégrations CRM : 6 à 8 semaines. Nous fixons un planning précis dès le cadrage et nous y tenons.</p></details><details class="faq-item"><summary>Pourrai-je modifier mon site moi-même après la livraison ?</summary><p>Absolument. Chaque projet inclut une formation de 2 heures sur votre back-office WordPress. Vous saurez modifier textes, images, ajouter des pages. Pour les évolutions techniques, nous restons disponibles via maintenance ou interventions ponctuelles.</p></details><details class="faq-item"><summary>Mon site sera-t-il bien référencé sur Google ?</summary><p>Le SEO technique est intégré dès la conception : architecture optimisée, balisage sémantique, temps de chargement, maillage interne. Pour un positionnement sur des requêtes concurrentielles, nous proposons un accompagnement SEO complémentaire avec stratégie de contenu.</p></details><details class="faq-item"><summary>Que se passe-t-il si je ne suis pas satisfait des maquettes ?</summary><p>Deux cycles de retours sont inclus à chaque phase. Si après ces itérations le résultat ne convient toujours pas, nous organisons un atelier de recadrage pour identifier le décalage. Notre objectif : un livrable validé à chaque jalon, pas de mauvaises surprises à la fin.</p></details><details class="faq-item"><summary>Proposez-vous l'hébergement et la maintenance ?</summary><p>Oui. Hébergement sur serveurs français optimisés WordPress, certificat SSL inclus, sauvegardes quotidiennes, mises à jour de sécurité mensuelles. Formule maintenance disponible avec interventions techniques et support prioritaire.</p></details><details class="faq-item"><summary>Travaillez-vous avec des entreprises hors de Saint-Étienne ?</summary><p>La majorité de nos clients sont en Auvergne-Rhône-Alpes, mais nous accompagnons des entreprises partout en France. Ateliers en visio, outils collaboratifs, points réguliers : la distance n'impacte ni la qualité ni les délais.</p></details><details class="faq-item"><summary>Quelle différence avec un freelance ou une agence low-cost ?</summary><p>Un freelance peut disparaître. Une agence low-cost livre des templates habillés. Widesign structure votre projet sur des objectifs business mesurables, avec une équipe pluridisciplinaire et un engagement de résultat. Le prix reflète la valeur générée, pas le temps passé.</p></details><details class="faq-item"><summary>Comment mesurez-vous le succès d'un site vitrine ?</summary><p>Par les indicateurs qui comptent pour vous : demandes de contact, appels entrants, téléchargements de brochure, prises de rendez-vous. Nous configurons le tracking dès la mise en ligne et partageons un rapport mensuel les 3 premiers mois.</p></details> </div> </div> <div class="widesign-maillage"> <h2>Explorez nos expertises liées</h2> <ul class="maillage-list"> <li><span class="pill">refondre votre site existant</span></li><li><span class="pill">stratégie SEO complète</span></li><li><span class="pill">créer une boutique en ligne</span></li><li><span class="pill">sites vitrines pour l'industrie</span></li><li><span class="pill">agence digitale à Saint-Étienne</span></li><li><span class="pill">maintenance et hébergement</span></li> </ul> </div> <div class="widesign-cta-final"> <h2>Votre site vitrine mérite de <em>générer du business</em></h2> <p>Échangeons 30 minutes sur vos objectifs. Vous repartirez avec une vision claire de ce que votre site pourrait accomplir et un chiffrage transparent.</p> <a href="#contact" class="cta-large">Planifier un échange</a> </div>