CINXE.COM
Fairness - Notre approche
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" href="./favicon.ico" /> <meta name="viewport" content="width=device-width" /> <link href="./_app/immutable/assets/fairness-site-web.CA1Zt8FK.css" rel="stylesheet"> <link rel="modulepreload" href="./_app/immutable/entry/start.DS1GZYr8.js"> <link rel="modulepreload" href="./_app/immutable/chunks/fairness-site-web.CK2VyRFn.js"> <link rel="modulepreload" href="./_app/immutable/entry/app.DFcDnDIf.js"> <link rel="modulepreload" href="./_app/immutable/nodes/0.ZYyXchjd.js"> <link rel="modulepreload" href="./_app/immutable/nodes/12.BLqWgBpm.js"><title>Fairness - Notre approche</title><!-- HEAD_svelte-ghqxtg_START --><script data-svelte-h="svelte-p7adyr">var _paq = (window._paq = window._paq || []); /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['disableCookies']); _paq.push(['enableLinkTracking']); (function () { var u = 'https://fairnesscoop.matomo.cloud/'; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '1']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = 'https://cdn.matomo.cloud/fairnesscoop.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g, s); })(); </script><!-- HEAD_svelte-ghqxtg_END --><!-- HEAD_svelte-oedf80_START --><!-- HEAD_svelte-oedf80_END --> </head> <body data-sveltekit-preload-data="hover"> <div style="display: contents"> <header class="header svelte-5ygw9q"><div class="header__container svelte-5ygw9q"><a class="font-futura logo-fairness logo-fairness--small logo-fairness--white svelte-r99bfv" aria-label="Retourner vers la page d'accueil" href="/"><img src="data:image/svg+xml,%3csvg%20width='40'%20height='45'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20ariaLabel='Fairness,%20conception%20responsable%20de%20services%20numériques'%3e%3cmask%20id='a'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='41'%20height='45'%3e%3cpath%20d='M19.988%200a3.241%203.241%200%200%200-1.594.423l-16.765%209.59A3.241%203.241%200%200%200%200%2012.822v19.132a3.242%203.242%200%200%200%201.629%202.808l16.765%209.589a3.24%203.24%200%200%200%201.608.423%203.242%203.242%200%200%200%201.608-.423l16.765-9.59a3.242%203.242%200%200%200%201.629-2.807V12.822a3.242%203.242%200%200%200-1.633-2.81L21.606.425a3.238%203.238%200%200%200-1.594-.423L19.988%200Zm-1.123%2043.528L2.1%2033.938a2.29%202.29%200%200%201-1.15-1.983V12.822a2.29%202.29%200%200%201%201.15-1.984L18.865%201.25a2.285%202.285%200%200%201%202.269%200L37.9%2010.838a2.292%202.292%200%200%201%201.15%201.984v19.133a2.29%202.29%200%200%201-1.15%201.984l-16.766%209.589a2.286%202.286%200%200%201-2.269%200Zm-3.303-32.092a.427.427%200%200%200-.43.43v7.188a2.618%202.618%200%200%200%202.627%202.624h7.091v2.985h-4.824a.429.429%200%200%200-.43.43v9.36h-3.604V23.112a.429.429%200%201%200-.86%200v11.77a.43.43%200%200%200%20.43.43h4.466a.428.428%200%200%200%20.429-.43v-9.381h4.8a.41.41%200%200%200%20.429-.407V21.25a.429.429%200%200%200-.43-.43H17.76a1.763%201.763%200%200%201-1.767-1.766v-6.756h9.718v3.173h-5.682a.427.427%200%200%200-.43.43v2.555a.427.427%200%200%200%20.43.43.43.43%200%200%200%20.429-.43v-2.125h5.683a.43.43%200%200%200%20.43-.43v-4.035a.427.427%200%200%200-.43-.43H15.56h.002Z'%20fill='%23fff'/%3e%3c/mask%3e%3cg%20mask='url(%23a)'%3e%3cpath%20d='M0%200h107.663v44.777H0V0Z'%20fill='url(%23b)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='-11.581'%20y1='40.871'%20x2='9.534'%20y2='4.299'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23B8E68D'/%3e%3cstop%20offset='.1'%20stop-color='%23A0DD8F'/%3e%3cstop%20offset='.2'%20stop-color='%2385D391'/%3e%3cstop%20offset='.3'%20stop-color='%236BC993'/%3e%3cstop%20offset='.4'%20stop-color='%2350BF95'/%3e%3cstop%20offset='.5'%20stop-color='%2335B597'/%3e%3cstop%20offset='.6'%20stop-color='%231BAC99'/%3e%3cstop%20offset='.7'%20stop-color='%2300A29B'/%3e%3cstop%20offset='.8'%20stop-color='%2300A5AB'/%3e%3cstop%20offset='.9'%20stop-color='%2300A9BB'/%3e%3cstop%20offset='1'%20stop-color='%2300ACCA'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" alt="" class="svelte-r99bfv"> Fairness </a> <button class="header__button svelte-5ygw9q" aria-label="ouvrir le menu de navigation"> <!-- HTML_TAG_START --><svg width="32" aria-hidden="true" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M27.9998 24.0002C28.7362 24.0002 29.3332 24.5971 29.3332 25.3335C29.3332 26.0699 28.7362 26.6668 27.9998 26.6668H3.99984C3.26346 26.6668 2.6665 26.0699 2.6665 25.3335C2.6665 24.5971 3.26346 24.0002 3.99984 24.0002H27.9998ZM27.9998 14.6668C28.7362 14.6668 29.3332 15.2638 29.3332 16.0002C29.3332 16.7365 28.7362 17.3335 27.9998 17.3335H3.99984C3.26346 17.3335 2.6665 16.7365 2.6665 16.0002C2.6665 15.2638 3.26346 14.6668 3.99984 14.6668H27.9998ZM27.9998 5.3335C28.7362 5.3335 29.3332 5.93045 29.3332 6.66683C29.3332 7.40321 28.7362 8.00016 27.9998 8.00016H3.99984C3.26346 8.00016 2.6665 7.40321 2.6665 6.66683C2.6665 5.93045 3.26346 5.3335 3.99984 5.3335H27.9998Z" fill="currentColor"/> </svg> <!-- HTML_TAG_END --></button></div> </header> <nav aria-label="Accès rapide" class="nav-skiplink svelte-2wh6w5" data-svelte-h="svelte-1lng2od"><a href="#main">Contenu principal</a></nav> <header class="header-desktop text-md svelte-2wh6w5"><a class="font-futura logo-fairness logo-fairness--small logo-fairness--white svelte-r99bfv" aria-label="Retourner vers la page d'accueil" href="/"><img src="data:image/svg+xml,%3csvg%20width='40'%20height='45'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20ariaLabel='Fairness,%20conception%20responsable%20de%20services%20numériques'%3e%3cmask%20id='a'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='41'%20height='45'%3e%3cpath%20d='M19.988%200a3.241%203.241%200%200%200-1.594.423l-16.765%209.59A3.241%203.241%200%200%200%200%2012.822v19.132a3.242%203.242%200%200%200%201.629%202.808l16.765%209.589a3.24%203.24%200%200%200%201.608.423%203.242%203.242%200%200%200%201.608-.423l16.765-9.59a3.242%203.242%200%200%200%201.629-2.807V12.822a3.242%203.242%200%200%200-1.633-2.81L21.606.425a3.238%203.238%200%200%200-1.594-.423L19.988%200Zm-1.123%2043.528L2.1%2033.938a2.29%202.29%200%200%201-1.15-1.983V12.822a2.29%202.29%200%200%201%201.15-1.984L18.865%201.25a2.285%202.285%200%200%201%202.269%200L37.9%2010.838a2.292%202.292%200%200%201%201.15%201.984v19.133a2.29%202.29%200%200%201-1.15%201.984l-16.766%209.589a2.286%202.286%200%200%201-2.269%200Zm-3.303-32.092a.427.427%200%200%200-.43.43v7.188a2.618%202.618%200%200%200%202.627%202.624h7.091v2.985h-4.824a.429.429%200%200%200-.43.43v9.36h-3.604V23.112a.429.429%200%201%200-.86%200v11.77a.43.43%200%200%200%20.43.43h4.466a.428.428%200%200%200%20.429-.43v-9.381h4.8a.41.41%200%200%200%20.429-.407V21.25a.429.429%200%200%200-.43-.43H17.76a1.763%201.763%200%200%201-1.767-1.766v-6.756h9.718v3.173h-5.682a.427.427%200%200%200-.43.43v2.555a.427.427%200%200%200%20.43.43.43.43%200%200%200%20.429-.43v-2.125h5.683a.43.43%200%200%200%20.43-.43v-4.035a.427.427%200%200%200-.43-.43H15.56h.002Z'%20fill='%23fff'/%3e%3c/mask%3e%3cg%20mask='url(%23a)'%3e%3cpath%20d='M0%200h107.663v44.777H0V0Z'%20fill='url(%23b)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='-11.581'%20y1='40.871'%20x2='9.534'%20y2='4.299'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23B8E68D'/%3e%3cstop%20offset='.1'%20stop-color='%23A0DD8F'/%3e%3cstop%20offset='.2'%20stop-color='%2385D391'/%3e%3cstop%20offset='.3'%20stop-color='%236BC993'/%3e%3cstop%20offset='.4'%20stop-color='%2350BF95'/%3e%3cstop%20offset='.5'%20stop-color='%2335B597'/%3e%3cstop%20offset='.6'%20stop-color='%231BAC99'/%3e%3cstop%20offset='.7'%20stop-color='%2300A29B'/%3e%3cstop%20offset='.8'%20stop-color='%2300A5AB'/%3e%3cstop%20offset='.9'%20stop-color='%2300A9BB'/%3e%3cstop%20offset='1'%20stop-color='%2300ACCA'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" alt="" class="svelte-r99bfv"> Fairness </a> <nav class="header-desktop__nav text-underline"><ul class="header-desktop__nav__list svelte-2wh6w5"><li class="header-nav-item-desktop svelte-9l3luz text-md"><a class="header-nav-item-desktop__link svelte-9l3luz" href="/">Accueil</a> </li> <li class="header-desktop__nav__list__dropdown-container svelte-2wh6w5"><button class="trigger-button cursor-pointer svelte-dyqjj3" aria-haspopup="true" aria-expanded="false" aria-controls="header-sub-menu"><span class="header-nav-item-desktop svelte-dyqjj3 text-underline--gradient">La coopérative</span> <span class="trigger-button__icon svelte-dyqjj3 rotate-90deg" aria-hidden="true"> <!-- HTML_TAG_START --><svg width="20" height="20" aria-hidden="true" viewBox="0 0 20 20" fill="currentcolor" xmlns="http://www.w3.org/2000/svg" id="chevronRight" aria-disabled="true"> <path d="M6.91358 3.54257C6.60365 3.83976 6.58271 4.34351 6.86681 4.66772L11.54 9.99992L6.86681 15.3321C6.60639 15.6293 6.60228 16.0774 6.84213 16.3789L6.91358 16.4573C7.22351 16.7545 7.70506 16.7326 7.98916 16.4083L13.1333 10.538C13.1366 10.5343 13.1398 10.5305 13.143 10.5267L13.0865 10.5869C13.1214 10.5535 13.1526 10.5175 13.1801 10.4794C13.1902 10.4652 13.1998 10.451 13.209 10.4364C13.2183 10.4217 13.2271 10.4065 13.2354 10.3911C13.243 10.377 13.25 10.363 13.2566 10.3489C13.2644 10.3322 13.2717 10.315 13.2784 10.2975C13.2844 10.2821 13.2899 10.2664 13.2948 10.2507C13.2997 10.235 13.3041 10.2195 13.3081 10.2038C13.3126 10.1863 13.3164 10.1687 13.3197 10.151C13.3229 10.1328 13.3257 10.1145 13.3278 10.0961C13.3294 10.0828 13.3306 10.0691 13.3315 10.0555C13.3328 10.0367 13.3334 10.0181 13.3334 9.99944C13.3334 9.98118 13.3327 9.96281 13.3315 9.94448C13.3306 9.9307 13.3294 9.91709 13.3278 9.90351C13.3257 9.88535 13.3229 9.86704 13.3196 9.84884C13.3164 9.83114 13.3126 9.81352 13.3082 9.79602C13.3041 9.78038 13.2997 9.76479 13.2948 9.74933C13.2899 9.73339 13.2844 9.71775 13.2784 9.70226C13.2717 9.68485 13.2644 9.6676 13.2564 9.6506C13.25 9.63681 13.243 9.62284 13.2356 9.60905C13.2271 9.59332 13.2183 9.57812 13.2089 9.56318C13.1998 9.54888 13.1902 9.53459 13.1801 9.52055C13.1526 9.48234 13.1214 9.44631 13.0865 9.41289L13.143 9.47311C13.1398 9.46932 13.1366 9.46555 13.1333 9.46181L7.98916 3.59149C7.70506 3.26728 7.22351 3.24538 6.91358 3.54257Z"/> </svg> <!-- HTML_TAG_END --></span></button> </li> <li class="header-nav-item-desktop svelte-9l3luz text-md"><a class="header-nav-item-desktop__link svelte-9l3luz" href="/notre-offre">Notre offre</a> </li> <li class="header-nav-item-desktop svelte-9l3luz text-md"><a class="header-nav-item-desktop__link svelte-9l3luz" href="/nos-realisations">Nos réalisations</a> </li> <li class="header-nav-item-desktop svelte-9l3luz text-md"><a class="header-nav-item-desktop__link svelte-9l3luz" href="/blog">Blog</a> </li> <li><a class="button button--secondary button--large button--secondary--white text-bold svelte-b8kpkj" role="link" href="/contactez-nous" target="_self">Contact </a></li></ul></nav> </header> <main id="main" class="svelte-atwslu"> <section class="hero_background svelte-m172mf"><div class="hero hero__notre-approche svelte-m172mf"> <div class="container hero__wrapper svelte-wgdkkr"><div class="hero--content svelte-wgdkkr"><h1 class="title-1 hero--content--title svelte-wgdkkr">Notre approche</h1> <p><!-- HTML_TAG_START --><p>Nous intervenons sur vos applications web et mobile dans une démarche de <strong>conception numérique responsable</strong>.</p> <p> </p> <p>Pour cela, nous travaillons pour que <strong>les services développés par nos soins soient éco-conçus, accessibles, inclusifs, et éthiques</strong>.</p><!-- HTML_TAG_END --></p> </div> <div class="hero__illustration svelte-wgdkkr"><div class="hero__illustration--splash svelte-wgdkkr"><!-- HTML_TAG_START --><svg width="405" height="275" viewBox="0 0 405 275" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M2.17967 133.738C-17.258 37.0925 98.0893 5.68683 158.193 2.06474C388.376 -15.1935 405 78.7678 405 170.812C405 226.421 342.978 275 248.987 275C154.996 275 26.4768 254.546 2.17967 133.738Z" fill="#244B5B"/> </svg> <!-- HTML_TAG_END --></div> <img src="https://directus.fairness.coop/assets/a8575a66-dbe8-47db-8a76-3822eb4f681e" alt="" class="svelte-wgdkkr"></div> </div></div> <div class="triangle svelte-m172mf"></div> </section> <section class="page-section"><div class="workstream container"><h2 class="title-2">Nos axes de travail</h2> <p class="workstream__content text-lg svelte-13mr4wf"><!-- HTML_TAG_START -->Nous incluons les axes ci-dessous sur <strong>l’ensemble du cycle de vie du service</strong>, de la définition du besoin et la conception jusqu’à la livraison finale, tout en s’assurant de la maintenabilité du service par la suite.<!-- HTML_TAG_END --></p> <article class="workstream__skills svelte-13mr4wf"><a href="#software-quality" class="skill text-lg text-bold svelte-1xzyf2i"><div class="skill__content svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M16.1687 9.43954C22.153 9.43954 27.0042 14.2907 27.0042 20.275C27.0042 26.2593 22.153 31.1105 16.1687 31.1105C10.1845 31.1105 5.33325 26.2593 5.33325 20.275C5.33325 14.2907 10.1845 9.43954 16.1687 9.43954ZM16.1687 12.1484C11.6805 12.1484 8.04212 15.7868 8.04212 20.275C8.04212 24.7632 11.6805 28.4016 16.1687 28.4016C20.6569 28.4016 24.2953 24.7632 24.2953 20.275C24.2953 15.7868 20.6569 12.1484 16.1687 12.1484ZM16.1687 14.18L17.96 17.8095L21.9654 18.3915L19.0671 21.2167L19.7512 25.2059L16.1687 23.3225L12.5862 25.2059L13.2704 21.2167L10.3721 18.3915L14.3775 17.8095L16.1687 14.18ZM24.2953 2.66737V6.73067L22.4487 8.27142C20.9506 7.48605 19.2873 6.97291 17.5246 6.7977L17.5232 2.66602L24.2953 2.66737ZM14.8143 2.66602L14.8139 6.79759C13.0514 6.97263 11.3882 7.48558 9.89012 8.27072L8.04212 6.73067V2.66737L14.8143 2.66602Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --> Qualité logicielle</div> <div class="skill__logo svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="36" height="30" aria-hidden="true" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M22.9688 1L35 14.7755L22.9688 28.551" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> <path d="M35 14.7754H0" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> </svg> <!-- HTML_TAG_END --></div> </a> <a href="#ecoconception" class="skill text-lg text-bold svelte-1xzyf2i"><div class="skill__content svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M8.47487 8.77339C6.5767 10.7458 5.40961 13.4267 5.40961 16.3803C5.40961 22.4397 10.3217 27.3517 16.381 27.3517C17.8633 27.3517 19.2769 27.0578 20.5668 26.525C20.7245 25.4958 20.3785 24.5082 20.2369 24.1626C19.9221 23.3952 18.8827 22.083 17.1475 20.2625C16.6844 19.7757 16.7142 19.4022 16.8797 18.2925L16.8987 18.1671C17.0112 17.407 17.1999 16.9575 19.7578 16.5515C21.0572 16.3455 21.399 16.8648 21.8726 17.584C21.925 17.6637 21.9774 17.7419 22.031 17.8202C22.481 18.4782 22.8144 18.6286 23.318 18.8577C23.5436 18.96 23.8251 19.089 24.2024 19.3034C25.0966 19.8144 25.0966 20.3913 25.0966 21.6565V21.7999C25.0966 22.337 25.0441 22.8085 24.9615 23.2181C26.458 21.3428 27.3525 18.966 27.3525 16.3803C27.3525 11.8558 24.6137 7.97098 20.7036 6.2932C19.945 6.80517 18.9042 7.53083 18.541 8.0283C18.3553 8.28254 18.0928 9.58029 17.2391 9.6874C17.0155 9.71547 16.7154 9.69581 16.3975 9.67535C15.5451 9.61995 14.379 9.54518 14.0057 10.5585C13.7687 11.2007 13.727 12.9441 14.4938 13.8491C14.6166 13.9936 14.6403 14.261 14.5569 14.5611C14.4473 14.9551 14.226 15.1948 14.157 15.2443C14.0248 15.1684 13.7611 14.8623 13.5825 14.6539C13.1521 14.1538 12.6152 13.5309 11.9211 13.3381C11.6687 13.2683 11.3913 13.2105 11.1223 13.1538C10.3692 12.996 9.51625 12.8164 9.31807 12.3936C9.17338 12.0839 9.17401 11.6574 9.17457 11.2068C9.17457 10.6357 9.17457 9.98984 8.8948 9.3621C8.78669 9.11915 8.64191 8.92585 8.47487 8.77339ZM16.381 30.0946C8.80684 30.0946 2.66675 23.9544 2.66675 16.3803C2.66675 8.80611 8.80684 2.66602 16.381 2.66602C23.9552 2.66602 30.0953 8.80611 30.0953 16.3803C30.0953 23.9544 23.9552 30.0946 16.381 30.0946Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --> Ecoconception</div> <div class="skill__logo svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="36" height="30" aria-hidden="true" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M22.9688 1L35 14.7755L22.9688 28.551" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> <path d="M35 14.7754H0" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> </svg> <!-- HTML_TAG_END --></div> </a> <a href="#accessibility-inclusion" class="skill text-lg text-bold svelte-1xzyf2i"><div class="skill__content svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M16.0003 4C23.1898 4 29.1711 9.17301 30.4251 16C29.1711 22.8269 23.1898 28 16.0003 28C8.81075 28 2.82945 22.8269 1.57544 16C2.82945 9.17301 8.81075 4 16.0003 4ZM16.0003 25.3333C21.6478 25.3333 26.4803 21.4027 27.7035 16C26.4803 10.5974 21.6478 6.66667 16.0003 6.66667C10.3527 6.66667 5.52021 10.5974 4.29696 16C5.52021 21.4027 10.3527 25.3333 16.0003 25.3333ZM16.0003 22C12.6866 22 10.0003 19.3137 10.0003 16C10.0003 12.6863 12.6866 10 16.0003 10C19.3139 10 22.0003 12.6863 22.0003 16C22.0003 19.3137 19.3139 22 16.0003 22ZM16.0003 19.3333C17.8413 19.3333 19.3337 17.8409 19.3337 16C19.3337 14.1591 17.8413 12.6667 16.0003 12.6667C14.1594 12.6667 12.6669 14.1591 12.6669 16C12.6669 17.8409 14.1594 19.3333 16.0003 19.3333Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --> Accessibilité et inclusion</div> <div class="skill__logo svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="36" height="30" aria-hidden="true" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M22.9688 1L35 14.7755L22.9688 28.551" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> <path d="M35 14.7754H0" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> </svg> <!-- HTML_TAG_END --></div> </a> <a href="#ethics-privacy" class="skill text-lg text-bold svelte-1xzyf2i"><div class="skill__content svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M8 10.6673V9.33398C8 4.9157 11.5817 1.33398 16 1.33398C20.4183 1.33398 24 4.9157 24 9.33398V10.6673H26.6667C27.4031 10.6673 28 11.2643 28 12.0007V28.0007C28 28.7371 27.4031 29.334 26.6667 29.334H5.33333C4.59696 29.334 4 28.7371 4 28.0007V12.0007C4 11.2643 4.59696 10.6673 5.33333 10.6673H8ZM25.3333 13.334H6.66667V26.6673H25.3333V13.334ZM14.6667 20.9772C13.8696 20.5161 13.3333 19.6544 13.3333 18.6673C13.3333 17.1945 14.5272 16.0007 16 16.0007C17.4728 16.0007 18.6667 17.1945 18.6667 18.6673C18.6667 19.6544 18.1304 20.5161 17.3333 20.9772V24.0007H14.6667V20.9772ZM10.6667 10.6673H21.3333V9.33398C21.3333 6.38846 18.9455 4.00065 16 4.00065C13.0545 4.00065 10.6667 6.38846 10.6667 9.33398V10.6673Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --> Ethique et vie privée</div> <div class="skill__logo svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="36" height="30" aria-hidden="true" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M22.9688 1L35 14.7755L22.9688 28.551" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> <path d="M35 14.7754H0" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> </svg> <!-- HTML_TAG_END --></div> </a> <a href="#co-construction" class="skill text-lg text-bold svelte-1xzyf2i"><div class="skill__content svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M15.8149 3.18743C17.1327 2.30884 18.8449 2.29063 20.1811 3.14098L25.7214 6.66659H27.9998C28.7362 6.66659 29.3331 7.26355 29.3331 7.99992V19.9999C29.3331 20.7363 28.7362 21.3332 27.9998 21.3332H25.9735C26.0529 22.5963 25.4578 23.8803 24.2607 24.5985L17.4695 28.6733C16.6122 29.1876 15.5479 29.1756 14.7086 28.6632C13.7749 29.4889 12.3375 29.5799 11.2948 28.7605L4.44045 23.3749C3.41857 22.5721 3.16016 21.2004 3.6878 20.1129C3.04339 19.6076 2.66675 18.8339 2.66675 18.0145V8C2.66675 7.26363 3.26371 6.66667 4.00008 6.66667H10.596L15.8149 3.18743ZM5.5636 18.1936L6.48631 17.3863C8.12659 15.9509 10.614 16.0931 12.0801 17.7059L15.683 21.6691C16.8423 22.9444 17.0538 24.818 16.2106 26.3187L22.8887 22.3119C23.2639 22.0868 23.3997 21.6368 23.2598 21.2577L17.357 12.994C17.0254 12.5298 16.4353 12.328 15.8889 12.4919L12.5752 13.486C11.1657 13.9088 9.63792 13.5236 8.5974 12.4831L8.20704 12.0928C7.4497 11.3354 7.25384 10.2576 7.57255 9.33334H5.33341V18.0145L5.5636 18.1936ZM18.7495 5.39075C18.3041 5.1073 17.7334 5.11336 17.2941 5.40623L10.0927 10.2072L10.483 10.5975C10.8299 10.9444 11.3391 11.0727 11.809 10.9318L15.1226 9.9377C16.7618 9.44594 18.5323 10.0515 19.527 11.444L24.6859 18.6665H26.6665V9.33326H25.7214C25.2142 9.33326 24.7175 9.18864 24.2897 8.91636L18.7495 5.39075ZM8.24232 19.3931L6.08799 21.2781L12.9423 26.6637L13.8809 25.0212C14.1675 24.5196 14.0985 23.8904 13.7098 23.4628L10.1069 19.4996C9.61822 18.962 8.78908 18.9147 8.24232 19.3931Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --> Co-construction</div> <div class="skill__logo svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="36" height="30" aria-hidden="true" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M22.9688 1L35 14.7755L22.9688 28.551" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> <path d="M35 14.7754H0" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> </svg> <!-- HTML_TAG_END --></div> </a> <a href="#agile-approach" class="skill text-lg text-bold svelte-1xzyf2i"><div class="skill__content svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="34" height="32" viewBox="0 0 34 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M1.5 16C4.31818 22.427 7.91189 22.9701 12.9773 23.2812C22.8409 23.887 28.4773 5 17.9091 5C7.34091 5 6.13636 32.4439 31.5 22" stroke="#007397" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M28 18L32 21.8462L30.2857 28" stroke="#007397" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <!-- HTML_TAG_END --> Démarche Agile</div> <div class="skill__logo svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="36" height="30" aria-hidden="true" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M22.9688 1L35 14.7755L22.9688 28.551" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> <path d="M35 14.7754H0" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> </svg> <!-- HTML_TAG_END --></div> </a> <a href="#mvp-approach" class="skill text-lg text-bold svelte-1xzyf2i"><div class="skill__content svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M16.0001 26.666C21.8911 26.666 26.6667 21.8904 26.6667 15.9993C26.6667 10.1083 21.8911 5.33268 16.0001 5.33268C10.109 5.33268 5.33341 10.1083 5.33341 15.9993C5.33341 21.8904 10.109 26.666 16.0001 26.666ZM16.0001 29.3327C8.63628 29.3327 2.66675 23.3631 2.66675 15.9993C2.66675 8.63555 8.63628 2.66602 16.0001 2.66602C23.3638 2.66602 29.3334 8.63555 29.3334 15.9993C29.3334 23.3631 23.3638 29.3327 16.0001 29.3327ZM16.0001 21.3327C18.9455 21.3327 21.3334 18.9448 21.3334 15.9993C21.3334 13.0538 18.9455 10.666 16.0001 10.666C13.0546 10.666 10.6667 13.0538 10.6667 15.9993C10.6667 18.9448 13.0546 21.3327 16.0001 21.3327ZM16.0001 23.9993C11.5818 23.9993 8.00008 20.4176 8.00008 15.9993C8.00008 11.5811 11.5818 7.99935 16.0001 7.99935C20.4183 7.99935 24.0001 11.5811 24.0001 15.9993C24.0001 20.4176 20.4183 23.9993 16.0001 23.9993ZM16.0001 18.666C14.5273 18.666 13.3334 17.4721 13.3334 15.9993C13.3334 14.5265 14.5273 13.3327 16.0001 13.3327C17.4729 13.3327 18.6667 14.5265 18.6667 15.9993C18.6667 17.4721 17.4729 18.666 16.0001 18.666Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --> Approche MVP</div> <div class="skill__logo svelte-1xzyf2i"> <!-- HTML_TAG_START --><svg width="36" height="30" aria-hidden="true" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M22.9688 1L35 14.7755L22.9688 28.551" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> <path d="M35 14.7754H0" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> </svg> <!-- HTML_TAG_END --></div> </a></article></div> </section> <section id="software-quality" class="page-section--small software-quality svelte-4sy1bt"><div class="container svelte-4sy1bt"><h3 class="title-3 svelte-1kkq2ll"><span class="container__title-3__icon svelte-1kkq2ll"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M16.1687 9.43954C22.153 9.43954 27.0042 14.2907 27.0042 20.275C27.0042 26.2593 22.153 31.1105 16.1687 31.1105C10.1845 31.1105 5.33325 26.2593 5.33325 20.275C5.33325 14.2907 10.1845 9.43954 16.1687 9.43954ZM16.1687 12.1484C11.6805 12.1484 8.04212 15.7868 8.04212 20.275C8.04212 24.7632 11.6805 28.4016 16.1687 28.4016C20.6569 28.4016 24.2953 24.7632 24.2953 20.275C24.2953 15.7868 20.6569 12.1484 16.1687 12.1484ZM16.1687 14.18L17.96 17.8095L21.9654 18.3915L19.0671 21.2167L19.7512 25.2059L16.1687 23.3225L12.5862 25.2059L13.2704 21.2167L10.3721 18.3915L14.3775 17.8095L16.1687 14.18ZM24.2953 2.66737V6.73067L22.4487 8.27142C20.9506 7.48605 19.2873 6.97291 17.5246 6.7977L17.5232 2.66602L24.2953 2.66737ZM14.8143 2.66602L14.8139 6.79759C13.0514 6.97263 11.3882 7.48558 9.89012 8.27072L8.04212 6.73067V2.66737L14.8143 2.66602Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --></span> <span>Qualité logicielle</span> </h3> <p class="software-quality__container__content text-lg svelte-4sy1bt"><!-- HTML_TAG_START -->Nous nous inscrivons dans le <strong>mouvement de l’artisanat logiciel</strong> (Software Craftsmanship). Nous aimons le travail bien fait et favorisons <strong>la maintenabilité et la durabilité</strong> des logiciels par la mise en place d’approches et outils adéquats :<!-- HTML_TAG_END --></p> <article class="software-quality__container__skills text-lg svelte-4sy1bt"><ul class="software-quality__container__skills__list1 svelte-4sy1bt"><li><!-- HTML_TAG_START --><strong>Domain Driven Design et architecture hexagonale</strong> : centrer la conception sur le domaine métier afin de favoriser la maintenabilité et la durabilité du logiciel ;<!-- HTML_TAG_END --></li> <li><!-- HTML_TAG_START --><strong>Bonnes pratiques de programmation</strong> : modularité et lisibilité du code ;<!-- HTML_TAG_END --></li> <li><!-- HTML_TAG_START --><strong>Logiciels libres et open source</strong> : pour favoriser la portabilité, la sécurité et l’évolution du logiciel ;<!-- HTML_TAG_END --></li></ul> <ul class="software-quality__container__skills__list2 svelte-4sy1bt"><li><!-- HTML_TAG_START --><strong>Analyse statique du code</strong> : typage statique, linters, formatage automatisé ;<!-- HTML_TAG_END --></li> <li><!-- HTML_TAG_START --><strong>Tests automatisés</strong> ;<!-- HTML_TAG_END --></li> <li><!-- HTML_TAG_START --><strong>Documentation</strong> ;<!-- HTML_TAG_END --></li> <li><!-- HTML_TAG_START --><strong>Intégration continue</strong> (CI / CD).<!-- HTML_TAG_END --></li></ul></article> <article class="software-quality__container__target text-lg svelte-4sy1bt"><div class="target__container svelte-1ckkis6"><span class="target__container__icon svelte-1ckkis6"> <!-- HTML_TAG_START --><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.722432 3.33853C0.722432 1.05816 3.21843 -0.354289 5.23331 0.785896L21.6431 10.0719C23.6732 11.2208 23.6923 14.0951 21.6773 15.2353L5.26754 24.5213C3.25258 25.6616 0.722433 24.2082 0.722432 21.9106L0.722432 3.33853Z" fill="currentcolor" /> </svg><!-- HTML_TAG_END --></span> <div class="target__container__content svelte-1ckkis6"><p class="target__container__sentence"><!-- HTML_TAG_START --><p>Notre objectif : <strong>construire des services numériques capables de durer dans le temps en minimisant les besoins de maintenance.</strong></p><!-- HTML_TAG_END --></p> </div> </div></article></div> </section> <section id="ecoconception" class="page-section--small ecoconception svelte-1uzxyvw"><div class="container svelte-1uzxyvw"><h3 class="title-3 svelte-1kkq2ll"><span class="container__title-3__icon svelte-1kkq2ll"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M8.47487 8.77339C6.5767 10.7458 5.40961 13.4267 5.40961 16.3803C5.40961 22.4397 10.3217 27.3517 16.381 27.3517C17.8633 27.3517 19.2769 27.0578 20.5668 26.525C20.7245 25.4958 20.3785 24.5082 20.2369 24.1626C19.9221 23.3952 18.8827 22.083 17.1475 20.2625C16.6844 19.7757 16.7142 19.4022 16.8797 18.2925L16.8987 18.1671C17.0112 17.407 17.1999 16.9575 19.7578 16.5515C21.0572 16.3455 21.399 16.8648 21.8726 17.584C21.925 17.6637 21.9774 17.7419 22.031 17.8202C22.481 18.4782 22.8144 18.6286 23.318 18.8577C23.5436 18.96 23.8251 19.089 24.2024 19.3034C25.0966 19.8144 25.0966 20.3913 25.0966 21.6565V21.7999C25.0966 22.337 25.0441 22.8085 24.9615 23.2181C26.458 21.3428 27.3525 18.966 27.3525 16.3803C27.3525 11.8558 24.6137 7.97098 20.7036 6.2932C19.945 6.80517 18.9042 7.53083 18.541 8.0283C18.3553 8.28254 18.0928 9.58029 17.2391 9.6874C17.0155 9.71547 16.7154 9.69581 16.3975 9.67535C15.5451 9.61995 14.379 9.54518 14.0057 10.5585C13.7687 11.2007 13.727 12.9441 14.4938 13.8491C14.6166 13.9936 14.6403 14.261 14.5569 14.5611C14.4473 14.9551 14.226 15.1948 14.157 15.2443C14.0248 15.1684 13.7611 14.8623 13.5825 14.6539C13.1521 14.1538 12.6152 13.5309 11.9211 13.3381C11.6687 13.2683 11.3913 13.2105 11.1223 13.1538C10.3692 12.996 9.51625 12.8164 9.31807 12.3936C9.17338 12.0839 9.17401 11.6574 9.17457 11.2068C9.17457 10.6357 9.17457 9.98984 8.8948 9.3621C8.78669 9.11915 8.64191 8.92585 8.47487 8.77339ZM16.381 30.0946C8.80684 30.0946 2.66675 23.9544 2.66675 16.3803C2.66675 8.80611 8.80684 2.66602 16.381 2.66602C23.9552 2.66602 30.0953 8.80611 30.0953 16.3803C30.0953 23.9544 23.9552 30.0946 16.381 30.0946Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --></span> <span>Ecoconception</span> </h3> <p class="ecoconception__container__content text-lg svelte-1uzxyvw"><!-- HTML_TAG_START -->Nous sommes <strong>toutes et tous formés à l’écoconception web</strong> par le <a class='notre-approche-link' href='https://collectif.greenit.fr/' target='_blank'>collectif Conception Numérique Responsable (CNumR)</a>. </br> </br> Nous réduisons l’impact environnemental du service grâce à la <strong>mise en place d’indicateurs et de bonnes pratiques</strong> basées sur le référentiel “<strong>115 bonnes pratiques d'écoconception web</strong>” du collectif CNumR et le <a class='notre-approche-link' href='https://ecoresponsable.numerique.gouv.fr/publications/referentiel-general-ecoconception/' target='_blank'>Référentiel Général d’Ecoconception de Services numériques</a> (<strong>RGESN</strong>) de la Mission Interministérielle du numérique écoresponsable.<!-- HTML_TAG_END --></p> <article class="ecoconception__container__target text-lg svelte-1uzxyvw"><div class="target__container svelte-1ckkis6"><span class="target__container__icon svelte-1ckkis6"> <!-- HTML_TAG_START --><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.722432 3.33853C0.722432 1.05816 3.21843 -0.354289 5.23331 0.785896L21.6431 10.0719C23.6732 11.2208 23.6923 14.0951 21.6773 15.2353L5.26754 24.5213C3.25258 25.6616 0.722433 24.2082 0.722432 21.9106L0.722432 3.33853Z" fill="currentcolor" /> </svg><!-- HTML_TAG_END --></span> <div class="target__container__content svelte-1ckkis6"><p class="target__container__sentence"><!-- HTML_TAG_START -->Ces bonnes pratiques incluent par exemple :<!-- HTML_TAG_END --></p> <ul class="svelte-1ckkis6"><!-- HTML_TAG_START --><li>Produire des pages web les plus légère possibles ;</li><li>Favoriser la création de site web statiques ne faisant appel aux serveurs (backend) que quand cela est vraiment nécessaire ;</li><li>Réfléchir avec nos clients et partenaires au périmètre fonctionnel du projet afin de ne développer que les fonctionnalités réellement essentielles.</li><!-- HTML_TAG_END --></ul></div> </div></article></div> </section> <section id="accessibility-inclusion" class="page-section--small accessibility-inclusion svelte-3yk85d"><div class="container svelte-3yk85d"><h3 class="title-3 svelte-1kkq2ll"><span class="container__title-3__icon svelte-1kkq2ll"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M16.0003 4C23.1898 4 29.1711 9.17301 30.4251 16C29.1711 22.8269 23.1898 28 16.0003 28C8.81075 28 2.82945 22.8269 1.57544 16C2.82945 9.17301 8.81075 4 16.0003 4ZM16.0003 25.3333C21.6478 25.3333 26.4803 21.4027 27.7035 16C26.4803 10.5974 21.6478 6.66667 16.0003 6.66667C10.3527 6.66667 5.52021 10.5974 4.29696 16C5.52021 21.4027 10.3527 25.3333 16.0003 25.3333ZM16.0003 22C12.6866 22 10.0003 19.3137 10.0003 16C10.0003 12.6863 12.6866 10 16.0003 10C19.3139 10 22.0003 12.6863 22.0003 16C22.0003 19.3137 19.3139 22 16.0003 22ZM16.0003 19.3333C17.8413 19.3333 19.3337 17.8409 19.3337 16C19.3337 14.1591 17.8413 12.6667 16.0003 12.6667C14.1594 12.6667 12.6669 14.1591 12.6669 16C12.6669 17.8409 14.1594 19.3333 16.0003 19.3333Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --></span> <span>Accessibilité et inclusion</span> </h3> <p class="accessibility-inclusion__container__content text-lg svelte-3yk85d"><!-- HTML_TAG_START -->Nous concevons les services afin qu’ils permettent l’accès au plus grand nombre, même dans des conditions non-optimales, et <strong>ce en intégrant les principes d’accessibilité et d’inclusion dès le début du projet.</strong><!-- HTML_TAG_END --></p> <article class="accessibility-inclusion__container__target text-lg svelte-3yk85d"><div class="target__container svelte-1ckkis6"><span class="target__container__icon svelte-1ckkis6"> <!-- HTML_TAG_START --><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.722432 3.33853C0.722432 1.05816 3.21843 -0.354289 5.23331 0.785896L21.6431 10.0719C23.6732 11.2208 23.6923 14.0951 21.6773 15.2353L5.26754 24.5213C3.25258 25.6616 0.722433 24.2082 0.722432 21.9106L0.722432 3.33853Z" fill="currentcolor" /> </svg><!-- HTML_TAG_END --></span> <div class="target__container__content svelte-1ckkis6"><p class="target__container__sentence"><!-- HTML_TAG_START -->L’objectif est de produire des sites et des services numériques accessibles selon les critères du Référentiel général d'amélioration de l'accessibilité (<strong>RGAA 4.1</strong>).<!-- HTML_TAG_END --></p> </div> </div></article></div> </section> <section id="ethics-privacy" class="page-section--small ethics-privacy svelte-1ajkyg0"><div class="container svelte-1ajkyg0"><h3 class="title-3 svelte-1kkq2ll"><span class="container__title-3__icon svelte-1kkq2ll"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M8 10.6673V9.33398C8 4.9157 11.5817 1.33398 16 1.33398C20.4183 1.33398 24 4.9157 24 9.33398V10.6673H26.6667C27.4031 10.6673 28 11.2643 28 12.0007V28.0007C28 28.7371 27.4031 29.334 26.6667 29.334H5.33333C4.59696 29.334 4 28.7371 4 28.0007V12.0007C4 11.2643 4.59696 10.6673 5.33333 10.6673H8ZM25.3333 13.334H6.66667V26.6673H25.3333V13.334ZM14.6667 20.9772C13.8696 20.5161 13.3333 19.6544 13.3333 18.6673C13.3333 17.1945 14.5272 16.0007 16 16.0007C17.4728 16.0007 18.6667 17.1945 18.6667 18.6673C18.6667 19.6544 18.1304 20.5161 17.3333 20.9772V24.0007H14.6667V20.9772ZM10.6667 10.6673H21.3333V9.33398C21.3333 6.38846 18.9455 4.00065 16 4.00065C13.0545 4.00065 10.6667 6.38846 10.6667 9.33398V10.6673Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --></span> <span>Ethique et vie privée</span> </h3> <p class="ethics-privacy__container__content text-lg svelte-1ajkyg0"><!-- HTML_TAG_START -->Nous assurons le respect de l’humain et de sa vie privée, en bannissant les mécanismes de persuasion et de captation de l’attention. <!-- HTML_TAG_END --></p> <article class="ethics-privacy__container__target text-lg svelte-1ajkyg0"><div class="target__container svelte-1ckkis6"><span class="target__container__icon svelte-1ckkis6"> <!-- HTML_TAG_START --><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.722432 3.33853C0.722432 1.05816 3.21843 -0.354289 5.23331 0.785896L21.6431 10.0719C23.6732 11.2208 23.6923 14.0951 21.6773 15.2353L5.26754 24.5213C3.25258 25.6616 0.722433 24.2082 0.722432 21.9106L0.722432 3.33853Z" fill="currentcolor" /> </svg><!-- HTML_TAG_END --></span> <div class="target__container__content svelte-1ckkis6"><p class="target__container__sentence"><!-- HTML_TAG_START -->Nous construisons des sites <strong>conformes avec le RGPD et ce par défaut.</strong><!-- HTML_TAG_END --></p> </div> </div></article></div> </section> <section id="co-construction" class="page-section--small co-construction svelte-svaknp"><div class="container svelte-svaknp"><h3 class="title-3 svelte-1kkq2ll"><span class="container__title-3__icon svelte-1kkq2ll"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M15.8149 3.18743C17.1327 2.30884 18.8449 2.29063 20.1811 3.14098L25.7214 6.66659H27.9998C28.7362 6.66659 29.3331 7.26355 29.3331 7.99992V19.9999C29.3331 20.7363 28.7362 21.3332 27.9998 21.3332H25.9735C26.0529 22.5963 25.4578 23.8803 24.2607 24.5985L17.4695 28.6733C16.6122 29.1876 15.5479 29.1756 14.7086 28.6632C13.7749 29.4889 12.3375 29.5799 11.2948 28.7605L4.44045 23.3749C3.41857 22.5721 3.16016 21.2004 3.6878 20.1129C3.04339 19.6076 2.66675 18.8339 2.66675 18.0145V8C2.66675 7.26363 3.26371 6.66667 4.00008 6.66667H10.596L15.8149 3.18743ZM5.5636 18.1936L6.48631 17.3863C8.12659 15.9509 10.614 16.0931 12.0801 17.7059L15.683 21.6691C16.8423 22.9444 17.0538 24.818 16.2106 26.3187L22.8887 22.3119C23.2639 22.0868 23.3997 21.6368 23.2598 21.2577L17.357 12.994C17.0254 12.5298 16.4353 12.328 15.8889 12.4919L12.5752 13.486C11.1657 13.9088 9.63792 13.5236 8.5974 12.4831L8.20704 12.0928C7.4497 11.3354 7.25384 10.2576 7.57255 9.33334H5.33341V18.0145L5.5636 18.1936ZM18.7495 5.39075C18.3041 5.1073 17.7334 5.11336 17.2941 5.40623L10.0927 10.2072L10.483 10.5975C10.8299 10.9444 11.3391 11.0727 11.809 10.9318L15.1226 9.9377C16.7618 9.44594 18.5323 10.0515 19.527 11.444L24.6859 18.6665H26.6665V9.33326H25.7214C25.2142 9.33326 24.7175 9.18864 24.2897 8.91636L18.7495 5.39075ZM8.24232 19.3931L6.08799 21.2781L12.9423 26.6637L13.8809 25.0212C14.1675 24.5196 14.0985 23.8904 13.7098 23.4628L10.1069 19.4996C9.61822 18.962 8.78908 18.9147 8.24232 19.3931Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --></span> <span>Co-construction</span> </h3> <p class="co-construction__container__content text-lg svelte-svaknp"><!-- HTML_TAG_START -->Vous avez une expertise concernant les besoins du projet mais aussi ceux de vos utilisateurs. Nous vous proposons de co-construire la solution qui répondra aux <strong>besoins de vos utilisateurs</strong>. Nous souhaitons former avec vous une <strong>équipe commune</strong> dont l’objectif sera de créer le meilleur produit possible. <!-- HTML_TAG_END --></p> <article class="co-construction__container__target text-lg svelte-svaknp"><div class="target__container svelte-1ckkis6"><span class="target__container__icon svelte-1ckkis6"> <!-- HTML_TAG_START --><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M0.722432 3.33853C0.722432 1.05816 3.21843 -0.354289 5.23331 0.785896L21.6431 10.0719C23.6732 11.2208 23.6923 14.0951 21.6773 15.2353L5.26754 24.5213C3.25258 25.6616 0.722433 24.2082 0.722432 21.9106L0.722432 3.33853Z" fill="currentcolor" /> </svg><!-- HTML_TAG_END --></span> <div class="target__container__content svelte-1ckkis6"><p class="target__container__sentence"><!-- HTML_TAG_START --><strong>Nous travaillons en étroite collaboration avec une personne interlocutrice issue de votre équipe</strong> qui pourra répondre à nos interrogations et nous donner les éléments de contexte au fil de l’avancée du projet.<!-- HTML_TAG_END --></p> </div> </div></article></div> </section> <section id="agile-approach" class="page-section--small agile-approach svelte-4ouvh"><div class="container svelte-4ouvh"><h3 class="title-3 svelte-1kkq2ll"><span class="container__title-3__icon svelte-1kkq2ll"> <!-- HTML_TAG_START --><svg width="34" height="32" viewBox="0 0 34 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M1.5 16C4.31818 22.427 7.91189 22.9701 12.9773 23.2812C22.8409 23.887 28.4773 5 17.9091 5C7.34091 5 6.13636 32.4439 31.5 22" stroke="#007397" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> <path d="M28 18L32 21.8462L30.2857 28" stroke="#007397" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/> </svg> <!-- HTML_TAG_END --></span> <span>Démarche Agile</span> </h3> <p class="agile-approach__container__content text-lg svelte-4ouvh"><!-- HTML_TAG_START -->Chez Fairness, nous fonctionnons au quotidien en mode Agile. Les piliers de cette méthodologie dans lesquels nous nous retrouvons sont les suivants : <!-- HTML_TAG_END --></p> <article class="agile-approach__container__boxes svelte-4ouvh"><div class="agile-approach__container__boxes__box svelte-4ouvh"> <!-- HTML_TAG_START --><svg width="28" height="33" viewBox="0 0 28 33" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M11.4421 1.52296C13.0183 0.584523 14.9817 0.584523 16.5579 1.52296L25.4143 6.796C26.9286 7.69759 27.8564 9.3298 27.8564 11.0922V21.9078C27.8564 23.6702 26.9286 25.3024 25.4143 26.204L16.5579 31.477C14.9817 32.4155 13.0183 32.4155 11.4421 31.477L2.58568 26.204C1.0714 25.3024 0.143594 23.6702 0.143594 21.9078V11.0922C0.143594 9.3298 1.0714 7.69759 2.58568 6.796L11.4421 1.52296Z" fill="currentColor"/> </svg> <!-- HTML_TAG_END --> <p class="text-lg"><strong><!-- HTML_TAG_START -->Transparence<!-- HTML_TAG_END --></strong></p> <p class="text-lg"><!-- HTML_TAG_START -->Partager sincèrement les ambitions et les problèmes rencontrés ainsi qu’un même niveau d’information<!-- HTML_TAG_END --></p></div> <div class="agile-approach__container__boxes__box svelte-4ouvh"> <!-- HTML_TAG_START --><svg width="28" height="33" viewBox="0 0 28 33" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M11.4421 1.52296C13.0183 0.584523 14.9817 0.584523 16.5579 1.52296L25.4143 6.796C26.9286 7.69759 27.8564 9.3298 27.8564 11.0922V21.9078C27.8564 23.6702 26.9286 25.3024 25.4143 26.204L16.5579 31.477C14.9817 32.4155 13.0183 32.4155 11.4421 31.477L2.58568 26.204C1.0714 25.3024 0.143594 23.6702 0.143594 21.9078V11.0922C0.143594 9.3298 1.0714 7.69759 2.58568 6.796L11.4421 1.52296Z" fill="currentColor"/> </svg> <!-- HTML_TAG_END --> <p class="text-lg"><strong><!-- HTML_TAG_START -->Inspection<!-- HTML_TAG_END --></strong></p> <p class="text-lg"><!-- HTML_TAG_START -->Evaluer en continu la qualité du travail réalisé et identifier rapidement les solutions aux problèmes<!-- HTML_TAG_END --></p></div> <div class="agile-approach__container__boxes__box svelte-4ouvh"> <!-- HTML_TAG_START --><svg width="28" height="33" viewBox="0 0 28 33" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M11.4421 1.52296C13.0183 0.584523 14.9817 0.584523 16.5579 1.52296L25.4143 6.796C26.9286 7.69759 27.8564 9.3298 27.8564 11.0922V21.9078C27.8564 23.6702 26.9286 25.3024 25.4143 26.204L16.5579 31.477C14.9817 32.4155 13.0183 32.4155 11.4421 31.477L2.58568 26.204C1.0714 25.3024 0.143594 23.6702 0.143594 21.9078V11.0922C0.143594 9.3298 1.0714 7.69759 2.58568 6.796L11.4421 1.52296Z" fill="currentColor"/> </svg> <!-- HTML_TAG_END --> <p class="text-lg"><strong><!-- HTML_TAG_START -->Adaptation<!-- HTML_TAG_END --></strong></p> <p class="text-lg"><!-- HTML_TAG_START -->Ajuster régulièrement les priorités de développement en fonction des apprentissages<!-- HTML_TAG_END --></p></div></article></div> </section> <section id="mvp-approach" class="page-section--small mvp-approach svelte-1qtncuq"><div class="container svelte-1qtncuq"><h3 class="title-3 svelte-1kkq2ll"><span class="container__title-3__icon svelte-1kkq2ll"> <!-- HTML_TAG_START --><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-disabled="true"> <path d="M16.0001 26.666C21.8911 26.666 26.6667 21.8904 26.6667 15.9993C26.6667 10.1083 21.8911 5.33268 16.0001 5.33268C10.109 5.33268 5.33341 10.1083 5.33341 15.9993C5.33341 21.8904 10.109 26.666 16.0001 26.666ZM16.0001 29.3327C8.63628 29.3327 2.66675 23.3631 2.66675 15.9993C2.66675 8.63555 8.63628 2.66602 16.0001 2.66602C23.3638 2.66602 29.3334 8.63555 29.3334 15.9993C29.3334 23.3631 23.3638 29.3327 16.0001 29.3327ZM16.0001 21.3327C18.9455 21.3327 21.3334 18.9448 21.3334 15.9993C21.3334 13.0538 18.9455 10.666 16.0001 10.666C13.0546 10.666 10.6667 13.0538 10.6667 15.9993C10.6667 18.9448 13.0546 21.3327 16.0001 21.3327ZM16.0001 23.9993C11.5818 23.9993 8.00008 20.4176 8.00008 15.9993C8.00008 11.5811 11.5818 7.99935 16.0001 7.99935C20.4183 7.99935 24.0001 11.5811 24.0001 15.9993C24.0001 20.4176 20.4183 23.9993 16.0001 23.9993ZM16.0001 18.666C14.5273 18.666 13.3334 17.4721 13.3334 15.9993C13.3334 14.5265 14.5273 13.3327 16.0001 13.3327C17.4729 13.3327 18.6667 14.5265 18.6667 15.9993C18.6667 17.4721 17.4729 18.666 16.0001 18.666Z" fill="#007397"/> </svg> <!-- HTML_TAG_END --></span> <span>Approche MVP</span> </h3> <p class="mvp-approach__container__content text-lg svelte-1qtncuq"><!-- HTML_TAG_START -->L’approche MVP (Minimum Viable Product) consiste à <strong>livrer rapidement un produit minimum répondant aux besoins principaux</strong> des utilisateurs. Cette approche itérative garantit une conception au plus proche des besoins en <strong>respectant les délais et le budget prévu</strong>. </br></br>L’amélioration continue du service est assurée par la collecte et l’analyse des retours utilisateurs.<!-- HTML_TAG_END --></p></div> </section> <section class="block-container svelte-kr8g47"><div class="block-container__header svelte-kr8g47"></div> <div class="page-section container block-container__body svelte-kr8g47"><div class="block-container__body__content container"><h2 class="title-2">Découvrez notre offre</h2> <p class="block-container__content text-lg svelte-kr8g47">Fairness se structure autour de trois pôles d’expertise : la conception et le développement responsables d'applications web et mobile, l’audit et la formation.</p> <div class="block-container__button svelte-kr8g47"><a class="button button--primary button--large button--primary--default text-bold svelte-b8kpkj" role="link" href="/notre-offre" target="_self">Voir notre offre <!-- HTML_TAG_START --><svg width="20" height="20" aria-hidden="true" viewBox="0 0 20 20" fill="currentcolor" xmlns="http://www.w3.org/2000/svg" id="chevronRight" aria-disabled="true"> <path d="M6.91358 3.54257C6.60365 3.83976 6.58271 4.34351 6.86681 4.66772L11.54 9.99992L6.86681 15.3321C6.60639 15.6293 6.60228 16.0774 6.84213 16.3789L6.91358 16.4573C7.22351 16.7545 7.70506 16.7326 7.98916 16.4083L13.1333 10.538C13.1366 10.5343 13.1398 10.5305 13.143 10.5267L13.0865 10.5869C13.1214 10.5535 13.1526 10.5175 13.1801 10.4794C13.1902 10.4652 13.1998 10.451 13.209 10.4364C13.2183 10.4217 13.2271 10.4065 13.2354 10.3911C13.243 10.377 13.25 10.363 13.2566 10.3489C13.2644 10.3322 13.2717 10.315 13.2784 10.2975C13.2844 10.2821 13.2899 10.2664 13.2948 10.2507C13.2997 10.235 13.3041 10.2195 13.3081 10.2038C13.3126 10.1863 13.3164 10.1687 13.3197 10.151C13.3229 10.1328 13.3257 10.1145 13.3278 10.0961C13.3294 10.0828 13.3306 10.0691 13.3315 10.0555C13.3328 10.0367 13.3334 10.0181 13.3334 9.99944C13.3334 9.98118 13.3327 9.96281 13.3315 9.94448C13.3306 9.9307 13.3294 9.91709 13.3278 9.90351C13.3257 9.88535 13.3229 9.86704 13.3196 9.84884C13.3164 9.83114 13.3126 9.81352 13.3082 9.79602C13.3041 9.78038 13.2997 9.76479 13.2948 9.74933C13.2899 9.73339 13.2844 9.71775 13.2784 9.70226C13.2717 9.68485 13.2644 9.6676 13.2564 9.6506C13.25 9.63681 13.243 9.62284 13.2356 9.60905C13.2271 9.59332 13.2183 9.57812 13.2089 9.56318C13.1998 9.54888 13.1902 9.53459 13.1801 9.52055C13.1526 9.48234 13.1214 9.44631 13.0865 9.41289L13.143 9.47311C13.1398 9.46932 13.1366 9.46555 13.1333 9.46181L7.98916 3.59149C7.70506 3.26728 7.22351 3.24538 6.91358 3.54257Z"/> </svg> <!-- HTML_TAG_END --> </a></div></div></div> </section> <footer class="footer svelte-yj76xq"><div class="footer__container svelte-yj76xq"><section class="footer__container__header svelte-yj76xq"><a class="font-futura logo-fairness logo-fairness--large logo-fairness--white svelte-r99bfv" aria-label="Retourner vers la page d'accueil" href="/"><img src="data:image/svg+xml,%3csvg%20width='40'%20height='45'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20ariaLabel='Fairness,%20conception%20responsable%20de%20services%20numériques'%3e%3cmask%20id='a'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='41'%20height='45'%3e%3cpath%20d='M19.988%200a3.241%203.241%200%200%200-1.594.423l-16.765%209.59A3.241%203.241%200%200%200%200%2012.822v19.132a3.242%203.242%200%200%200%201.629%202.808l16.765%209.589a3.24%203.24%200%200%200%201.608.423%203.242%203.242%200%200%200%201.608-.423l16.765-9.59a3.242%203.242%200%200%200%201.629-2.807V12.822a3.242%203.242%200%200%200-1.633-2.81L21.606.425a3.238%203.238%200%200%200-1.594-.423L19.988%200Zm-1.123%2043.528L2.1%2033.938a2.29%202.29%200%200%201-1.15-1.983V12.822a2.29%202.29%200%200%201%201.15-1.984L18.865%201.25a2.285%202.285%200%200%201%202.269%200L37.9%2010.838a2.292%202.292%200%200%201%201.15%201.984v19.133a2.29%202.29%200%200%201-1.15%201.984l-16.766%209.589a2.286%202.286%200%200%201-2.269%200Zm-3.303-32.092a.427.427%200%200%200-.43.43v7.188a2.618%202.618%200%200%200%202.627%202.624h7.091v2.985h-4.824a.429.429%200%200%200-.43.43v9.36h-3.604V23.112a.429.429%200%201%200-.86%200v11.77a.43.43%200%200%200%20.43.43h4.466a.428.428%200%200%200%20.429-.43v-9.381h4.8a.41.41%200%200%200%20.429-.407V21.25a.429.429%200%200%200-.43-.43H17.76a1.763%201.763%200%200%201-1.767-1.766v-6.756h9.718v3.173h-5.682a.427.427%200%200%200-.43.43v2.555a.427.427%200%200%200%20.43.43.43.43%200%200%200%20.429-.43v-2.125h5.683a.43.43%200%200%200%20.43-.43v-4.035a.427.427%200%200%200-.43-.43H15.56h.002Z'%20fill='%23fff'/%3e%3c/mask%3e%3cg%20mask='url(%23a)'%3e%3cpath%20d='M0%200h107.663v44.777H0V0Z'%20fill='url(%23b)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='b'%20x1='-11.581'%20y1='40.871'%20x2='9.534'%20y2='4.299'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23B8E68D'/%3e%3cstop%20offset='.1'%20stop-color='%23A0DD8F'/%3e%3cstop%20offset='.2'%20stop-color='%2385D391'/%3e%3cstop%20offset='.3'%20stop-color='%236BC993'/%3e%3cstop%20offset='.4'%20stop-color='%2350BF95'/%3e%3cstop%20offset='.5'%20stop-color='%2335B597'/%3e%3cstop%20offset='.6'%20stop-color='%231BAC99'/%3e%3cstop%20offset='.7'%20stop-color='%2300A29B'/%3e%3cstop%20offset='.8'%20stop-color='%2300A5AB'/%3e%3cstop%20offset='.9'%20stop-color='%2300A9BB'/%3e%3cstop%20offset='1'%20stop-color='%2300ACCA'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e" alt="" class="svelte-r99bfv"> Fairness </a> <p class="footer__container__header__tagline svelte-yj76xq"><!-- HTML_TAG_START -->La coopérative œuvrant pour le développement soutenable et l’émancipation numérique<!-- HTML_TAG_END --></p></section> <section class="footer__container__content svelte-yj76xq"><div class="footer__container__content__first-block svelte-yj76xq"><div class="footer__container__content__first-block__contact svelte-yj76xq"><h3 class="title-3--small text-bold svelte-3huq0s">Contact </h3> <div class="footer__container__content__first-block__contact__mail svelte-yj76xq"> <!-- HTML_TAG_START --><svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.75 0.75C14.9492 0.75 15.1302 0.827635 15.2645 0.954294L15.2928 0.978994C15.4383 1.11956 15.5065 1.29798 15.4995 1.47393C15.4998 1.48233 15.5 1.49115 15.5 1.5V10.5C15.5 10.9142 15.1642 11.25 14.75 11.25H1.25C0.835786 11.25 0.5 10.9142 0.5 10.5V1.5L0.5015 1.47225L0.5 1.44959C0.5 1.2487 0.59643 1.06759 0.750863 0.939995C0.883595 0.82184 1.05841 0.75 1.25 0.75H14.75ZM6.76475 6.75975L3.2765 9.75H12.7228L9.2345 6.75975L8.53594 7.31807C8.25737 7.54043 7.84418 7.55896 7.54318 7.37366L7.46405 7.31807L6.76475 6.75975ZM14 2.95575L10.4278 5.80725L14 8.8695V2.95575ZM2 2.9565V8.86875L5.5715 5.80725L2 2.9565ZM12.5 2.25H3.5L8.00039 6L12.5 2.25Z" fill="currentColor"/> </svg> <!-- HTML_TAG_END --> <a class="footer__social-link svelte-yj76xq" href="mailto:equipe@fairness.coop" aria-label="Envoyez un mail à l'équipe Fairness"><!-- HTML_TAG_START -->equipe@fairness.coop<!-- HTML_TAG_END --></a></div> <div class="footer__container__content__first-block__contact__address svelte-yj76xq"> <!-- HTML_TAG_START --><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1.5C11.8995 1.5 14.25 3.90381 14.25 6.86906C14.25 8.1171 13.8336 9.26569 13.1352 10.1774L9.64689 16.1211C9.58206 16.2316 9.49002 16.3236 9.37952 16.3884C9.04778 16.5831 8.62785 16.4938 8.40173 16.194L8.35311 16.1211L4.86827 10.1819C4.16775 9.26944 3.75 8.11914 3.75 6.86906C3.75 3.90381 6.10051 1.5 9 1.5ZM9 3.75C7.34315 3.75 6 5.09315 6 6.75C6 8.40685 7.34315 9.75 9 9.75C10.6569 9.75 12 8.40685 12 6.75C12 5.09315 10.6569 3.75 9 3.75Z" fill="currentColor"/> </svg> <!-- HTML_TAG_END --> <p><!-- HTML_TAG_START -->3B rue de la Concertation, 75018 Paris<!-- HTML_TAG_END --></p></div> <ul class="footer__container__content__first-block__contact__networks svelte-yj76xq"><li><a class="footer__social-link svelte-yj76xq" href="https://www.linkedin.com/company/fairness-coop" aria-label="components.footer.linkedIn"> <!-- HTML_TAG_START --><svg width="24" aria-hidden="true" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M21.0099 1H2.99008C1.891 1 1 1.891 1 2.99008V21.0099C1 22.109 1.891 23 2.99008 23H21.0099C22.109 23 23 22.109 23 21.0099V2.99008C23 1.891 22.109 1 21.0099 1ZM7.80773 19.9963C7.80773 20.3161 7.54846 20.5754 7.22859 20.5754H4.76332C4.44346 20.5754 4.18418 20.3161 4.18418 19.9963V9.66195C4.18418 9.34209 4.44346 9.08281 4.76332 9.08281H7.22859C7.54846 9.08281 7.80773 9.34209 7.80773 9.66195V19.9963ZM5.99596 8.10865C4.70251 8.10865 3.65394 7.06008 3.65394 5.76663C3.65394 4.47318 4.70251 3.42461 5.99596 3.42461C7.28941 3.42461 8.33798 4.47318 8.33798 5.76663C8.33798 7.06008 7.28947 8.10865 5.99596 8.10865ZM20.6912 20.0429C20.6912 20.337 20.4527 20.5754 20.1587 20.5754H17.5132C17.2192 20.5754 16.9808 20.337 16.9808 20.0429V15.1955C16.9808 14.4724 17.1929 12.0268 15.091 12.0268C13.4606 12.0268 13.1299 13.7007 13.0635 14.452V20.0429C13.0635 20.337 12.8252 20.5754 12.5311 20.5754H9.97249C9.67842 20.5754 9.43999 20.337 9.43999 20.0429V9.6153C9.43999 9.32124 9.67842 9.08281 9.97249 9.08281H12.5311C12.8251 9.08281 13.0635 9.32124 13.0635 9.6153V10.5169C13.6681 9.60966 14.5665 8.9094 16.4794 8.9094C20.7154 8.9094 20.6912 12.8669 20.6912 15.0413V20.0429Z" fill="currentColor"/> </svg> <!-- HTML_TAG_END --></a></li> <li><a class="footer__social-link svelte-yj76xq" href="https://x.com/fairnesscoop" aria-label="Lien vers le compte twitter de Fairness"> <!-- HTML_TAG_START --><?xml version="1.0" encoding="UTF-8"?> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path d="m18.939 1.1996h3.6666l-8.0505 9.1664 9.4055 12.434h-7.3809l-5.7788-7.5563-6.6157 7.5563h-3.6666l8.5287-9.804-9.007-11.797h7.5643l5.2208 6.9027zm-1.2833 19.449h2.0325l-13.152-17.376h-2.184z" stroke-width=".079708"/> </svg> <!-- HTML_TAG_END --></a></li> <li><a class="footer__social-link svelte-yj76xq" href="https://github.com/fairnesscoop" aria-label="Lien vers le compte github de Fairness"> <!-- HTML_TAG_START --><svg width="24" height="24" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M10.653 0.0832269C5.12175 0.684445 0.672741 5.13346 0.0715229 10.5444C-0.529695 16.1959 2.71688 21.2461 7.64687 23.17C8.0076 23.2902 8.36833 23.0498 8.36833 22.5688V20.6449C8.36833 20.6449 7.88736 20.7651 7.28614 20.7651C5.60273 20.7651 4.88127 19.3222 4.76102 18.4805C4.64078 17.9995 4.40029 17.6388 4.03956 17.2781C3.67883 17.1578 3.55859 17.1578 3.55859 17.0376C3.55859 16.7971 3.91932 16.7971 4.03956 16.7971C4.76102 16.7971 5.36224 17.6388 5.60273 17.9995C6.20395 18.9615 6.92541 19.202 7.28614 19.202C7.76711 19.202 8.12784 19.0817 8.36833 18.9615C8.48857 18.1198 8.84931 17.2781 9.57077 16.7971C6.80516 16.1959 4.76102 14.6327 4.76102 11.9873C4.76102 10.6647 5.36224 9.34198 6.20395 8.38004C6.0837 8.13955 5.96346 7.53833 5.96346 6.69662C5.96346 6.21565 5.96346 5.49419 6.32419 4.77273C6.32419 4.77273 8.0076 4.77273 9.69101 6.33589C10.2922 6.09541 11.1339 5.97516 11.9756 5.97516C12.8173 5.97516 13.659 6.09541 14.3805 6.33589C15.9437 4.77273 17.7473 4.77273 17.7473 4.77273C17.9878 5.49419 17.9878 6.21565 17.9878 6.69662C17.9878 7.65857 17.8676 8.13955 17.7473 8.38004C18.589 9.34198 19.1903 10.5444 19.1903 11.9873C19.1903 14.6327 17.1461 16.1959 14.3805 16.7971C15.102 17.3983 15.5829 18.4805 15.5829 19.5627V22.689C15.5829 23.0498 15.9437 23.4105 16.4247 23.2902C20.8737 21.4866 24 17.1578 24 12.1076C24 4.89297 17.8676 -0.758478 10.653 0.0832269Z" fill="currentColor"/> </svg> <!-- HTML_TAG_END --></a></li></ul></div> <div class="footer__container__content__first-block__cooperative svelte-yj76xq"><h3 class="title-3--small text-bold svelte-3huq0s">La coopérative </h3> <ul class="footer__container__content__first-block__cooperative__sommaire svelte-yj76xq"><li><a class="footer__link svelte-yj76xq" href="/qui-sommes-nous">Qui sommes-nous ?</a></li> <li><a class="footer__link svelte-yj76xq" href="/notre-equipe">L'équipe Fairness</a></li> <li><a class="footer__link svelte-yj76xq" href="/notre-approche">Notre approche</a></li></ul></div></div> <div class="footer__container__content__second-block svelte-yj76xq"><div class="footer__container__content__second-block__know-how svelte-yj76xq"><h3 class="title-3--small text-bold svelte-3huq0s">Savoir-faire </h3> <ul class="footer__container__content__second-block__know-how__sommaire svelte-yj76xq"><li><a class="footer__link svelte-yj76xq" href="/notre-offre">Notre offre</a></li> <li><a class="footer__link svelte-yj76xq" href="/nos-realisations">Nos réalisations</a></li> <li><a class="footer__link svelte-yj76xq" href="/blog">Blog</a></li></ul></div> <div class="footer__container__content__second-block__conception svelte-yj76xq"><h3 class="title-3--small text-bold svelte-3huq0s">Conception du site </h3> <ul class="footer__container__content__second-block__conception__sommaire svelte-yj76xq"><li><a class="footer__link svelte-yj76xq" href="/accessibilite"><!-- HTML_TAG_START -->Accessibilité : non conforme<!-- HTML_TAG_END --></a></li> <li><a class="footer__link svelte-yj76xq" href="/declaration-ecoconception"><!-- HTML_TAG_START -->Déclaration d'écoconception<!-- HTML_TAG_END --></a></li> </ul></div></div></section> <section class="footer__bottom svelte-yj76xq"><ul class="footer__bottom__links svelte-yj76xq"><li class="svelte-yj76xq"><a class="text-sm" href="/plan-du-site"><!-- HTML_TAG_START -->Plan du site<!-- HTML_TAG_END --></a></li> <li class="svelte-yj76xq" data-svelte-h="svelte-1thgn2z"><span>|</span></li> <li class="svelte-yj76xq"><a class="text-sm" href="/mentions-legales"><!-- HTML_TAG_START -->Mentions légales<!-- HTML_TAG_END --></a></li></ul></section></div> </footer> </main> <script> { __sveltekit_7pbu8p = { base: new URL(".", location).pathname.slice(0, -1) }; const element = document.currentScript.parentElement; const data = [null,{"type":"data","data":{metaTitle:"Fairness - Notre approche",slug:"notre-approche",hero:{id:"5f3a9d62-e51d-43ba-9a12-802ec9df60f5",title:"Notre approche",illustration:"a8575a66-dbe8-47db-8a76-3822eb4f681e",hasTriangleBottom:true,content:"\u003Cp>Nous intervenons sur vos applications web et mobile dans une démarche de \u003Cstrong>conception numérique responsable\u003C/strong>.\u003C/p>\n\u003Cp> \u003C/p>\n\u003Cp>Pour cela, nous travaillons pour que \u003Cstrong>les services développés par nos soins soient éco-conçus, accessibles, inclusifs, et éthiques\u003C/strong>.\u003C/p>"},cmsBaseUrl:"https://directus.fairness.coop"},"uses":{}}]; Promise.all([ import("./_app/immutable/entry/start.DS1GZYr8.js"), import("./_app/immutable/entry/app.DFcDnDIf.js") ]).then(([kit, app]) => { kit.start(app, element, { node_ids: [0, 12], data, form: null, error: null }); }); } </script> </div> </body> </html>