{"id":2444,"date":"2026-09-07T18:45:04","date_gmt":"2026-09-07T16:45:04","guid":{"rendered":"https:\/\/bondonmatthieu.com\/?page_id=2444"},"modified":"2026-09-16T17:14:41","modified_gmt":"2026-09-16T15:14:41","slug":"projet-portail-ipbp","status":"publish","type":"page","link":"https:\/\/bondonmatthieu.com\/en\/projet-portail-ipbp\/","title":{"rendered":"Projet : Portail IPBP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2444\" class=\"elementor elementor-2444\">\n\t\t\t\t<div class=\"elementor-element elementor-element-409c8ead e-flex e-con-boxed e-con e-parent\" data-id=\"409c8ead\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1c06e9d6 e-con-full breadcrumbs e-flex e-con e-child\" data-id=\"1c06e9d6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2428b656 elementor-widget elementor-widget-text-editor\" data-id=\"2428b656\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/bondonmatthieu.com\/\">Accueil\u00a0<\/a> &gt;\u00a0\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dbde45f elementor-widget elementor-widget-text-editor\" data-id=\"7dbde45f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/bondonmatthieu.com\/#projets\">Projets\u00a0<\/a> &gt;\u00a0\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-badf851 elementor-widget elementor-widget-text-editor\" data-id=\"badf851\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Portail adh\u00e9rent IPBP<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1525895f e-con-full e-flex e-con e-child\" data-id=\"1525895f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c7cdb40 e-con-full e-flex e-con e-child\" data-id=\"c7cdb40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bb488a2 elementor-widget elementor-widget-heading\" data-id=\"1bb488a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Portail adh\u00e9rent IPBP<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c061577 elementor-widget elementor-widget-heading\" data-id=\"4c061577\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Refonte du portail adh\u00e9rent IPBP (Institut Pr\u00e9voyance Banque Populaire)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ce97b6a elementor-widget elementor-widget-text-editor\" data-id=\"5ce97b6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Projet r\u00e9el &#8211; UX\/UI design &#8211; Juin 2026<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f5ab26d e-con-full e-flex e-con e-child\" data-id=\"6f5ab26d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36a58ed4 elementor-widget elementor-widget-image\" data-id=\"36a58ed4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/thumbnail_portail_ipbp.webp\" class=\"attachment-full size-full wp-image-2499\" alt=\"thumbnail projet portail IPBP\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/thumbnail_portail_ipbp.webp 1920w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/thumbnail_portail_ipbp-300x200.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/thumbnail_portail_ipbp-1024x683.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/thumbnail_portail_ipbp-768x512.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/thumbnail_portail_ipbp-1536x1024.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/thumbnail_portail_ipbp-18x12.webp 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7976ca13 e-flex e-con-boxed e-con e-parent\" data-id=\"7976ca13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-595aa790 elementor-widget elementor-widget-html\" data-id=\"595aa790\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Bouton flottant -->\r\n<div id=\"toc-toggle\" style=\"\r\n    position: fixed;\r\n    top: 100px;\r\n    right: 20px;\r\n    background: #27293B;\r\n    color: #ffffff;\r\n    padding: 10px 12px;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    z-index: 9999;\r\n    border: 1px solid #ffffff;\r\n\">\r\n  \u2630\r\n<\/div>\r\n<!-- Table des mati\u00e8res flottante -->\r\n<div id=\"toc\" style=\"\r\n    display: none;\r\n    position: fixed;\r\n    top: 100px;\r\n    right: 20px;\r\n    background: #27293B;\r\n    border: 1px solid #ffffff;\r\n    color: #ffffff;\r\n    padding: 40px 15px 15px 15px;\r\n    border-radius: 8px;\r\n    max-width: 260px;\r\n    z-index: 9999;\r\n\">\r\n  <!-- Bouton de fermeture -->\r\n  <div id=\"toc-close\" style=\"\r\n      position: absolute;\r\n      top: 8px;\r\n      right: 10px;\r\n      cursor: pointer;\r\n      font-weight: bold;\r\n  \">\u2715<\/div>\r\n  <strong>Table des mati\u00e8res<\/strong>\r\n  <ul style=\"list-style: none; padding-left: 0; margin-top: 10px;\">\r\n    <li><a href=\"#contexte-objectifs\" style=\"color: #ffffff; text-decoration: none;\">Contexte et objectifs<\/a><\/li>\r\n    <li><a href=\"#recherche-ideation\" style=\"color: #ffffff; text-decoration: none;\">Recherche et id\u00e9ation<\/a><\/li>\r\n    <li><a href=\"#design-final\" style=\"color: #ffffff; text-decoration: none;\">Solution<\/a><\/li>\r\n    <li><a href=\"#conclusion\" style=\"color: #ffffff; text-decoration: none;\">Conclusion<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n<style>\r\n#toc a:hover {\r\n    color: #767EC4 !important;\r\n}\r\n#toc-toggle:hover {\r\n    background-color: #767EC4!important;\r\n}\r\n<\/style>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const toggle = document.getElementById('toc-toggle');\r\n    const toc = document.getElementById('toc');\r\n    const closeBtn = document.getElementById('toc-close');\r\n    \/\/ ouvrir\r\n    toggle.addEventListener('click', function() {\r\n        toc.style.display = 'block';\r\n        toggle.style.display = 'none';\r\n    });\r\n    \/\/ fermer\r\n    closeBtn.addEventListener('click', function() {\r\n        toc.style.display = 'none';\r\n        toggle.style.display = 'block';\r\n    });\r\n    \/\/ smooth scroll\r\n    document.querySelectorAll('#toc a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                behavior: 'smooth'\r\n            });\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13c02449 e-flex e-con-boxed e-con e-parent\" data-id=\"13c02449\" data-element_type=\"container\" data-e-type=\"container\" id=\"contexte-objectifs\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d34f6c1 elementor-widget elementor-widget-heading\" data-id=\"d34f6c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contexte et objectifs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03bedfc elementor-widget elementor-widget-text-editor\" data-id=\"03bedfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>J&rsquo;ai \u00e9t\u00e9 embauch\u00e9 par une ESN pour travailler en qualit\u00e9 d&rsquo;UX\/UI designer sur la refonte du portail adh\u00e9rent de l&rsquo;IPBP (Institut Pr\u00e9voyance Banque Populaire).<\/p><p>Ma mission consistait \u00e0 <strong>am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur<\/strong> et homog\u00e9n\u00e9iser la <strong>charte graphique<\/strong> du portail adh\u00e9rent existant (incluant l&rsquo;acc\u00e8s RH, et le tunnel adminstratif de demande de liquidation). Les livrables attendus \u00e9taient des maquettes graphiques sur Figma. J&rsquo;\u00e9tais seul designer sur le projet, et je collaborais avec l&rsquo;\u00e9quipe de d\u00e9veloppement.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53c59b53 e-flex e-con-boxed e-con e-parent\" data-id=\"53c59b53\" data-element_type=\"container\" data-e-type=\"container\" id=\"recherche-ideation\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f10e46 elementor-widget elementor-widget-heading\" data-id=\"4f10e46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Recherche et id\u00e9ation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc2f73f elementor-widget elementor-widget-heading\" data-id=\"cc2f73f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">La probl\u00e9matique<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0006760 elementor-widget elementor-widget-text-editor\" data-id=\"0006760\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\ud83c\udfaf L&rsquo;objectif \u00e9tait de simplifier et fluidifier le parcours utilisateur, et homog\u00e9n\u00e9iser la charte graphique, en prenant en compte les principaux <strong>points de douleurs<\/strong> remont\u00e9s par les adh\u00e9rents :<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9990e8 elementor-widget elementor-widget-text-editor\" data-id=\"b9990e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li>Difficult\u00e9 \u00e0 cr\u00e9er son compte,\u00a0<\/li><li>Confusion entre les diff\u00e9rents identifiants<\/li><li>Informations confuses sur les natures des prestations<\/li><li>Difficult\u00e9 \u00e0 consulter et t\u00e9l\u00e9charger les documents<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc919df elementor-widget elementor-widget-text-editor\" data-id=\"cc919df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\ud83d\udd0e J&rsquo;ai \u00e9galement personnellement audit\u00e9 le portail actuel (assist\u00e9 par l&rsquo;IA) pour identifier ce qui pourrait poser probl\u00e8me, les causes possibles des points de douleurs, et proposer des axes d&rsquo;am\u00e9lioration.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7da158 elementor-widget elementor-widget-spacer\" data-id=\"d7da158\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-230eab3 elementor-widget elementor-widget-heading\" data-id=\"230eab3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">La cible<\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da2573f e-con-full e-flex e-con e-child\" data-id=\"da2573f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-88d2934 e-con-full e-flex e-con e-child\" data-id=\"88d2934\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc784f6 elementor-widget elementor-widget-image\" data-id=\"dc784f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/persona-scaled.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"persona\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjU1NCwidXJsIjoiaHR0cHM6XC9cL2JvbmRvbm1hdHRoaWV1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDlcL3BlcnNvbmEtc2NhbGVkLndlYnAifQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"579\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/persona-1024x579.webp\" class=\"attachment-large size-large wp-image-2554\" alt=\"\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/persona-1024x579.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/persona-300x170.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/persona-768x434.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/persona-1536x869.webp 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09315ed e-con-full e-flex e-con e-child\" data-id=\"09315ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b70efd elementor-widget elementor-widget-text-editor\" data-id=\"2b70efd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Les utilisateurs du portail sont des employ\u00e9s du groupe Banque Populaire, proches de la retraite ou \u00e0 la retraite, pour la plupart peu \u00e0 l&rsquo;aise avec les interfaces digitales.<br \/>J&rsquo;ai cr\u00e9\u00e9 une fiche persona, puis j&rsquo;ai fait un sch\u00e9ma d&rsquo;un parcours utilisateur optimis\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffe1a60 elementor-widget elementor-widget-image\" data-id=\"ffe1a60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/user_flow_IPBP.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"user_flow_IPBP\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjU1NSwidXJsIjoiaHR0cHM6XC9cL2JvbmRvbm1hdHRoaWV1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDlcL3VzZXJfZmxvd19JUEJQLndlYnAifQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/user_flow_IPBP.webp\" class=\"attachment-large size-large wp-image-2555\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Cliquez pour agrandir<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd713f5 e-flex e-con-boxed e-con e-parent\" data-id=\"cd713f5\" data-element_type=\"container\" data-e-type=\"container\" id=\"design-final\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7698bd elementor-widget elementor-widget-heading\" data-id=\"f7698bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Solution<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e001ed4 elementor-widget elementor-widget-text-editor\" data-id=\"e001ed4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Les pain points et mon analyse du portail existant ont en fait r\u00e9v\u00e9l\u00e9 une interface trop confuse pour le public cible, une hi\u00e9rarchisation insuffisante de l&rsquo;information, et des t\u00e2ches trop complexes \u00e0 effectuer. <br \/>J&rsquo;ai donc orient\u00e9 ma refonte vers une <strong>simplification de la navigation<\/strong>, une r\u00e9organisation des composants et des informations, en veillant \u00e0 garder une <strong>coh\u00e9rence visuelle<\/strong>, un design responsive, et des fonctionnalit\u00e9s utiles et intuitives.<\/p><p>Quelques exemples :<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85fa9cb elementor-widget elementor-widget-image-gallery\" data-id=\"85fa9cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-1' class='gallery galleryid-2444 gallery-columns-2 gallery-size-medium_large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"85fa9cb\" data-elementor-lightbox-title=\"Avant\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjYwNCwidXJsIjoiaHR0cHM6XC9cL2JvbmRvbm1hdHRoaWV1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDlcL2hvbWVfYmVmb3JlLXNjYWxlZC53ZWJwIiwic2xpZGVzaG93IjoiODVmYTljYiJ9\" href='https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_before-scaled.webp'><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"410\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_before-768x410.webp\" class=\"attachment-medium_large size-medium_large\" alt=\"\" aria-describedby=\"gallery-1-2604\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_before-768x410.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_before-300x160.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_before-1024x546.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_before-1536x819.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_before-2048x1092.webp 2048w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_before-18x10.webp 18w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-2604'>\n\t\t\t\tAvant\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"85fa9cb\" data-elementor-lightbox-title=\"Apr\u00e8s\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjYwNSwidXJsIjoiaHR0cHM6XC9cL2JvbmRvbm1hdHRoaWV1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDlcL2hvbWVfYWZ0ZXItc2NhbGVkLndlYnAiLCJzbGlkZXNob3ciOiI4NWZhOWNiIn0%3D\" href='https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_after-scaled.webp'><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"410\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_after-768x410.webp\" class=\"attachment-medium_large size-medium_large\" alt=\"\" aria-describedby=\"gallery-1-2605\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_after-768x410.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_after-300x160.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_after-1024x546.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_after-1536x819.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_after-2048x1092.webp 2048w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/home_after-18x10.webp 18w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-2605'>\n\t\t\t\tApr\u00e8s\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4115c6f elementor-widget elementor-widget-text-editor\" data-id=\"4115c6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Page d&rsquo;accueil (ci-dessus) :<\/p><ul><li>infobulle \u00e0 c\u00f4t\u00e9 de l&rsquo;identifiant pour r\u00e9duire la <strong>charge cognitive<\/strong><\/li><li>bouton de d\u00e9connexion avec ic\u00f4ne, couleur, et texte : <strong>+37% de rapidit\u00e9 de rep\u00e9rage<\/strong> (selon Nielsen Norman Group)<\/li><li>des <strong>CTAs<\/strong> plus \u00e9vidents (\u00ab\u00a0voir le d\u00e9tail\u00a0\u00bb), avec une couleur d&rsquo;int\u00e9raction d\u00e9di\u00e9e<\/li><li>une indentation des sous-items de menu pour une meilleure <strong>hi\u00e9rarchie visuelle<\/strong><\/li><li>changement d&rsquo;ordre des items dans le menu de navigation, donnant plus d&rsquo;importance \u00e0 \u00ab\u00a0Mes documents\u00a0\u00bb<\/li><li>une page mieux structur\u00e9e et \u00e9quilibr\u00e9e<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e1984d elementor-widget elementor-widget-spacer\" data-id=\"2e1984d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cf87be elementor-widget elementor-widget-image-gallery\" data-id=\"9cf87be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-2' class='gallery galleryid-2444 gallery-columns-2 gallery-size-medium_large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"9cf87be\" data-elementor-lightbox-title=\"Avant\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjYyOCwidXJsIjoiaHR0cHM6XC9cL2JvbmRvbm1hdHRoaWV1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDlcL2RvY3VtZW50c19iZWZvcmUtc2NhbGVkLndlYnAiLCJzbGlkZXNob3ciOiI5Y2Y4N2JlIn0%3D\" href='https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_before-scaled.webp'><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"410\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_before-768x410.webp\" class=\"attachment-medium_large size-medium_large\" alt=\"\" aria-describedby=\"gallery-2-2628\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_before-768x410.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_before-300x160.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_before-1024x546.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_before-1536x819.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_before-2048x1092.webp 2048w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_before-18x10.webp 18w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-2628'>\n\t\t\t\tAvant\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"9cf87be\" data-elementor-lightbox-title=\"Apr\u00e8s\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjYyNywidXJsIjoiaHR0cHM6XC9cL2JvbmRvbm1hdHRoaWV1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDlcL2RvY3VtZW50c19hZnRlci1zY2FsZWQud2VicCIsInNsaWRlc2hvdyI6IjljZjg3YmUifQ%3D%3D\" href='https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_after-scaled.webp'><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"410\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_after-768x410.webp\" class=\"attachment-medium_large size-medium_large\" alt=\"\" aria-describedby=\"gallery-2-2627\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_after-768x410.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_after-300x160.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_after-1024x546.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_after-1536x819.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_after-2048x1092.webp 2048w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/documents_after-18x10.webp 18w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-2627'>\n\t\t\t\tApr\u00e8s\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6951767 elementor-widget elementor-widget-text-editor\" data-id=\"6951767\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Page documents (ci-dessus) :<\/p><ul><li><strong>syst\u00e8me d&rsquo;onglets<\/strong> sur desktop (existant d\u00e9j\u00e0 sur la version mobile) pour all\u00e9ger la page trop confuse<\/li><li>intitul\u00e9 explicite des filtres pour une meilleure <strong>affordance<\/strong><\/li><li>ajout d&rsquo;une colonne de cat\u00e9gorie correspondant aux filtres<\/li><li>bouton de pr\u00e9visualisation des documents, et plus seulement de t\u00e9l\u00e9chargement, pour offrir \u00e0 l&rsquo;utilisateur plus de contr\u00f4le<\/li><li>utilisation de notre <strong>couleur d&rsquo;int\u00e9raction<\/strong> pour les \u00e9l\u00e9ments cliquables<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-637a180 elementor-widget elementor-widget-image\" data-id=\"637a180\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/creation_compte-scaled.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"creation_compte\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjY0MCwidXJsIjoiaHR0cHM6XC9cL2JvbmRvbm1hdHRoaWV1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDlcL2NyZWF0aW9uX2NvbXB0ZS1zY2FsZWQud2VicCJ9\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"369\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/creation_compte-1024x369.webp\" class=\"attachment-large size-large wp-image-2640\" alt=\"\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/creation_compte-1024x369.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/creation_compte-300x108.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/creation_compte-768x276.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/creation_compte-1536x553.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/creation_compte-2048x737.webp 2048w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/creation_compte-18x6.webp 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Cliquez pour agrandir<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fbb62d elementor-widget elementor-widget-text-editor\" data-id=\"9fbb62d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>La cr\u00e9ation de compte \u00e9tait un point de douleur des utilisateurs. <br \/>Ne disposant pas du temps et des moyens de faire des tests utilisateurs pour savoir si les difficult\u00e9s \u00e0 cr\u00e9er un compte \u00e9taient d\u00fbes \u00e0 un probl\u00e8me de conception ou technique, j&rsquo;ai propos\u00e9 une optimisation des \u00e9crans (version mobile finale ci-dessus) pour une exp\u00e9rience plus fluide :<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a67bcbf elementor-widget elementor-widget-text-editor\" data-id=\"a67bcbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li>champs de saisies plus clairs avec <strong>label + placeholder<\/strong> (recommand\u00e9 par NN\/g et Baymard Institute), \u00e0 la place des floating labels d\u00e9j\u00e0 pr\u00e9sents<\/li><li>des instructions et textes de confirmation plus explicites<\/li><li>homog\u00e9n\u00e9isation de la charte graphique (notamment les couleurs d&rsquo;int\u00e9ractions, de bordures, de liens)<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91c5504 elementor-widget elementor-widget-spacer\" data-id=\"91c5504\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88997da elementor-widget elementor-widget-image-gallery\" data-id=\"88997da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-3' class='gallery galleryid-2444 gallery-columns-2 gallery-size-medium_large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"88997da\" data-elementor-lightbox-title=\"Avant\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjY2MCwidXJsIjoiaHR0cHM6XC9cL2JvbmRvbm1hdHRoaWV1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDlcL21lc3NhZ2VyaWVfYmVmb3JlLXNjYWxlZC53ZWJwIiwic2xpZGVzaG93IjoiODg5OTdkYSJ9\" href='https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_before-scaled.webp'><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"410\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_before-768x410.webp\" class=\"attachment-medium_large size-medium_large\" alt=\"\" aria-describedby=\"gallery-3-2660\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_before-768x410.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_before-300x160.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_before-1024x546.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_before-1536x819.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_before-2048x1092.webp 2048w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_before-18x10.webp 18w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-2660'>\n\t\t\t\tAvant\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"88997da\" data-elementor-lightbox-title=\"Apr\u00e8s\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjY1OSwidXJsIjoiaHR0cHM6XC9cL2JvbmRvbm1hdHRoaWV1LmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDlcL21lc3NhZ2VyaWVfYWZ0ZXItc2NhbGVkLndlYnAiLCJzbGlkZXNob3ciOiI4ODk5N2RhIn0%3D\" href='https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_after-scaled.webp'><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"410\" src=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_after-768x410.webp\" class=\"attachment-medium_large size-medium_large\" alt=\"\" aria-describedby=\"gallery-3-2659\" srcset=\"https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_after-768x410.webp 768w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_after-300x160.webp 300w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_after-1024x546.webp 1024w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_after-1536x819.webp 1536w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_after-2048x1092.webp 2048w, https:\/\/bondonmatthieu.com\/wp-content\/uploads\/2026\/09\/messagerie_after-18x10.webp 18w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-2659'>\n\t\t\t\tApr\u00e8s\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a19729d elementor-widget elementor-widget-text-editor\" data-id=\"a19729d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>On m&rsquo;a demand\u00e9 une attention particuli\u00e8re \u00e0 la page de messagerie (ci-dessus) :<\/p><ul><li>relooking adapt\u00e9<\/li><li><strong>design minimalisme<\/strong> (8\u00e8me heuristique de Nielsen) : le syst\u00e8me de filtrage n&rsquo;\u00e9tait pas adapt\u00e9 au nombre limit\u00e9 de conversation anticip\u00e9, et le rafra\u00eechissement devrait \u00eatre automatique\u00a0<\/li><li>l&rsquo;\u00e9tat inactif des boutons est plus pertinent pour l&rsquo;affordance que leur masquage, pour signifier que la fonctionnalit\u00e9 n&rsquo;est que temporairement indisponible (Source : Smashing Magazine)<\/li><li>la page de messagerie s&rsquo;ouvre sur la derni\u00e8re conversation<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56881b2 elementor-widget elementor-widget-text-editor\" data-id=\"56881b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>La selection d&rsquo;\u00e9crans montr\u00e9e ici n&rsquo;est pas exhaustive. J&rsquo;ai \u00e9galement travaill\u00e9 sur le reste des pages des acc\u00e8s adh\u00e9rent et RH, ainsi que le processus de liquidation pour lequel j&rsquo;ai suivi un cahier des charges pr\u00e9cis.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a7bd7aa e-flex e-con-boxed e-con e-parent\" data-id=\"4a7bd7aa\" data-element_type=\"container\" data-e-type=\"container\" id=\"conclusion\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc58615 elementor-widget elementor-widget-heading\" data-id=\"bc58615\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a58a0a9 elementor-widget elementor-widget-text-editor\" data-id=\"a58a0a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><img decoding=\"async\" class=\"emoji\" role=\"img\" draggable=\"false\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f4dd.svg\" alt=\"\ud83d\udcdd\" \/> Ce travail, men\u00e9 avec une certaine autonomie m&rsquo;a confront\u00e9 \u00e0 la logique m\u00e9tier d&rsquo;un environnement administratif et son public cible sp\u00e9cifique. <br \/>\u00catre seul designer sur le projet et \u00e9changer avec les d\u00e9veloppeurs m&rsquo;a pouss\u00e9 \u00e0 \u00eatre rigoureux dans la justification de mes choix et \u00e0 ajuster mes propositions aux contraintes techniques r\u00e9elles.<br \/>Les sp\u00e9cificit\u00e9s de la mission \u00e9taient telles que je n&rsquo;ai pas eu la possibilit\u00e9 de faire une recherche utilisateur plus pouss\u00e9e, n\u00e9anmoins am\u00e9liorer ces interfaces existantes \u00e9tait gratifiant et formateur.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-faf84c2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"faf84c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-638e405 elementor-widget elementor-widget-text-editor\" data-id=\"638e405\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Projet r\u00e9alis\u00e9 pour IPBP dans le cadre d&rsquo;une mission avec Scub. Les donn\u00e9es affich\u00e9es sont fictives, \u00e0 des fins de d\u00e9monstration. Les visuels sont pr\u00e9sent\u00e9s \u00e0 titre illustratif de mon travail de conception.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39275ca3 e-con-full e-flex e-con e-child\" data-id=\"39275ca3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-13996749 e-con-full e-flex e-con e-child\" data-id=\"13996749\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59710d66 elementor-widget elementor-widget-heading\" data-id=\"59710d66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/bondonmatthieu.com\/projet-ecoworking\/\">&lt; Projet pr\u00e9c\u00e9dent<\/a><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c81b1ff elementor-widget elementor-widget-text-editor\" data-id=\"2c81b1ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00c9coworking<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9963956 e-con-full e-flex e-con e-child\" data-id=\"9963956\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accueil\u00a0 &gt;\u00a0\u00a0 Projets\u00a0 &gt;\u00a0\u00a0 Portail adh\u00e9rent IPBP Portail adh\u00e9rent IPBP Refonte du portail adh\u00e9rent IPBP (Institut Pr\u00e9voyance Banque Populaire) Projet r\u00e9el &#8211; UX\/UI design &#8211; Juin 2026 \u2630 \u2715 Table des mati\u00e8res Contexte et objectifs Recherche et id\u00e9ation Solution Conclusion Contexte et objectifs J&rsquo;ai \u00e9t\u00e9 embauch\u00e9 par une ESN pour travailler en qualit\u00e9 d&rsquo;UX\/UI designer&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2444","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/pages\/2444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/comments?post=2444"}],"version-history":[{"count":190,"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/pages\/2444\/revisions"}],"predecessor-version":[{"id":2700,"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/pages\/2444\/revisions\/2700"}],"wp:attachment":[{"href":"https:\/\/bondonmatthieu.com\/en\/wp-json\/wp\/v2\/media?parent=2444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}