{"id":6377,"date":"2022-05-02T09:42:16","date_gmt":"2022-05-02T07:42:16","guid":{"rendered":"https:\/\/www.luklagroup.com\/sem-categoria\/departement-de-loire-atlantique-presentation-globale-du-projet-de-refonte-des-sites-internet-2\/"},"modified":"2022-05-02T09:42:16","modified_gmt":"2022-05-02T07:42:16","slug":"departement-de-loire-atlantique-presentation-globale-du-projet-de-refonte-des-sites-internet-2","status":"publish","type":"post","link":"https:\/\/www.luklagroup.com\/pt-pt\/web-marketing-pt-pt\/departement-de-loire-atlantique-presentation-globale-du-projet-de-refonte-des-sites-internet-2\/","title":{"rendered":"D\u00e9partement de Loire-Atlantique, pr\u00e9sentation globale du projet de refonte des sites internet"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong><em>Dans le cadre de la conception de sites internet institutionnels, Digiwin a accompagn\u00e9 le <\/em><\/strong><a href=\"https:\/\/www.loire-atlantique.fr\/44\/navigation-des-espaces\/c_5025\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>D\u00e9partement de Loire-Atlantique (44)<\/em><\/strong><\/a><strong><em> dans un projet de refonte d\u2019une vingtaine de sites et de ses 3 applications mobiles. Mais au-del\u00e0 du projet de refonte, ce projet r\u00e9unit d\u2019autres aspects : approche humaine et collaborative, accessibilit\u00e9, acc\u00e8s mobile et design system.<\/em><br><br><em>D\u00e9couvrez \u00e0 travers cet article le projet et les diff\u00e9rents enjeux qui le composent.<\/em><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Contexte et ambition du projet du D\u00e9partement de Loire-Atlantique&nbsp;: \u00eatre plus proche des citoyens et am\u00e9liorer l\u2019accessibilit\u00e9<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En 2018, le D\u00e9partement de Loire-Atlantique a lanc\u00e9 un projet d\u2019envergure. Son ambition&nbsp;initiale ? Faire \u00e9voluer le design et la ligne \u00e9ditoriale de ses 15 sites publics \u00e0 destination des habitants de Loire-Atlantique. Dans cet \u00e9lan, des <strong>entretiens men\u00e9s avec des habitants volontaires (\u00e0 Nantes, Clisson et Ch\u00e2teaubriant)<\/strong> ont permis d\u2019identifier certains axes d\u2019am\u00e9liorations : <strong>moderniser<\/strong> (fond et forme) et <strong>mettre en accessibilit\u00e9<\/strong> tous les sites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A partir de ce recueil, le D\u00e9partement a souhait\u00e9 aller au-del\u00e0 de ces \u00e9l\u00e9ments recueillis pour faire d&#8217;avantage \u00e9voluer ses sites afin de les rendre <strong>plus visuels, plus accessibles et plus faciles \u00e0 contribuer<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C\u2019est dans ce cadre que Digiwin a \u00e9t\u00e9 sollicit\u00e9 pour&nbsp;r\u00e9pondre \u00e0 ces enjeux. Les objectifs du projet :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Construire un design system avec la m\u00e9thode <strong>UX\/UI pour homog\u00e9n\u00e9iser et unifier<\/strong> les sites,<\/li><li>Am\u00e9liorer le <strong>moteur de recherche<\/strong> (bas\u00e9 sur Jalios V10),<\/li><li>Concevoir dans une logique de <strong>Mobile First<\/strong> pour disposer d\u2019un acc\u00e8s mobile,<\/li><li>Et surtout, repenser l\u2019ensemble des sites pour les rendre <strong>accessibles<\/strong>.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Pour am\u00e9liorer l\u2019information et les services d\u00e9di\u00e9s au handicap, le D\u00e9partement a profit\u00e9 de cette refonte pour concevoir un nouveau <a href=\"https:\/\/handicap.loire-atlantique.fr\/44\/accueil\/j_6\" target=\"_blank\" rel=\"noreferrer noopener\">site d\u00e9di\u00e9 au handicap<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.loire-atlantique.fr\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/digiwin.fr\/wp-content\/uploads\/2021\/11\/screenshot-www.loire-atlantique.fr-2021.11.19-10_26_21-553x1600.png\" alt=\"Ici la capture \u00e9cran du nouveau site du D\u00e9partement\" class=\"wp-image-3698\"\/><\/a><figcaption><em><strong>Maintenant<\/strong> (depuis 2020)<br>Site actuel de Loire-Atlantique<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/digiwin.fr\/wp-content\/uploads\/2021\/11\/00_CGLA_maquette_home_v26-1188x1600.jpg\" alt=\"Ici la capture \u00e9cran de l'ancien site du D\u00e9partement\" class=\"wp-image-3699\"\/><figcaption><meta charset=\"utf-8\"><em><strong>Avant<\/strong> (2014-2020)<br>Ancien visuel du site de Loire-Atlantique<\/em><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>M\u00e9thodologie adapt\u00e9e&nbsp;: vers de l&#8217;agilit\u00e9 et du Design System<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois l\u2019architecture technique des diff\u00e9rents sites analys\u00e9e, des <strong>probl\u00e9matiques sp\u00e9cifiques <\/strong>\u00e0 la r\u00e9alisation&nbsp;ont \u00e9merg\u00e9.  <strong>Le projet a pris alors un nouveau virage<\/strong>, tant sur la m\u00e9thodologie que sur la technicit\u00e9 propos\u00e9e initialement. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour y r\u00e9pondre, la r\u00e9orientation du projet s&#8217;est appuy\u00e9e sur les axes suivants :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>1<sup>\u00e8re<\/sup> probl\u00e9matique&nbsp;<\/strong>: Sur un p\u00e9rim\u00e8tre aussi large, comment r\u00e9aliser le projet dans de bonnes conditions et de fa\u00e7on fluide&nbsp;?<br><strong>R\u00e9orientation adopt\u00e9e :<\/strong> Le client et l&#8217;\u00e9quipe Digiwin a fait le choix de commencer le projet par le site principal du D\u00e9partement pour ensuite d\u00e9cliner la suite de la refonte sur les sites restants.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>2<sup>e<\/sup> probl\u00e9matique<\/strong>&nbsp;: Comment construire une interface duplicable et stable le plus facilement et intelligemment&nbsp;possible ?<br><strong>R\u00e9orientation adopt\u00e9e :<\/strong> Pour d\u00e9ployer de fa\u00e7on harmonieuse et structur\u00e9e, la strat\u00e9gie choisie a \u00e9t\u00e9 de construire un Design System en prenant en compte des enjeux d&#8217;accessibilit\u00e9.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><em><a href=\"https:\/\/digiwin.fr\/actualites\/departement-loire-atlantique-refonte-des-sites-orientee-accessibilite-design-system-et-agilite\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dans l&#8217;article suivant<\/a>, nous allons voir plus en d\u00e9tail le projet de refonte qui r\u00e9pond \u00e0 la fois aux besoins initiaux mais aussi aux nouvelles probl\u00e9matiques rencontr\u00e9es.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans le cadre de la conception de sites internet institutionnels, Digiwin a accompagn\u00e9 le D\u00e9partement de Loire-Atlantique (44) dans un projet de refonte d\u2019une vingtaine de sites et de ses 3 applications mobiles. Mais au-del\u00e0 du projet de refonte, ce projet r\u00e9unit d\u2019autres aspects : approche humaine et collaborative, accessibilit\u00e9, acc\u00e8s mobile et design system. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6378,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[184,185,182],"tags":[211,212,213,214,215,216],"class_list":["post-6377","post","type-post","status-publish","format-standard","has-post-thumbnail","category-change-adopt-pt-pt","category-digital-workplace-pt-pt","category-web-marketing-pt-pt","tag-accessibilite-pt-pt","tag-design-system-pt-pt","tag-mobile-first-pt-pt","tag-public-pt-pt","tag-refonte-pt-pt","tag-site-pt-pt"],"_links":{"self":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/posts\/6377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=6377"}],"version-history":[{"count":0,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/posts\/6377\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/media\/6378"}],"wp:attachment":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=6377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=6377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=6377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}