{"id":1823,"date":"2025-03-25T15:32:42","date_gmt":"2025-03-25T14:32:42","guid":{"rendered":"https:\/\/charlotte-kubis.fr\/?post_type=project&#038;p=1823"},"modified":"2025-03-25T15:32:43","modified_gmt":"2025-03-25T14:32:43","slug":"atout-france","status":"publish","type":"project","link":"https:\/\/charlotte-kubis.fr\/index.php\/project\/atout-france\/","title":{"rendered":"Atout France"},"content":{"rendered":"\n[et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bbgcid-e1a53616-ce4e-46ab-b4cc-ca9341bb5223&Prime; module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb custom_margin_tablet=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb custom_margin_phone=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb custom_padding=\u00a0\u00bb11.25rem|0px|3rem|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{%22gcid-e1a53616-ce4e-46ab-b4cc-ca9341bb5223%22:%91%22background_color%22%93}\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb0px|5rem|0px|5rem|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb header_font_size_tablet=\u00a0\u00bb56px\u00a0\u00bb header_font_size_phone=\u00a0\u00bb56px\u00a0\u00bb header_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<h1 class=\"p1\"><b>Atout France<\/b><\/h1>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_2_font_size=\u00a0\u00bb56px\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|3.5rem|0px|false|false\u00a0\u00bb custom_margin_tablet=\u00a0\u00bb0px|0px|3.5rem|0px|false|false\u00a0\u00bb custom_margin_phone=\u00a0\u00bb||2.5rem||false|false\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb header_font_size_tablet=\u00a0\u00bb56px\u00a0\u00bb header_font_size_phone=\u00a0\u00bb56px\u00a0\u00bb header_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb header_2_font_size_tablet=\u00a0\u00bb40px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb40px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<h2><strong>Plateforme Web Professionnelle<\/strong><\/h2>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font_size=\u00a0\u00bb24px\u00a0\u00bb background_layout=\u00a0\u00bbdark\u00a0\u00bb width=\u00a0\u00bb56.8%\u00a0\u00bb width_tablet=\u00a0\u00bb100%\u00a0\u00bb width_phone=\u00a0\u00bb100%\u00a0\u00bb width_last_edited=\u00a0\u00bbon|tablet\u00a0\u00bb max_width=\u00a0\u00bb100%\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|1.5rem|0px|false|false\u00a0\u00bb custom_margin_tablet=\u00a0\u00bb\u00a0\u00bb custom_margin_phone=\u00a0\u00bb\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb text_font_size_tablet=\u00a0\u00bb18px\u00a0\u00bb text_font_size_phone=\u00a0\u00bb18px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<p>Le projet <strong data-start=\"44\" data-end=\"60\">Atout France<\/strong> s&rsquo;inscrit dans une d\u00e9marche de modernisation et d&rsquo;am\u00e9lioration de son <strong data-start=\"131\" data-end=\"165\">plateforme web professionnelle<\/strong>, essentielle pour ses utilisateurs. Cette refonte visait non seulement \u00e0 rafra\u00eechir l&rsquo;identit\u00e9 visuelle du site, mais aussi \u00e0 int\u00e9grer une <strong data-start=\"305\" data-end=\"331\">couche d\u2019accessibilit\u00e9<\/strong> et des <strong data-start=\"339\" data-end=\"369\">principes d\u2019\u00e9co-conception<\/strong>, garantissant ainsi une exp\u00e9rience utilisateur plus inclusive et responsable.<\/p>[\/et_pb_text][et_pb_button button_url=\u00a0\u00bbhttps:\/\/www.atout-france.fr\/\u00a0\u00bb url_new_window=\u00a0\u00bbon\u00a0\u00bb button_text=\u00a0\u00bbD\u00e9couvrir le site en action !\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00a0\u00bb1_4,1_4,1_4,1_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb3.5rem|5rem|0px|5rem|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb1_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|24px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb text_font_size_tablet=\u00a0\u00bb16px\u00a0\u00bb text_font_size_phone=\u00a0\u00bb16px\u00a0\u00bb header_4_font_size_tablet=\u00a0\u00bb24px\u00a0\u00bb header_4_font_size_phone=\u00a0\u00bb24px\u00a0\u00bb header_4_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb locked=\u00a0\u00bboff\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<h4>R\u00f4le<\/h4>\n<p>Lead UI Designer<\/p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|24px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb text_font_size_tablet=\u00a0\u00bb16px\u00a0\u00bb text_font_size_phone=\u00a0\u00bb16px\u00a0\u00bb header_4_font_size_tablet=\u00a0\u00bb24px\u00a0\u00bb header_4_font_size_phone=\u00a0\u00bb24px\u00a0\u00bb header_4_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb locked=\u00a0\u00bboff\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<h4>Temps<\/h4>\n<p>45 jours &#8211; 2022<\/p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|24px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb text_font_size_tablet=\u00a0\u00bb16px\u00a0\u00bb text_font_size_phone=\u00a0\u00bb16px\u00a0\u00bb text_font_size_last_edited=\u00a0\u00bbon|tablet\u00a0\u00bb header_4_font_size_tablet=\u00a0\u00bb24px\u00a0\u00bb header_4_font_size_phone=\u00a0\u00bb24px\u00a0\u00bb header_4_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb locked=\u00a0\u00bboff\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<h4>Secteur<\/h4>\n<p>Tourisme<\/p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text content_tablet=\u00a0\u00bb<h4 class=%22tools%22>Outils<\/h4>\n<p><span class=%22chips%22>FigJam<\/span> <span class=%22chips%22>Figma<\/span> <span class=%22chips%22>Maze<\/span> <span class=%22chips%22>Illustrator<\/span><\/p>\u00a0\u00bb content_phone=\u00a0\u00bb<h4 class=%22tools%22>Outils<\/h4>\n<p><span class=%22chips%22>FigJam<\/span> <span class=%22chips%22>Figma<\/span> <span class=%22chips%22>Maze<\/span> <span class=%22chips%22>Illustrator<\/span><\/p>\u00a0\u00bb content_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font_size=\u00a0\u00bb14px\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb text_font_size_tablet=\u00a0\u00bb14px\u00a0\u00bb header_4_font_size_tablet=\u00a0\u00bb24px\u00a0\u00bb header_4_font_size_phone=\u00a0\u00bb24px\u00a0\u00bb header_4_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb locked=\u00a0\u00bboff\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<h4 class=\"tools\">Outils<\/h4>\n<p><span class=\"chips\">Figma<\/span><\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb|5rem||5rem|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb3.5rem||4rem||false|false\u00a0\u00bb collapsed=\u00a0\u00bbon\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_divider _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb max_height=\u00a0\u00bb4px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00a0\u00bbLigne\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb0px|5rem|0px|5rem|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_image src=\u00a0\u00bbhttps:\/\/charlotte-kubis.fr\/wp-content\/uploads\/2025\/03\/use_case_atout-france_O1.jpg\u00a0\u00bb alt=\u00a0\u00bbmicroscope\u00a0\u00bb title_text=\u00a0\u00bbuse_case_atout-france_O1&Prime; align=\u00a0\u00bbcenter\u00a0\u00bb force_fullwidth=\u00a0\u00bbon\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb border_radii=\u00a0\u00bbon|24px|24px|24px|24px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb2rem|5rem|0px|5rem|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_2_font_size=\u00a0\u00bb56px\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|1.5rem|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb header_2_font_size_tablet=\u00a0\u00bb40px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb40px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<h2 class=\"p3\"><strong>Le besoin<\/strong><\/h2>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb56.8%\u00a0\u00bb width_tablet=\u00a0\u00bb100%\u00a0\u00bb width_phone=\u00a0\u00bb100%\u00a0\u00bb width_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb text_font_size_tablet=\u00a0\u00bb16px\u00a0\u00bb text_font_size_phone=\u00a0\u00bb16px\u00a0\u00bb text_font_size_last_edited=\u00a0\u00bbon|tablet\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<p data-start=\"836\" data-end=\"1380\" class=\"\">L\u2019objectif principal du projet \u00e9tait de <strong data-start=\"876\" data-end=\"910\">refondre l\u2019interface graphique<\/strong> afin d\u2019am\u00e9liorer l\u2019exp\u00e9rience utilisateur tout en respectant les normes d\u2019accessibilit\u00e9 et les bonnes pratiques d\u2019\u00e9co-conception. La plateforme existante, vieillissante, n\u00e9cessitait une <strong data-start=\"1097\" data-end=\"1124\">harmonisation graphique<\/strong> et une meilleure lisibilit\u00e9. Bas\u00e9 sur le <strong data-start=\"1166\" data-end=\"1209\">Design System de l\u2019\u00c9tat Fran\u00e7ais (DSFR)<\/strong>, le projet devait n\u00e9anmoins permettre une certaine flexibilit\u00e9, avec l\u2019ajout d\u2019une <strong data-start=\"1293\" data-end=\"1324\">surcouche CSS personnalis\u00e9e<\/strong> pour r\u00e9pondre aux besoins sp\u00e9cifiques d\u2019Atout France.<\/p>\n<h3 data-start=\"1382\" data-end=\"1404\" class=\"\"><\/h3>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb2rem|5rem|0px|5rem|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_2_font_size=\u00a0\u00bb56px\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|1.5rem|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb header_2_font_size_tablet=\u00a0\u00bb40px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb40px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<h2 class=\"p3\"><strong>La m\u00e9thodologie<\/strong><\/h2>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb56.8%\u00a0\u00bb width_tablet=\u00a0\u00bb100%\u00a0\u00bb width_phone=\u00a0\u00bb100%\u00a0\u00bb width_last_edited=\u00a0\u00bbon|tablet\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb text_font_size_tablet=\u00a0\u00bb16px\u00a0\u00bb text_font_size_phone=\u00a0\u00bb16px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<p data-start=\"1405\" data-end=\"1800\" class=\"\">En collaboration \u00e9troite avec les \u00e9quipes UX et techniques. Bien que je n\u2019aie pas dirig\u00e9 la partie UX, j\u2019ai particip\u00e9 aux <strong data-start=\"1569\" data-end=\"1595\">ateliers de conception<\/strong> afin de bien cerner les attentes et les contraintes des utilisateurs. J\u2019ai \u00e9galement men\u00e9 des <strong data-start=\"1690\" data-end=\"1712\">tests utilisateurs<\/strong>, permettant d\u2019\u00e9valuer et d\u2019ajuster les interfaces en fonction des retours recueillis.<\/p>\n<p data-start=\"1802\" data-end=\"2173\" class=\"\">D\u00e8s le d\u00e9but, j\u2019ai travaill\u00e9 sur la partie UI en r\u00e9alisant des <strong data-start=\"1865\" data-end=\"1879\">moodboards<\/strong> pour explorer diff\u00e9rentes pistes cr\u00e9atives et proposer une direction visuelle en accord avec l\u2019image d\u2019Atout France. Parall\u00e8lement, j\u2019ai pos\u00e9 les bases d\u2019un <strong data-start=\"2037\" data-end=\"2064\">design system modulaire<\/strong>, construit \u00e0 partir des <strong data-start=\"2089\" data-end=\"2102\">mol\u00e9cules<\/strong> du DSFR, en veillant \u00e0 l\u2019int\u00e9gration fluide des nouveaux composants.<\/p>[\/et_pb_text][et_pb_divider _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bbgcid-secondary-color\u00a0\u00bb width=\u00a0\u00bb56.8%\u00a0\u00bb width_tablet=\u00a0\u00bb100%\u00a0\u00bb width_phone=\u00a0\u00bb100%\u00a0\u00bb width_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb custom_margin=\u00a0\u00bb1.5rem|0px|0px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{%22gcid-secondary-color%22:%91%22background_color%22%93}\u00a0\u00bb][\/et_pb_divider][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font_size=\u00a0\u00bb14px\u00a0\u00bb width=\u00a0\u00bb56.8%\u00a0\u00bb custom_margin=\u00a0\u00bb1.5rem|0px|0px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb text_font_size_tablet=\u00a0\u00bb14px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<span class=\"chips\">Sprint design<\/span>\u00a0<span class=\"chips\">Utilisateurs concepteurs<\/span>\u00a0<span class=\"chips\">Ateliers UX<\/span> <span class=\"chips\">DSFR<\/span>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb2rem|5rem|0px|5rem|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_2_font_size=\u00a0\u00bb56px\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|1.5rem|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb header_2_font_size_tablet=\u00a0\u00bb40px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb40px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<h2 class=\"p3\"><strong>La solution<\/strong><\/h2>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_3_font_size=\u00a0\u00bb40px\u00a0\u00bb width=\u00a0\u00bb56.8%\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|1rem|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb text_font_size_tablet=\u00a0\u00bb16px\u00a0\u00bb text_font_size_phone=\u00a0\u00bb16px\u00a0\u00bb header_3_font_size_tablet=\u00a0\u00bb32px\u00a0\u00bb header_3_font_size_phone=\u00a0\u00bb32px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<p data-start=\"2194\" data-end=\"2586\" class=\"\">La refonte graphique s\u2019est appuy\u00e9e sur les principes du <strong data-start=\"2250\" data-end=\"2258\">DSFR<\/strong>, tout en optimisant certains \u00e9l\u00e9ments via une <strong data-start=\"2305\" data-end=\"2329\">personnalisation CSS<\/strong> afin de mieux r\u00e9pondre aux besoins sp\u00e9cifiques du site. Les <strong data-start=\"2390\" data-end=\"2407\">composants UI<\/strong> ont \u00e9t\u00e9 con\u00e7us \u00e0 partir des <strong data-start=\"2436\" data-end=\"2460\">atomes existantes<\/strong>, garantissant ainsi une parfaite coh\u00e9rence visuelle et une <strong data-start=\"2520\" data-end=\"2538\">maintenabilit\u00e9<\/strong> optimale pour les futures \u00e9volutions du site.<\/p>\n<p data-start=\"2588\" data-end=\"2894\" class=\"\">L\u2019int\u00e9gration d\u2019une <strong data-start=\"2608\" data-end=\"2644\">couche d\u2019accessibilit\u00e9 renforc\u00e9e<\/strong> a permis d\u2019am\u00e9liorer l\u2019ergonomie et la lisibilit\u00e9 des interfaces, rendant le site plus inclusif. Enfin, les choix graphiques et techniques ont \u00e9t\u00e9 pens\u00e9s dans une optique <strong data-start=\"2816\" data-end=\"2836\">d\u2019\u00e9co-conception<\/strong>, visant \u00e0 limiter l\u2019empreinte carbone de la plateforme.<\/p>[\/et_pb_text][et_pb_button button_url=\u00a0\u00bbhttps:\/\/www.atout-france.fr\/\u00a0\u00bb url_new_window=\u00a0\u00bbon\u00a0\u00bb button_text=\u00a0\u00bbD\u00e9couvrir le site en action !\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_button][et_pb_divider _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bbgcid-secondary-color\u00a0\u00bb width=\u00a0\u00bb56.8%\u00a0\u00bb width_tablet=\u00a0\u00bb100%\u00a0\u00bb width_phone=\u00a0\u00bb100%\u00a0\u00bb width_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb custom_margin=\u00a0\u00bb1.5rem|0px|0px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{%22gcid-secondary-color%22:%91%22background_color%22%93}\u00a0\u00bb][\/et_pb_divider][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font_size=\u00a0\u00bb14px\u00a0\u00bb width=\u00a0\u00bb56.8%\u00a0\u00bb custom_margin=\u00a0\u00bb1.5rem|0px|0px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; text_font_size_tablet=\u00a0\u00bb14px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime;]<p><span class=\"chips\">Refonte graphique<\/span> <span class=\"chips\">Design system<\/span> \u00a0<span class=\"chips\">Accessibilit\u00e9<\/span> <span class=\"chips\">Eco-conception<\/span> <span class=\"chips\">Test utilisateurs<\/span><\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb1.5rem|5rem|0px|5rem|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_image src=\u00a0\u00bbhttps:\/\/charlotte-kubis.fr\/wp-content\/uploads\/2025\/03\/use_case_atout-france_O3-scaled.jpg\u00a0\u00bb title_text=\u00a0\u00bbuse_case_atout-france_O3&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; border_radii=\u00a0\u00bbon|24px|24px|24px|24px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00a0\u00bb1_2,1_2&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb custom_margin=\u00a0\u00bb1.5rem|0px|0px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb1_2&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_image src=\u00a0\u00bbhttps:\/\/charlotte-kubis.fr\/wp-content\/uploads\/2025\/03\/use_case_atout-france_O4.jpg\u00a0\u00bb title_text=\u00a0\u00bbuse_case_atout-france_O4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; border_radii=\u00a0\u00bbon|24px|24px|24px|24px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_2&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_image src=\u00a0\u00bbhttps:\/\/charlotte-kubis.fr\/wp-content\/uploads\/2025\/03\/use_case_atout-france_O5.jpg\u00a0\u00bb title_text=\u00a0\u00bbuse_case_atout-france_O5&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; border_radii=\u00a0\u00bbon|24px|24px|24px|24px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Atout FrancePlateforme Web ProfessionnelleLe projet Atout France s&rsquo;inscrit dans une d\u00e9marche de modernisation et d&rsquo;am\u00e9lioration de son plateforme web professionnelle, essentielle pour ses utilisateurs. Cette refonte visait non seulement \u00e0 rafra\u00eechir l&rsquo;identit\u00e9 visuelle du site, mais aussi \u00e0 int\u00e9grer une couche d\u2019accessibilit\u00e9 et des principes d\u2019\u00e9co-conception, garantissant ainsi une exp\u00e9rience utilisateur plus inclusive et responsable.R\u00f4le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1824,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[11],"project_tag":[],"class_list":["post-1823","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-ui-design"],"_links":{"self":[{"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/project\/1823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1823"}],"version-history":[{"count":9,"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/project\/1823\/revisions"}],"predecessor-version":[{"id":1838,"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/project\/1823\/revisions\/1838"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/media\/1824"}],"wp:attachment":[{"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1823"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/project_category?post=1823"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/charlotte-kubis.fr\/index.php\/wp-json\/wp\/v2\/project_tag?post=1823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}