[{"data":1,"prerenderedAt":370},["ShallowReactive",2],{"site-nav":3,"page-\u002Fmethode":109},{"services":4,"rubriques":92},[5,13,20,27,34,41,47,55,61,67,74,80,86],{"path":6,"title":7,"navTitle":8,"summary":9,"color":10,"order":11,"category":12},"\u002Fservices\u002Fcreation-site-vitrine-nantes","Création de site vitrine à Nantes","Site vitrine","Un site sur mesure, rapide et accessible, qui présente votre activité et transforme les visites en demandes de contact.","jaune",1,"creation",{"path":14,"title":15,"navTitle":16,"summary":17,"color":18,"order":19,"category":12},"\u002Fservices\u002Fcreation-site-e-commerce-nantes","Création de site e-commerce à Nantes","Site e-commerce","Une boutique en ligne sur Shopify, WooCommerce ou PrestaShop, pensée pour vendre : catalogue, paiement, livraison et SEO.","vert",2,{"path":21,"title":22,"navTitle":23,"summary":24,"color":25,"order":26,"category":12},"\u002Fservices\u002Frefonte-site-internet-nantes","Refonte de site internet à Nantes","Refonte de site","Moderniser votre site sans perdre votre référencement : audit, plan de redirections, nouveau design et migration des contenus.","orange",3,{"path":28,"title":29,"navTitle":30,"summary":31,"color":32,"order":33,"category":12},"\u002Fservices\u002Fwebdesign-ux-ui-nantes","Agence UX\u002FUI design et webdesign à Nantes","Webdesign UX\u002FUI","Recherche utilisateur, parcours, maquettes, prototype testé et design system : des interfaces claires, accessibles et prêtes à développer.","rose",4,{"path":35,"title":36,"navTitle":37,"summary":38,"color":39,"order":40,"category":12},"\u002Fservices\u002Fdeveloppement-web-sur-mesure-nantes","Agence de développement web sur mesure à Nantes","Développement sur mesure","Applications métier, extranets, MVP SaaS, API et intégrations : du code sur mesure, testé, documenté et qui vous appartient.","chartreuse",5,{"path":42,"title":43,"navTitle":44,"summary":45,"color":18,"order":46,"category":12},"\u002Fservices\u002Feco-conception-web-nantes","Éco-conception de site web à Nantes","Éco-conception","Audit RGESN, pages allégées, compatibilité avec les anciens appareils et déclaration d’écoconception : un site plus sobre, mesuré, sans allégation invérifiable.",6,{"path":48,"title":49,"navTitle":50,"summary":51,"color":52,"order":53,"category":54},"\u002Fservices\u002Freferencement-naturel-seo-nantes","Agence SEO à Nantes : référencement naturel","Référencement SEO","Audit, contenus, maillage, référencement local et suivi Search Console : un SEO mesuré, sans promesse de position, pour être trouvé à Nantes et au-delà.","bleu",7,"visibilite",{"path":56,"title":57,"navTitle":58,"summary":59,"color":39,"order":60,"category":54},"\u002Fservices\u002Foptimisation-vitesse-site-web-nantes","Optimisation de la vitesse de site web à Nantes","Vitesse & Core Web Vitals","Mesure des Core Web Vitals, audit, plan d’action chiffré et correctifs sur votre technologie : des pages plus rapides, vérifiées sur les données réelles.",8,{"path":62,"title":63,"navTitle":64,"summary":65,"color":32,"order":66,"category":54},"\u002Fservices\u002Faccessibilite-numerique-nantes","Accessibilité numérique et audit RGAA à Nantes","Accessibilité (RGAA)","Audit RGAA, corrections, déclaration d’accessibilité et formation : rendre votre site utilisable par tous et répondre à vos obligations.",9,{"path":68,"title":69,"navTitle":70,"summary":71,"color":10,"order":72,"category":73},"\u002Fservices\u002Fmaintenance-site-internet-nantes","Maintenance de site internet à Nantes","Maintenance & hébergement","Mises à jour, sécurité, sauvegardes, hébergement en Europe et petites modifications : votre site reste rapide, sûr et à jour.",10,"exploitation",{"path":75,"title":76,"navTitle":77,"summary":78,"color":52,"order":79,"category":73},"\u002Fservices\u002Finfrastructure-cloud-nantes","Infrastructure cloud scalable à Nantes","Infrastructure cloud","Une architecture évolutive hébergée en Europe, décrite en code, qui monte en charge et se relève d’une panne : pour les boutiques et applications à fort trafic.",11,{"path":81,"title":82,"navTitle":83,"summary":84,"color":25,"order":85,"category":73},"\u002Fservices\u002Faudit-securite-site-web-nantes","Audit de sécurité de site web à Nantes","Audit de sécurité","HTTPS, extensions, comptes, sauvegardes et contrôles guidés par l’OWASP : un audit de sécurité priorisé, vérifié après corrections, et la remise en état d’un site piraté.",12,{"path":87,"title":88,"navTitle":89,"summary":90,"color":32,"order":91,"category":73},"\u002Fservices\u002Fautomatisation-processus-nantes","Agence d’automatisation des processus à Nantes","Automatisation & API","Vos outils reliés par des workflows n8n et des API — CRM, facturation, boutique, formulaires —, avec une IA qui propose et une personne qui valide.",13,[93,97,101,105],{"path":94,"title":95,"navTitle":96,"color":52,"order":11},"\u002Fjournal\u002Frubrique\u002Fseo-visibilite-locale","Être trouvé : SEO et visibilité locale","SEO & visibilité locale",{"path":98,"title":99,"navTitle":100,"color":32,"order":19},"\u002Fjournal\u002Frubrique\u002Fux-contenus-accessibilite","Être compris : UX, contenus et accessibilité","UX, contenus & accessibilité",{"path":102,"title":103,"navTitle":104,"color":18,"order":26},"\u002Fjournal\u002Frubrique\u002Fdesign-conversion-ecommerce","Être choisi : design, conversion et e-commerce","Design, conversion & e-commerce",{"path":106,"title":107,"navTitle":108,"color":10,"order":33},"\u002Fjournal\u002Frubrique\u002Fprojet-web-budget-methode","Durer : budget, méthode, performance et sécurité","Projet, sécurité & durée",{"id":110,"title":111,"body":112,"dateModified":296,"description":297,"extension":298,"eyebrow":299,"faq":300,"head":313,"intro":314,"keyword":315,"meta":316,"navigation":317,"offers":318,"ogImage":313,"path":319,"robots":313,"schemaOrg":313,"seo":320,"sitemap":322,"stem":323,"steps":324,"terms":368,"__hash__":369},"pages\u002Fmethode.md","Les étapes de création de votre site internet, en 5 escales",{"type":113,"value":114,"toc":284},"minimark",[115,120,130,134,137,142,145,149,152,156,164,168,171,200,213,217,257,261,270,273],[116,117,119],"h2",{"id":118},"combien-de-temps-pour-créer-un-site-internet","Combien de temps pour créer un site internet ?",[121,122,123,124,129],"p",{},"La durée totale dépend du type de site : de 5 à 8 semaines pour un site vitrine, de 6 à 10 pour une refonte, de 8 à 12 pour une boutique en ligne et de 10 à 16 pour le premier lot d’un développement sur mesure. Les durées de chaque escale, indiquées ci-dessus, valent pour toutes les formules : un site vitrine se situe dans le bas de ces fourchettes, et certaines étapes se mènent en parallèle. ",[125,126,128],"a",{"href":127},"\u002Frealisations","Nos études de cas, de la boutique en ligne à l’outil métier",", montrent ces durées sur des projets types.",[116,131,133],{"id":132},"trois-principes-contre-leffet-tunnel","Trois principes contre l’effet tunnel",[121,135,136],{},"L’effet tunnel, c’est ce moment où un client ne voit plus rien de son projet pendant des semaines, puis découvre un résultat qui ne lui ressemble pas. Trois règles nous permettent de l’éviter.",[138,139,141],"h3",{"id":140},"la-démo-du-vendredi","La démo du vendredi",[121,143,144],{},"Chaque vendredi du développement, vous découvrez votre site dans son état réel, pas une présentation préparée pour l’occasion. Vous réagissez sur du concret, au fil de l’eau, et un écart avec le plan se voit tout de suite, quand il est encore simple à corriger.",[138,146,148],{"id":147},"des-décisions-écrites","Des décisions écrites",[121,150,151],{},"Chaque choix validé — arborescence, maquettes, fonctionnalités, calendrier — est consigné par écrit. Si une demande évolue en cours de route, nous chiffrons son impact sur le délai et sur le budget avant de la lancer, et c’est vous qui décidez.",[138,153,155],{"id":154},"un-seul-interlocuteur","Un seul interlocuteur",[121,157,158,159,163],{},"Une même personne suit votre projet de bout en bout, et ",[125,160,162],{"href":161},"\u002Fstudio","l’équipe du studio"," assure à la fois le design, le développement et le référencement. Les informations ne se perdent pas entre plusieurs prestataires.",[116,165,167],{"id":166},"ce-que-nous-attendons-de-vous","Ce que nous attendons de vous",[121,169,170],{},"Un site réussi se construit à deux. Pour tenir le calendrier, nous vous demandons :",[172,173,174,182,188,194],"ul",{},[175,176,177,181],"li",{},[178,179,180],"strong",{},"un référent"," de votre côté, disponible pour les validations clés ;",[175,183,184,187],{},[178,185,186],{},"vos contenus et vos informations métier"," : textes existants, photos, documents, et ce que vous savez de vos clients ;",[175,189,190,193],{},[178,191,192],{},"les accès utiles"," : nom de domaine, hébergement actuel, Google Search Console ou fiche Google Business Profile si vous en avez ;",[175,195,196,199],{},[178,197,198],{},"des retours regroupés"," après chaque démo ou présentation de maquettes, dans le délai convenu.",[121,201,202,203,207,208,212],{},"Inutile d’arriver avec un cahier des charges complet : l’atelier de cadrage sert à le construire. Pour préparer le terrain, notre guide pour ",[125,204,206],{"href":205},"\u002Fjournal\u002Fcahier-des-charges-site-internet-en-une-page","rédiger le cahier des charges de votre site en une page"," vous aidera à clarifier l’essentiel. L’arborescence du site se fixe elle aussi pendant le cadrage, à partir des questions de vos clients : ",[125,209,211],{"href":210},"\u002Fjournal\u002Farborescence-site-web-methode-et-exemples","notre méthode d’arborescence, illustrée par trois exemples",", vous permet d’y réfléchir en amont.",[116,214,216],{"id":215},"les-outils-pour-suivre-votre-projet","Les outils pour suivre votre projet",[172,218,219,234,245,251],{},[175,220,221,224,225,229,230,233],{},[178,222,223],{},"Figma",", pour les maquettes et le prototype cliquable : vous commentez directement chaque écran. Les étapes qui mènent du zoning au design system sont expliquées dans notre article sur ",[125,226,228],{"href":227},"\u002Fjournal\u002Fmaquette-prototype-design-system-etapes-du-webdesign","la maquette et le prototype cliquable",", et dans la présentation de ",[125,231,232],{"href":28},"notre service de webdesign, de l’atelier au prototype",".",[175,235,236,239,240,244],{},[178,237,238],{},"Une version de préproduction"," du site, en ligne, pour suivre son avancement entre deux démos. Notre article sur ",[125,241,243],{"href":242},"\u002Fjournal\u002Fci-cd-pipeline-de-deploiement","le pipeline de déploiement, de la préproduction à la production",", explique son rôle.",[175,246,247,250],{},[178,248,249],{},"Un carnet de bord partagé",", où sont consignés les décisions, les validations et les points en attente.",[175,252,253,256],{},[178,254,255],{},"Google Search Console",", configurée à la mise en ligne, pour suivre la présence du site dans les résultats de Google.",[116,258,260],{"id":259},"après-la-mise-en-ligne","Après la mise en ligne",[121,262,263,264,233],{},"La mise en ligne n’est pas la fin du voyage, mais elle se prépare : si les adresses de vos pages changent, par exemple lors d’une refonte, chaque ancienne page est redirigée dès le lancement vers la nouvelle par une redirection permanente. C’est ",[125,265,269],{"href":266,"rel":267},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fcrawling-indexing\u002F301-redirects?hl=fr",[268],"nofollow","la méthode que recommande Google quand une URL change",[121,271,272],{},"Pendant les trois mois qui suivent, nous restons à bord : corrections, ajustements, premiers résultats dans Search Console. Grâce à la formation reçue au lancement, vous gardez la main sur votre outil de gestion, et vous repartez avec un code documenté qui vous appartient, comme les contenus et le nom de domaine.",[121,274,275,276,279,280,233],{},"Au terme de ce suivi, deux options : gérer le site en autonomie, ou nous confier ",[125,277,278],{"href":68},"la maintenance de votre site, hébergement compris",", à partir de 79 € HT par mois. Le prix de chaque formule et l’échéancier de paiement figurent sur ",[125,281,283],{"href":282},"\u002Ftarifs","la page de nos prix de création de site internet",{"title":285,"searchDepth":26,"depth":26,"links":286},"",[287,288,293,294,295],{"id":118,"depth":19,"text":119},{"id":132,"depth":19,"text":133,"children":289},[290,291,292],{"id":140,"depth":26,"text":141},{"id":147,"depth":26,"text":148},{"id":154,"depth":26,"text":155},{"id":166,"depth":19,"text":167},{"id":215,"depth":19,"text":216},{"id":259,"depth":19,"text":260},"2026-11-04","Les 5 étapes de création de votre site internet avec FOGG, agence web à Nantes : cadrage, contenus, design, développement, mise en ligne. Durées et livrables.","md","Méthode",[301,304,307,310],{"question":302,"answer":303},"Faut-il un cahier des charges pour démarrer ?","Non. L’atelier de cadrage sert justement à formaliser vos objectifs, vos cibles, vos mots-clés et l’arborescence du site. Si vous avez déjà rédigé une note ou un cahier des charges, même d’une page, il nous fait gagner du temps. Tout ce qui est décidé pendant le cadrage est consigné par écrit et validé avec vous.",{"question":305,"answer":306},"En quoi consiste la démo du vendredi ?","Pendant le développement, nous vous montrons chaque vendredi l’avancement réel de votre site, en visio ou au studio. Vous voyez ce qui a été fait dans la semaine et ce qui arrive ensuite, et vous pouvez réagir tout de suite. C’est notre façon d’éviter l’effet tunnel et les découvertes tardives à la livraison.",{"question":308,"answer":309},"Qui sera notre interlocuteur pendant le projet ?","Une seule personne vous suit du cadrage à la fin du suivi : elle connaît votre dossier et répond à vos questions. Design, développement et référencement restent entre les mains de la même équipe, sans sous-traitance à l’étranger. Vous n’avez donc pas à faire le lien entre plusieurs prestataires.",{"question":311,"answer":312},"Peut-on faire évoluer le projet en cours de route ?","Oui, un projet vit et vos besoins peuvent changer. Chaque nouvelle demande est évaluée : nous vous indiquons par écrit son effet sur le calendrier et sur le budget, et nous ne la lançons qu’avec votre accord. Les choix déjà validés restent consignés dans le carnet de bord du projet, ce qui évite les malentendus.",null,"La création de votre site internet avec FOGG suit cinq étapes, nos cinq escales, du premier atelier au suivi après la mise en ligne, avec un calendrier annoncé, une démo chaque vendredi et des décisions écrites. Comptez de 5 à 8 semaines pour un site vitrine et de 8 à 12 semaines pour une boutique en ligne. Voici ce qui se passe à chaque étape, combien de temps elle prend et ce que vous recevez.","étapes création site internet",{},true,[],"\u002Fmethode",{"title":321,"description":297},"Les 5 étapes de création d’un site internet",{"loc":319,"lastmod":296},"methode",[325,334,342,350,359],{"title":326,"duration":327,"text":328,"deliverables":329},"Cadrage","1 à 2 semaines","Tout commence par un atelier de lancement, au studio, chez vous ou en visio. Nous clarifions vos objectifs, vos cibles et ce qui vous distingue, puis nous identifions les mots-clés que vos clients tapent réellement. Nous en tirons l’arborescence du site, le périmètre et le calendrier : le cap est fixé, par écrit.",[330,331,332,333],"Note de cadrage","Carte des mots-clés","Arborescence du site","Calendrier du projet",{"title":335,"duration":336,"text":337,"deliverables":338},"Contenus et parcours","1 à 3 semaines","Avant de dessiner, nous organisons. Les zonings placent chaque bloc d’information sur les pages clés, le plan de contenus précise le rôle et les messages de chaque page, et les recommandations SEO on-page fixent les titres, les intertitres et les liens internes. Vous savez ce que chaque page doit dire, et à qui.",[339,340,341],"Zonings des pages clés","Plan de contenus","Recommandations SEO par page",{"title":343,"duration":344,"text":345,"deliverables":346},"Design","2 à 3 semaines","Nous concevons les maquettes desktop et mobile dans Figma, en appliquant les critères d’accessibilité dès ce stade. Grâce au prototype cliquable, vous naviguez dans le site avant qu’il existe et commentez chaque écran. Les composants validés forment un design system : la base qui garde le site cohérent quand il évolue.",[347,348,349],"Maquettes desktop et mobile","Prototype cliquable","Design system",{"title":351,"duration":352,"text":353,"deliverables":354},"Développement","2 à 6 semaines","Nous intégrons les maquettes, configurons l’outil de gestion de contenus et contrôlons la performance et l’accessibilité à chaque étape. « La démo du vendredi » vous présente chaque semaine le site tel qu’il est : vous réagissez sur du concret plutôt qu’à la livraison. Le code est documenté au fur et à mesure.",[355,356,357,358],"Site en préproduction","CMS configuré","Démo chaque vendredi","Code documenté",{"title":360,"duration":361,"text":362,"deliverables":363},"Mise en ligne et suivi","1 semaine, puis 3 mois de suivi","Avant la mise en ligne, nous menons la recette avec vous : contenus, formulaires, affichage sur mobile, accessibilité. Nous mettons en place les redirections, déclarons le site dans Google Search Console et vous formons à la gestion de vos contenus. Pendant trois mois, nous suivons le site et ajustons ce qui doit l’être.",[364,365,366,367],"Recette validée","Plan de redirections","Formation à votre CMS","Suivi de 3 mois",[],"LPXblszpCt3Eyuspsv5y0MvM34oFO_rtpNzzJeWZVp8",1793879329104]