[{"data":1,"prerenderedAt":729},["ShallowReactive",2],{"site-nav":3,"service-webdesign-ux-ui-nantes":109,"service-linked-webdesign-ux-ui-nantes":528},{"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":29,"body":111,"category":12,"color":32,"deliverables":445,"description":453,"extension":454,"eyebrow":455,"faq":456,"head":475,"highlights":476,"intro":489,"keyword":490,"keywords":491,"meta":494,"navTitle":30,"navigation":495,"ogImage":475,"order":33,"path":28,"pricing":496,"process":500,"related":519,"robots":475,"rubrique":523,"schemaOrg":475,"seo":524,"sitemap":525,"stem":526,"summary":31,"__hash__":527},"services\u002Fservices\u002Fwebdesign-ux-ui-nantes.md",{"type":112,"value":113,"toc":431},"minimark",[114,118,123,126,182,185,189,192,221,224,228,237,249,253,256,268,272,275,278,282,285,288,292,295,334,341,348,352,355,362,366,369,383,394,398,401,415,419],[115,116,117],"p",{},"Le webdesign UX\u002FUI, c’est la conception de votre site ou de votre application avant la première ligne de code : l’UX définit les parcours et l’organisation de l’information, l’UI leur donne une forme claire et fidèle à votre marque. Concrètement, notre agence UX\u002FUI à Nantes mène une recherche utilisateur proportionnée à votre projet, construit l’arborescence, dessine wireframes et maquettes desktop et mobile, fait tester un prototype cliquable, puis documente un design system pour les développeurs. Le but : que vos visiteurs comprennent en quelques secondes ce que vous proposez et passent à l’action, sur tous les écrans.",[119,120,122],"h2",{"id":121},"ux-et-ui-deux-métiers-un-seul-objectif","UX et UI : deux métiers, un seul objectif",[115,124,125],{},"On confond souvent les deux. Ils répondent pourtant à des questions différentes :",[127,128,129,145],"table",{},[130,131,132],"thead",{},[133,134,135,139,142],"tr",{},[136,137,138],"th",{},"Aspect",[136,140,141],{},"UX design",[136,143,144],{},"UI design",[146,147,148,160,171],"tbody",{},[133,149,150,154,157],{},[151,152,153],"td",{},"La question",[151,155,156],{},"Que cherche la personne, et quel est le chemin le plus court ?",[151,158,159],{},"Comment rendre ce chemin évident et agréable ?",[133,161,162,165,168],{},[151,163,164],{},"Le travail",[151,166,167],{},"Recherche, arborescence, parcours, wireframes, tests",[151,169,170],{},"Typographie, couleurs, composants, états, iconographie",[133,172,173,176,179],{},[151,174,175],{},"Le livrable",[151,177,178],{},"Parcours et wireframes validés",[151,180,181],{},"Maquettes, prototype et design system",[115,183,184],{},"Les deux se travaillent dans cet ordre : la structure d’abord, le visuel ensuite. Un beau site mal organisé fait fuir ; un site bien organisé mais sans caractère ne donne pas envie. Chez nous, la même équipe porte les deux, ce qui évite les allers-retours entre prestataires.",[119,186,188],{"id":187},"comprendre-avant-de-dessiner","Comprendre avant de dessiner",[115,190,191],{},"Un projet de design commence par des questions, pas par des couleurs. Selon votre budget, la phase de recherche combine :",[193,194,195,203,209,215],"ul",{},[196,197,198,202],"li",{},[199,200,201],"strong",{},"un atelier de lancement"," avec vous et les personnes en contact direct avec vos clients : accueil, commerciaux, support ;",[196,204,205,208],{},[199,206,207],{},"quelques entretiens avec des clients",", à notre studio de Nantes, chez vous ou en visio ;",[196,210,211,214],{},[199,212,213],{},"l’analyse de l’existant"," : statistiques de visite, requêtes de la Search Console, questions reçues par e-mail ou au téléphone ;",[196,216,217,220],{},[199,218,219],{},"un regard sur vos concurrents",", pour repérer les conventions à respecter et les occasions de vous distinguer.",[115,222,223],{},"Cette recherche reste proportionnée. Pour un site vitrine, quelques jours suffisent souvent ; pour une application métier, avec plusieurs profils d’utilisateurs, elle mérite davantage de temps.",[119,225,227],{"id":226},"parcours-arborescence-et-contenus","Parcours, arborescence et contenus",[115,229,230,231,236],{},"Nous traduisons ensuite ces enseignements en arborescence et en parcours prioritaires : demander un devis, comparer deux offres, prendre rendez-vous, commander. Chaque page reçoit un rôle, une question principale à laquelle répondre et une action attendue. ",[232,233,235],"a",{"href":234},"\u002Fjournal\u002Farborescence-site-web-methode-et-exemples","Construire l’arborescence d’un site web",", c’est partir des questions de vos clients et s’en tenir à trois niveaux au plus : notre guide détaille la méthode, avec trois exemples commentés.",[115,238,239,240,244,245,248],{},"Les contenus arrivent à ce moment-là, pas après. Des maquettes dessinées avec du faux texte cachent des problèmes de longueur, de hiérarchie et de ton. Nous construisons le plan de contenus avec vous ; notre article sur ",[232,241,243],{"href":242},"\u002Fjournal\u002Frediger-les-textes-de-son-site-internet","la rédaction des textes de son site internet"," explique comment préparer cette étape sans y passer vos soirées. D’autres conseils sont réunis dans ",[232,246,247],{"href":98},"notre rubrique sur l’UX, les contenus et l’accessibilité",".",[119,250,252],{"id":251},"des-wireframes-aux-maquettes","Des wireframes aux maquettes",[115,254,255],{},"Les wireframes, ou zonings, posent la structure de chaque gabarit en noir et blanc : ordre des blocs, poids des messages, place des appels à l’action. Ils se valident vite et se corrigent sans regret, parce qu’aucun détail graphique ne détourne l’attention de l’essentiel.",[115,257,258,259,263,264,248],{},"Viennent ensuite les maquettes UI, conçues dans Figma pour le mobile comme pour le desktop. Nous dessinons les gabarits clés avec vos vrais contenus, puis les états qui font la différence à l’usage : survol, focus clavier, chargement, erreur, résultat vide. Les animations se limitent à celles qui aident à comprendre, comme la confirmation d’un envoi ou l’ouverture d’un menu, selon ",[232,260,262],{"href":261},"\u002Fjournal\u002Fanimations-site-web-utiles-ou-nuisibles","notre grille pour distinguer une animation utile d’une animation nuisible",". Pour voir comment s’enchaînent ces livrables, lisez notre article sur ",[232,265,267],{"href":266},"\u002Fjournal\u002Fmaquette-prototype-design-system-etapes-du-webdesign","ce que l’on valide à chaque étape du webdesign",[119,269,271],{"id":270},"prototype-cliquable-et-tests-utilisateurs","Prototype cliquable et tests utilisateurs",[115,273,274],{},"Avant de développer, nous assemblons les maquettes en prototype cliquable. Vous parcourez votre futur site comme s’il existait déjà, et nous le faisons tester par quelques personnes représentatives de vos clients, avec des tâches concrètes : trouver un tarif, prendre rendez-vous, envoyer une demande.",[115,276,277],{},"Les blocages observés sont corrigés à ce stade, quand ils coûtent quelques heures de design plutôt que plusieurs jours de développement. Les tests ne remplacent pas votre regard : ils l’éclairent avec des faits plutôt qu’avec des préférences.",[119,279,281],{"id":280},"un-design-system-pour-durer","Un design system pour durer",[115,283,284],{},"Le design system rassemble les fondations de votre interface — couleurs, typographies, espacements, grille — et ses composants : boutons, champs de formulaire, cartes, navigation, messages. Chaque composant est documenté avec ses variantes, ses états et ses règles d’usage.",[115,286,287],{},"Il sert trois objectifs : garder un site cohérent quand il grandit, accélérer la création de nouvelles pages et faciliter le travail des personnes qui prendront le relais. Pour une application, il devient la référence commune entre design et code.",[119,289,291],{"id":290},"laccessibilité-dès-la-maquette","L’accessibilité dès la maquette",[115,293,294],{},"Corriger l’accessibilité après le développement coûte cher ; la prévoir dans la maquette ne coûte presque rien. Nous vérifions dès Figma :",[193,296,297,310,322,328],{},[196,298,299,302,303,309],{},[199,300,301],{},"les contrastes"," : au moins 4,5:1 pour le texte courant et 3:1 pour les grands textes, comme le demandent ",[232,304,308],{"href":305,"rel":306},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FWCAG22\u002FUnderstanding\u002Fcontrast-minimum.html",[307],"nofollow","les règles internationales WCAG sur le contraste"," ;",[196,311,312,315,316,321],{},[199,313,314],{},"la taille des zones cliquables",", avec ",[232,317,320],{"href":318,"rel":319},"https:\u002F\u002Fwww.w3.org\u002FWAI\u002FWCAG22\u002FUnderstanding\u002Ftarget-size-minimum.html",[307],"un minimum de 24 × 24 pixels CSS, sauf exceptions",", un critère des WCAG 2.2, version que le futur RGAA 5 doit intégrer ;",[196,323,324,327],{},[199,325,326],{},"la visibilité du focus clavier",", l’ordre de lecture et la hiérarchie des titres ;",[196,329,330,333],{},[199,331,332],{},"une information jamais portée par la couleur seule",", et des messages d’erreur explicites dans les formulaires.",[115,335,336,337,340],{},"Pour un audit complet de l’existant ou une mise en conformité, notre ",[232,338,339],{"href":62},"service d’accessibilité numérique et d’audit RGAA"," prend le relais.",[115,342,343,344,347],{},"La sobriété se joue au même moment : nombre de polices, poids des visuels, vidéo qui démarre seule ou image fixe. Si vous visez un site plus léger, ",[232,345,346],{"href":42},"notre démarche d’éco-conception web"," attribue dès le cadrage un budget de poids et de requêtes à chaque gabarit.",[119,349,351],{"id":350},"une-passation-sans-perte-vers-le-développement","Une passation sans perte vers le développement",[115,353,354],{},"Chez FOGG, les personnes qui dessinent et celles qui développent travaillent dans le même studio. Les maquettes sont annotées (comportements responsive, animations utiles, règles de contenu), les composants portent les mêmes noms que dans le code et les éléments graphiques sont exportés aux bons formats. Pendant le développement, le designer reste disponible pour trancher les cas imprévus.",[115,356,357,358,361],{},"Si votre projet est une application métier, un extranet ou un portail client, la conception se prolonge naturellement avec ",[232,359,360],{"href":35},"nos développeurs d’applications sur mesure",". Et si une autre équipe développe, nous lui remettons des fichiers lisibles et documentés.",[119,363,365],{"id":364},"webdesigner-indépendant-ou-studio-que-choisir","Webdesigner indépendant ou studio : que choisir ?",[115,367,368],{},"À Nantes, vous trouverez d’excellents webdesigners indépendants comme des agences plus importantes. Le bon choix dépend moins du statut que de la nature de votre projet :",[193,370,371,377],{},[196,372,373,376],{},[199,374,375],{},"un webdesigner indépendant"," convient bien à une mission graphique délimitée — une identité à décliner, quelques pages à habiller — quand le développement est déjà pris en charge ailleurs ;",[196,378,379,382],{},[199,380,381],{},"un studio comme le nôtre"," prend son sens quand le design doit s’articuler avec le développement, le référencement et l’accessibilité, avec un seul interlocuteur du premier atelier à la mise en ligne.",[115,384,385,386,390,391,248],{},"Dans les deux cas, demandez à voir des parcours et des wireframes, pas seulement de belles maquettes : c’est là que se joue l’efficacité d’un site. Pour préparer vos rendez-vous, ",[232,387,389],{"href":388},"\u002Fjournal\u002Fchoisir-son-agence-web-a-nantes","notre grille de questions à poser à une agence web"," vous aidera à comparer. Et si vous avez besoin d’un site complet, la conception graphique fait partie de ",[232,392,393],{"href":6},"chaque site vitrine que nous créons",[119,395,397],{"id":396},"ce-que-nous-attendons-de-vous","Ce que nous attendons de vous",[115,399,400],{},"Un bon design se construit à deux. Pour avancer sereinement, nous vous demandons :",[193,402,403,406,409,412],{},[196,404,405],{},"vos éléments de marque existants (logo, couleurs, typographies, photos), même imparfaits ;",[196,407,408],{},"les accès à vos statistiques et à la Search Console, si votre site existe déjà ;",[196,410,411],{},"une ou deux personnes disponibles pour valider chaque étape, dans des délais fixés ensemble ;",[196,413,414],{},"quelques contacts de clients prêts à donner une demi-heure pour un entretien ou un test.",[119,416,418],{"id":417},"délais-et-budget","Délais et budget",[115,420,421,422,426,427,248],{},"Une mission de webdesign UX\u002FUI dure de 3 à 6 semaines : elle correspond aux escales « Contenus et parcours » et « Design » de ",[232,423,425],{"href":424},"\u002Fmethode","notre méthode de travail, du cadrage au suivi",". Elle démarre à 2 900 € HT ; le prix dépend du nombre de gabarits, de la part de recherche et de tests, et de l’étendue du design system. Ce prix de départ et ce qui le fait varier sont présentés sur la ",[232,428,430],{"href":429},"\u002Ftarifs#webdesign-ux-ui-nantes","page de tarifs du webdesign UX\u002FUI",{"title":432,"searchDepth":26,"depth":26,"links":433},"",[434,435,436,437,438,439,440,441,442,443,444],{"id":121,"depth":19,"text":122},{"id":187,"depth":19,"text":188},{"id":226,"depth":19,"text":227},{"id":251,"depth":19,"text":252},{"id":270,"depth":19,"text":271},{"id":280,"depth":19,"text":281},{"id":290,"depth":19,"text":291},{"id":350,"depth":19,"text":351},{"id":364,"depth":19,"text":365},{"id":396,"depth":19,"text":397},{"id":417,"depth":19,"text":418},[446,447,448,449,450,451,452],"Synthèse de la recherche utilisateur","Arborescence et parcours prioritaires","Wireframes des gabarits clés","Maquettes desktop et mobile dans Figma","Prototype cliquable testé","Design system documenté","Annotations et passation aux développeurs","Agence UX\u002FUI à Nantes : recherche utilisateur, parcours, maquettes, prototype testé et design system, avec l’accessibilité intégrée. À partir de 2 900 € HT.","md","Service · Design",[457,460,463,466,469,472],{"question":458,"answer":459},"Quelle différence entre UX design et UI design ?","L’UX design s’occupe de l’expérience : comprendre vos utilisateurs, organiser les contenus et tracer des parcours simples. L’UI design s’occupe de l’interface : typographie, couleurs, composants et états de chaque élément. Les deux se travaillent ensemble et dans cet ordre, la structure d’abord, le visuel ensuite.",{"question":461,"answer":462},"Combien coûte le webdesign d’un site internet ?","Une mission de webdesign UX\u002FUI démarre à 2 900 € HT, pour 3 à 6 semaines de travail. Le prix dépend surtout du nombre de gabarits de pages, de la part de recherche et de tests utilisateurs, et de l’étendue du design system. Le devis détaille chaque livrable pour que vous puissiez comparer.",{"question":464,"answer":465},"Une autre équipe peut-elle développer à partir de vos maquettes ?","Oui. Nous remettons les fichiers Figma, le prototype et la documentation du design system, pensés pour être repris par n’importe quelle équipe de développement. Cela dit, l’intérêt de notre studio est que les mêmes personnes conçoivent et développent : rien ne se perd entre la maquette et le site en ligne.",{"question":467,"answer":468},"Faut-il avoir ses textes avant de commencer les maquettes ?","Idéalement, oui, au moins dans une première version. Des maquettes conçues avec du faux texte cachent souvent des problèmes de longueur, de hiérarchie ou de clarté. Nous établissons le plan de contenus avant le design et pouvons vous aider à écrire ou réécrire les textes clés.",{"question":470,"answer":471},"Comment testez-vous les maquettes avec de vrais utilisateurs ?","Nous faisons tester le prototype cliquable par quelques personnes représentatives de vos clients, à notre studio, chez vous ou à distance. Chacune réalise des tâches concrètes, comme trouver un tarif ou envoyer une demande. Les blocages observés sont corrigés avant le développement, quand ils coûtent encore peu.",{"question":473,"answer":474},"Le design tient-il compte de l’accessibilité ?","Oui, dès la maquette. Nous vérifions les contrastes, la taille des zones cliquables, la visibilité du focus clavier et la hiérarchie des titres, et nous dessinons les messages d’erreur des formulaires. Ces choix évitent des corrections coûteuses une fois le site développé.",null,[477,480,483,486],{"title":478,"text":479},"Vos utilisateurs d’abord","Atelier, entretiens et données réelles avant le premier écran : nous dessinons pour vos clients, pas pour un jury.",{"title":481,"text":482},"Un prototype testé","Un prototype cliquable mis entre les mains de vrais utilisateurs, et corrigé avant la première ligne de code.",{"title":484,"text":485},"Accessible dès la maquette","Contrastes, tailles de cibles, focus et formulaires vérifiés dans Figma, pas après la mise en ligne.",{"title":487,"text":488},"Un design system livré","Des composants documentés et nommés comme dans le code, pour un site qui grandit sans perdre sa cohérence.","Un bon design se remarque peu : il guide. Notre agence UX\u002FUI à Nantes conçoit des interfaces que vos clients comprennent sans effort, en partant de leurs usages réels plutôt que des modes du moment. Recherche, parcours, maquettes, prototype testé et design system : tout est prêt, et accessible, avant le développement.","agence UX UI Nantes",[490,492,493],"webdesigner Nantes","webdesign Nantes",{},true,{"from":497,"amount":498,"duration":499},"à partir de 2 900 € HT",2900,"3 à 6 semaines",[501,505,509,512,515],{"title":502,"text":503,"duration":504},"Atelier et recherche","Atelier de lancement, entretiens avec quelques clients, analyse de vos statistiques, de vos demandes entrantes et des sites concurrents.","2 à 5 jours",{"title":506,"text":507,"duration":508},"Parcours et wireframes","Arborescence, parcours prioritaires et zonings des gabarits clés, validés avec vous avant tout travail graphique.","1 à 2 semaines",{"title":510,"text":511,"duration":508},"Maquettes UI","Direction visuelle, maquettes desktop et mobile avec vos vrais contenus, états des composants et cas particuliers.",{"title":513,"text":514,"duration":504},"Prototype et tests","Prototype cliquable testé avec des utilisateurs représentatifs, corrections, puis validation finale des écrans.",{"title":516,"text":517,"duration":518},"Design system et passation","Bibliothèque de composants documentée, annotations responsive et séance de passation avec l’équipe de développement.","2 à 3 jours",[520,521,522],"creation-site-vitrine-nantes","developpement-web-sur-mesure-nantes","accessibilite-numerique-nantes","ux-contenus-accessibilite",{"title":29,"description":453},{"loc":28},"services\u002Fwebdesign-ux-ui-nantes","TX4x6Ktrj8qStyTWMYe54kgFhK6sOIGRtKHVEldIexM",{"projects":529,"articles":579,"rubrique":727},[530,542,555,568],{"path":531,"title":532,"client":533,"sector":534,"location":535,"date":536,"summary":537,"color":10,"cover":538,"coverAlt":539,"example":495,"services":540},"\u002Frealisations\u002Fatelier-erdre-menuiserie","Site vitrine et référencement local pour l’Atelier Erdre Menuiserie","Atelier Erdre Menuiserie","Artisan menuisier","La Chapelle-sur-Erdre","2026-06-02","Un menuisier de La Chapelle-sur-Erdre qui vivait du bouche-à-oreille reçoit désormais des demandes de devis grâce à son site vitrine et à sa fiche Google.","\u002Fimages\u002Frealisations\u002Fatelier-erdre-menuiserie.svg","Maquette abstraite du site de l’Atelier Erdre : escalier sur fond de bois, vignettes de réalisations et, sur mobile, une carte avec un repère.",[520,541],"referencement-naturel-seo-nantes",{"path":543,"title":544,"client":545,"sector":546,"location":547,"date":548,"summary":549,"color":18,"cover":550,"coverAlt":551,"example":495,"services":552},"\u002Frealisations\u002Fconserverie-nereide","Création du site e-commerce de la Conserverie Néréide, à La Turballe","Conserverie Néréide","Conserverie artisanale","La Turballe","2026-03-16","Une conserverie artisanale de la côte vend désormais en ligne : boutique Shopify, coffrets cadeaux, abonnement de saison et retrait à la conserverie.","\u002Fimages\u002Frealisations\u002Fconserverie-nereide.svg","Maquette abstraite de la boutique Néréide : accueil avec une boîte de sardines et trois produits, et fiche d’un coffret cadeau sur mobile.",[553,554,541],"creation-site-e-commerce-nantes","webdesign-ux-ui-nantes",{"path":556,"title":557,"client":558,"sector":559,"location":560,"date":561,"summary":562,"color":25,"cover":563,"coverAlt":564,"example":495,"services":565},"\u002Frealisations\u002Fquai-des-plans-architectes","Refonte accessible du site de Quai des Plans, sur l’Île de Nantes","Quai des Plans Architectes","Cabinet d’architectes","Nantes","2025-11-04","Un cabinet d’architectes de l’Île de Nantes remplace un portfolio lourd par un site WordPress accessible et rapide, qui a conservé son référencement.","\u002Fimages\u002Frealisations\u002Fquai-des-plans-architectes.svg","Maquette abstraite du site de Quai des Plans : bâtiments géométriques et grue jaune, grille de projets, bouton entouré d’un contour de focus clavier.",[566,522,567],"refonte-site-internet-nantes","maintenance-site-internet-nantes",{"path":569,"title":570,"client":571,"sector":572,"location":573,"date":574,"summary":575,"color":52,"cover":576,"coverAlt":577,"example":495,"services":578},"\u002Frealisations\u002Fescadre-logistique","Escadre : une application de suivi de flotte pour une PME de Carquefou","Escadre Logistique","Transport et logistique","Carquefou","2025-05-22","Une PME de transport de Carquefou remplace ses tableurs par une application web sur mesure : positions en temps réel, alertes et exports de facturation.","\u002Fimages\u002Frealisations\u002Fescadre-logistique.svg","Maquette abstraite de l’application Escadre : tableau de bord avec une carte des véhicules, une liste d’alertes et un graphique d’activité.",[521,554,567],[580,586,590,596,601,607,614,619,625,631,636,641,646,652,657,663,668,674,680,686,691,697,703,709,715,721],{"path":261,"title":581,"summary":582,"date":583,"rubrique":523,"services":584},"Animations sur un site web : utiles ou nuisibles ?","Certaines animations guident vos visiteurs, d’autres ralentissent la page, les distraient ou leur donnent le vertige. Voici nos critères pour faire le tri, les règles d’accessibilité à connaître et la façon d’animer sans alourdir votre site.","2026-11-04",[554,585],"optimisation-vitesse-site-web-nantes",{"path":234,"title":587,"summary":588,"date":583,"rubrique":523,"services":589},"Arborescence d’un site web : la méthode, avec des exemples","Avant de dessiner la moindre page, il faut décider lesquelles existent et comment elles s’emboîtent. Voici notre méthode pour construire l’arborescence d’un site, avec trois exemples commentés et deux façons simples de la tester.",[554,520],{"path":591,"title":592,"summary":593,"date":583,"rubrique":594,"services":595},"\u002Fjournal\u002Fbaisse-de-trafic-google-trouver-la-cause","Baisse de trafic sur Google : comment en trouver la cause","Mesure faussée, erreur technique, mise à jour de Google, Aperçus IA ou simple saisonnalité : voici comment trouver la cause d’une baisse de trafic Google, dans l’ordre, et quoi faire ensuite.","seo-visibilite-locale",[541,567],{"path":597,"title":598,"summary":599,"date":583,"rubrique":523,"services":600},"\u002Fjournal\u002Fbandeau-cookies-regles-cnil","Bandeau cookies : les règles de la CNIL à respecter en 2026","Refuser aussi simplement qu’accepter, expliquer les finalités, conserver le choix : voici ce que la CNIL attend d’un bandeau cookies en 2026, ce qui a changé cette année et comment le rendre accessible sans ralentir votre site.",[567,554],{"path":602,"title":603,"summary":604,"date":583,"rubrique":605,"services":606},"\u002Fjournal\u002Fbouton-de-retractation-obligatoire","Bouton de rétractation obligatoire : ce qui change depuis le 19 juin 2026","Depuis le 19 juin 2026, une boutique en ligne doit permettre à ses clients particuliers d’exercer leur droit de rétractation depuis le site, par un bouton « renoncer au contrat ici ». Voici ce que disent les textes, qui est concerné et comment l’intégrer sans alourdir votre parcours.","design-conversion-ecommerce",[553,567],{"path":608,"title":609,"summary":610,"date":583,"rubrique":611,"services":612},"\u002Fjournal\u002Fci-cd-pipeline-de-deploiement","CI\u002FCD, c’est quoi ? Le pipeline de déploiement expliqué","Intégration continue, livraison ou déploiement continus : ce que recouvre la CI\u002FCD, à quoi ressemble un pipeline pour un site ou une application, ce que votre entreprise y gagne et comment le sécuriser.","projet-web-budget-methode",[613,521],"infrastructure-cloud-nantes",{"path":615,"title":616,"summary":617,"date":583,"rubrique":594,"services":618},"\u002Fjournal\u002Fcore-web-vitals-lcp-inp-cls","Core Web Vitals : LCP, INP et CLS expliqués simplement","La page s’affiche-t-elle vite, réagit-elle tout de suite, reste-t-elle stable ? Le LCP, l’INP et le CLS répondent à ces trois questions : voici comment Google les mesure, comment les tester et par où commencer pour les améliorer.",[585,541],{"path":620,"title":621,"summary":622,"date":583,"rubrique":611,"services":623},"\u002Fjournal\u002Feco-conception-web-rgesn","Éco-conception web : ce que demande le RGESN","Le référentiel officiel de l’éco-conception web compte 78 critères, mais aucune loi n’oblige une entreprise à l’appliquer. Voici ce qu’il demande vraiment à un site vitrine ou à une boutique, et comment fixer un budget de poids, mesurer sans se tromper et publier sa déclaration.",[624,566],"eco-conception-web-nantes",{"path":626,"title":627,"summary":628,"date":583,"rubrique":611,"services":629},"\u002Fjournal\u002Fn8n-make-zapier-quel-outil-d-automatisation","n8n, Make ou Zapier : quel outil pour automatiser vos tâches ?","Zapier pour démarrer sans technicien, Make pour les flux qui se ramifient, n8n pour garder la main sur vos données : ce qui distingue vraiment ces trois outils, de la facturation à la maintenance, prix relevés le 4 novembre 2026.",[630,521],"automatisation-processus-nantes",{"path":632,"title":633,"summary":634,"date":583,"rubrique":594,"services":635},"\u002Fjournal\u002Fpourquoi-mon-site-n-apparait-pas-sur-google","Pourquoi mon site n’apparaît pas sur Google ? Causes et solutions","Site trop récent, réglage qui bloque Google, page explorée mais non retenue, classement trop faible : voici comment trouver la cause avec deux outils gratuits, puis la corriger.",[541,520],{"path":637,"title":638,"summary":639,"date":583,"rubrique":611,"services":640},"\u002Fjournal\u002Fpreparer-son-site-au-black-friday","Préparer son site au Black Friday : tenir le pic de trafic","Estimer le pic, le simuler, mettre en cache, prévoir la montée en charge et organiser le jour J : la méthode pour que votre boutique tienne au moment où elle vend le plus, avec un plan sur trois semaines.",[613,553],{"path":642,"title":643,"summary":644,"date":583,"rubrique":605,"services":645},"\u002Fjournal\u002Fsite-vitrine-ou-site-e-commerce","Site vitrine ou site e-commerce : comment choisir ?","Un site vitrine prépare la vente, une boutique en ligne la conclut. Voici comment choisir selon votre offre, votre budget et votre temps, et quelles solutions existent entre les deux.",[520,553],{"path":647,"title":648,"summary":649,"date":583,"rubrique":611,"services":650},"\u002Fjournal\u002Fsite-wordpress-pirate-que-faire","Site WordPress piraté : que faire dans les premières heures ?","Redirections, pages de spam, alerte de Google : quand un site WordPress est piraté, les premières heures comptent. Voici quoi faire, dans l’ordre, et ce qu’il ne faut surtout pas effacer.",[651,567],"audit-securite-site-web-nantes",{"path":388,"title":653,"summary":654,"date":655,"rubrique":611,"services":656},"Choisir son agence web à Nantes : 12 questions à poser avant de signer","Portfolio, prix, bon contact : ces critères ne suffisent pas. Douze questions révèlent comment une agence travaille vraiment et ce que vous posséderez à la fin.","2026-10-29",[520],{"path":658,"title":659,"summary":660,"date":661,"rubrique":605,"services":662},"\u002Fjournal\u002Fshopify-woocommerce-prestashop-quelle-solution-choisir","Shopify, WooCommerce ou PrestaShop : quelle solution choisir ?","Trois solutions sérieuses, trois logiques différentes : voici comment comparer coûts, souplesse et propriété des données pour choisir la vôtre sans regret.","2026-10-27",[553],{"path":242,"title":664,"summary":665,"date":666,"rubrique":523,"services":667},"Rédiger le contenu d’un site internet : être compris en cinq secondes","Un visiteur décide en quelques secondes s’il reste sur votre page. Voici la méthode que nous suivons pour écrire des textes de site clairs, utiles et bien référencés, avec un exemple avant\u002Faprès.","2026-10-24",[554,520],{"path":669,"title":670,"summary":671,"date":672,"rubrique":594,"services":673},"\u002Fjournal\u002Freferencement-local-nantes-google-business-profile","Référencement local à Nantes : guide pour apparaître dans Google Maps","Pertinence, distance, notoriété : Google classe les entreprises locales selon trois critères. Voici comment les travailler quand vos clients sont à Nantes.","2026-10-22",[541],{"path":675,"title":676,"summary":677,"date":678,"rubrique":611,"services":679},"\u002Fjournal\u002Fdevis-site-internet-comparer-deux-propositions","Devis de site internet : comment comparer deux propositions","Deux devis pour le même site, deux montants qui vont du simple au double : avant de choisir le moins cher, vérifiez qu’ils décrivent bien le même projet.","2026-10-20",[520,566],{"path":681,"title":682,"summary":683,"date":684,"rubrique":605,"services":685},"\u002Fjournal\u002Fsite-vitrine-elements-indispensables","Site vitrine efficace : les 10 éléments qui transforment une visite en contact","Un site vitrine n’a qu’une mission : donner envie de vous contacter. Voici les dix éléments qui font la différence, et comment vérifier ceux de votre site.","2026-10-17",[520,554],{"path":266,"title":687,"summary":688,"date":689,"rubrique":523,"services":690},"Zoning, wireframe, maquette de site web, prototype : les étapes du webdesign","Entre la première réunion et la mise en ligne, un site passe par plusieurs états : zoning, maquettes, prototype, design system. À quoi sert chaque étape, que validez-vous, et pourquoi c’est là que se font les vraies économies.","2026-10-15",[554],{"path":692,"title":693,"summary":694,"date":695,"rubrique":594,"services":696},"\u002Fjournal\u002Fseo-ia-etre-cite-par-les-moteurs-de-reponse","SEO et IA : comment apparaître dans ChatGPT et les Aperçus IA","Aperçus IA, Mode IA, ChatGPT ou Perplexity citent leurs sources. Voici ce qui aide vraiment un site à en faire partie, documentation officielle à l’appui.","2026-10-13",[541],{"path":698,"title":699,"summary":700,"date":701,"rubrique":611,"services":702},"\u002Fjournal\u002Fmaintenance-site-internet-que-prevoir","Maintenance de site internet : que prévoir après la mise en ligne ?","Un site n’est pas terminé le jour de sa mise en ligne. Voici ce qu’il faut prévoir pour qu’il reste sûr, rapide et bien référencé, et comment s’organiser.","2026-10-10",[567],{"path":704,"title":705,"summary":706,"date":707,"rubrique":523,"services":708},"\u002Fjournal\u002Feuropean-accessibility-act-ce-qui-change-pour-votre-site","European Accessibility Act : ce que la loi sur l’accessibilité numérique change pour votre site","Depuis le 28 juin 2025, l’accessibilité est obligatoire pour de nombreux services en ligne, à commencer par la vente aux particuliers. Qui est concerné, quelles règles appliquer, quels risques, et par où commencer.","2026-10-08",[522,553],{"path":710,"title":711,"summary":712,"date":713,"rubrique":611,"services":714},"\u002Fjournal\u002Fcahier-des-charges-site-internet-en-une-page","Cahier des charges de site internet : un modèle en une page","Inutile d’écrire quarante pages : un cahier des charges d’une seule page, honnête et précis, suffit à cadrer un site vitrine et à obtenir des devis comparables.","2026-10-06",[520,521],{"path":716,"title":717,"summary":718,"date":719,"rubrique":605,"services":720},"\u002Fjournal\u002Ffiche-produit-e-commerce-qui-vend","Fiche produit e-commerce : l’anatomie d’une page qui vend","Titre, photos, prix, avis, bouton d’achat : chaque bloc d’une fiche produit répond à une question de l’acheteur. Voici comment les assembler pour qu’elle vende.","2026-10-03",[553,554],{"path":722,"title":723,"summary":724,"date":725,"rubrique":594,"services":726},"\u002Fjournal\u002Frefonte-site-sans-perdre-son-referencement","Refonte de site et SEO : comment ne pas perdre son référencement","Une refonte mal préparée peut faire perdre une bonne partie du trafic venu de Google. Inventaire, redirections, préproduction, suivi : la méthode pour l’éviter.","2026-10-01",[566,541],{"path":98,"title":99,"navTitle":100,"color":32,"promise":728},"Des pages claires pour tout le monde, comprises en cinq secondes, sur tous les écrans.",1793879329104]