åbility - experience studio

<!doctype html>     <html class="no-js" lang="">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>&aringbility - experience studio</title> <meta name="description" content="Experience studio based in Paris"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet" href="css/main_new.css?cache=20241128021439"> <meta property="og:title" content="åbility - experience design studio"/> <meta property="og:description" content="Studio de design basé à Paris spécialisé dans la stratégie digitale et l'expérience utilisateur."/> <meta property="og:type" content="website"/> <meta property="og:url" content="http://ability.paris"/> <meta property="og:image" content="http://ability.paris/img/og_image.jpg"/> <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> <script src="https://unpkg.com/scrollreveal@3.3.2/dist/scrollreveal.min.js"></script> </head> <body>  <div class="header-container"> <header class="wrapper clearfix"> <a href="https://ability.paris/"><img src="img/logo_header.png" alt="Ability Logo" width="144px"></a> </header> <div class="cartouche-header wrapper"> <div class="left left-mobile"> <h1>Nous concevons <br>des expériences <br>numériques, créatives <br>et accessibles</h1> </div> <div class="left"> <h1>Nous concevons <br>des expériences numériques, <br>créatives et accessibles</h1> </div> <div class="right"> <p>22 rue du petit Musc<br>75004 Paris<br>bonjour@ability.paris<br><span itemprop="telephone"><a href="tel:+33683641398">+33(0) 6 83 64 13 98</a></span></p> </div> </div> </div> <div class="main-container"> <div class="main wrapper clearfix"> <div class="bloc-thematique"> <h2 class="color-1 text-45">Art & Culture</h2> <ul> <li> <a href="https://www.guimet.fr/fr" target="_blank"> <p class="left color-1 text-20"> <span>Musée des arts asiatiques Guimet</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> <li> <p class="left color-1 text-20"> <span>Institut du monde arabe</span> </p> <p class="right text-20">Site internet UX-UI</p> </li> <li> <p class="left color-1 text-20"> <span>RMN Réunion des musées nationaux</span> </p> <p class="right text-20">Site internet UX</p> </li> <li> <p class="left color-1 text-20"> <span>Grand Palais</span> </p> <p class="right text-20">Site internet UX - Billetterie UX</p> </li> <li> <a href="https://www.citebd.org/" target="_blank"> <p class="left color-1 text-20"> <span>Cité de la bande dessinée et de l’image</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> <li> <p class="left color-1 text-20"> <span>EPMO Musée d’Orsay</span> </p> <p class="right text-20">Compte utilisateur UX - UI</p> </li> <li> <p class="left color-1 text-20"> <span>EPMO Musée de l’Orangerie</span> </p> <p class="right text-20">Compte utilisateur UX - UI</p> </li> <li> <a href="https://billetterie.cite-sciences.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Universcience Cité des sciences et de l’industrie</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">App mobile visiteur UX - Billetterie UX - UI</p> </a> </li> <li> <a href="https://billetterie.palais-decouverte.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Universcience Palais de la découverte</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">App mobile visiteur UX - Billetterie UX - UI</p> </a> </li> <li> <a href="http://www.stahly.fr/" target="_blank"> <p class="left color-1 text-20"> <span>François Stahly</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Technique</p> </a> </li> <li> <p class="left color-1 text-20"> <span>Van Cleef & Arpels collection patrimoniale</span> </p> <p class="right text-20">Site internet UX - UI</p> </li> </ul> </div> <div class="bloc-thematique"> <h2 class="color-1 text-45">Institutions</h2> <ul> <li> <a href="https://www.elysee.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Présidence de la République</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> <li> <a href="https://centrenationaldulivre.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Centre national du livre</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI Événementiel </p> </a> </li> <li> <a href="https://www.artisanat.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Chambre des métiers de l’artisanat</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Stratégie - Branding</p> </a> </li> <li> <p class="left color-1 text-20"> <span>Université Paris Saclay - Programme d’aide</span> </p> <p class="right text-20">Site internet UX - UI</p> </li> <li> <a href="https://www.onac-vg.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Ministère des armées - ONACVG</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> <li> <a href="https://www.ouvrirlascience.fr/accueil/" target="_blank"> <p class="left color-1 text-20"> <span>Ministère de l’enseignement supérieur et de la recherche - Ouvrir la science</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> </ul> </div> <div class="bloc-thematique"> <h2 class="color-1 text-45">Sport</h2> <ul> <li> <p class="left color-1 text-20"> <span>Jeux Olympiques et Paralympiques de Paris 2024</span> </p> <p class="right text-20">Site internet UX - UI - Événementiel</p> </li> <li> <a href="https://www.equipedefrance.com/" target="_blank"> <p class="left color-1 text-20"> <span>Équipe de France Olympique et Paralympique - CNOSF - CPSF</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> <li> <a href="https://olympics.com/fr/paris-2024" target="_blank"> <p class="left color-1 text-20"> <span>Design system olympics.com/fr/paris-2024</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Charte graphique UI</p> </a> </li> <li> <a href="https://olympiade-culturelle.paris2024.org/" target="_blank"> <p class="left color-1 text-20"> <span>Olympiades culturelles</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> <li> <a href="https://terredejeux.paris2024.org/" target="_blank"> <p class="left color-1 text-20"> <span>Terre de jeux</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> <li> <a href="https://generation.paris2024.org/" target="_blank"> <p class="left color-1 text-20"> <span>Génération 2024</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> <li> <a href="https://club.paris2024.org/fr/accueil" target="_blank"> <p class="left color-1 text-20"> <span>Le club Paris 2024</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> </ul> </div> <div class="bloc-thematique"> <h2 class="color-1 text-45">Médias</h2> <ul> <li> <a href="https://www.rtl.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Groupe RTL</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">App mobile UX - UI - Site internet UX - UI</p> </a> </li> <li> <p class="left color-1 text-20"> <span>Le Parisien</span> </p> <p class="right text-20">App mobile UX - UI</p> </li> <li> <p class="left color-1 text-20"> <span>Le télégramme</span> </p> <p class="right text-20">App mobile UX - UI</p> </li> <li> <a href="https://leblob.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Le Blob l’extra média</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Branding</p> </a> </li> </ul> </div> <div class="bloc-thematique"> <h2 class="color-1 text-45">Sciences et technologies</h2> <ul> <li> <a href="https://www.ifremer.fr/fr" target="_blank"> <p class="left color-1 text-20"> <span>IFREMER</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Stratégie</p> </a> </li> <li> <p class="left color-1 text-20"> <span>CNRS - Direction de la communication</span> </p> <p class="right text-20">Conseil stratégique</p> </li> <li> <a href="https://lejournal.cnrs.fr/" target="_blank"> <p class="left color-1 text-20"> <span>CNRS le journal</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Technique</p> </a> </li> <li> <a href="https://www.cnrsinnovation.com/" target="_blank"> <p class="left color-1 text-20"> <span>CNRS Innovation</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX-UI</p> </a> </li> <li> <a href="https://images.cnrs.fr/" target="_blank"> <p class="left color-1 text-20"> <span>CNRS Images</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Stratégie - Branding</p> </a> </li> <li> <a href="https://www.unoceanprediction.org/en" target="_blank"> <p class="left color-1 text-20"> <span>Mercator Océans</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Technique</p> </a> </li> <li> <a href="https://oneoceanscience.com/" target="_blank"> <p class="left color-1 text-20"> <span>One Ocean science</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Stratégie - Événementiel</p> </a> </li> <li> <a href="https://www.agenceore.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Agence Ore</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">App mobile UX - Site internet UX</p> </a> </li> </ul> </div> <div class="bloc-thematique"> <h2 class="color-1 text-45">Fondations, associations, utilité publique</h2> <ul> <li> <p class="left color-1 text-20"> <span>IFRI - Institut français des relations internationales</span> </p> <p class="right text-20">Site internet UX - UI - Technique</p> </li> <li> <p class="left color-1 text-20"> <span>Médecins sans frontières</span> </p> <p class="right text-20">Intranet UX - UI</p> </li> <li> <a href="https://fondationtaraocean.org/" target="_blank"> <p class="left color-1 text-20"> <span>Tara Océans</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI</p> </a> </li> <li> <p class="left color-1 text-20"> <span>APIC - Association de promotion et d’identification des cycles</span> </p> <p class="right text-20">Site internet UX - UI</p> </li> <li> <a href="https://maiavelo.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Mai à vélo</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI</p> </a> </li> <li> <p class="left color-1 text-20"> <span>Ensembl’ - Réseau social local & solidaire</span> </p> <p class="right text-20">Site internet UX - UI - Stratégie - Branding</p> </li> </ul> </div> <div class="bloc-thematique"> <h2 class="color-1 text-45">E-commerce et marketplace</h2> <ul> <li> <a href="https://www.fairmoove.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Fairmoove</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Branding</p> </a> </li> <li> <a href="https://www.agorastore.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Agorastore</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI</p> </a> </li> <li> <a href="https://www.farmitoo.com/fr/" target="_blank"> <p class="left color-1 text-20"> <span>Farmitoo</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI</p> </a> </li> <li> <a href="https://www.boucherie-metzger.com/" target="_blank"> <p class="left color-1 text-20"> <span>Metzger</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI</p> </a> </li> <li> <a href="https://fr.lartisien.com/" target="_blank"> <p class="left color-1 text-20"> <span>Grand Luxury Hotels [Lartisiens]</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI</p> </a> </li> <li> <p class="left color-1 text-20"> <span>Salaun Holidays</span> </p> <p class="right text-20">Conseil UX - UI</p> </li> </ul> </div> <div class="bloc-thematique"> <h2 class="color-1 text-45">Service et product design</h2> <ul> <li> <a href="https://www.arkyan.com/" target="_blank"> <p class="left color-1 text-20"> <span>Arkyan</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Logiciel UX - UI - Branding</p> </a> </li> <li> <p class="left color-1 text-20"> <span>SNCF - Avis agents</span> </p> <p class="right text-20">App mobile UX - UI</p> </li> <li> <a href="https://turningpoint-leadership.com/fr/" target="_blank"> <p class="left color-1 text-20"> <span>TurningPoint</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Technique</p> </a> </li> <li> <a href="https://www.satisfactory.fr/" target="_blank"> <p class="left color-1 text-20"> <span>Satisfactory</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Logiciel</p> </a> </li> <li> <p class="left color-1 text-20"> <span>Regimbeau</span> </p> <p class="right text-20">Site internet UX - UI</p> </li> <li> <a href="https://ekimetrics.com/fr/" target="_blank"> <p class="left color-1 text-20"> <span>Ekimetrics</span> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.33467 4.49974L15.3342 4.49974L15.3342 13.4993L13.7975 13.5093L13.7975 7.14135L5.55123 15.3876L4.44638 14.2827L12.6926 6.03649L6.33467 6.04654V4.49974Z" fill="black"/> </svg> </p> <p class="right text-20">Site internet UX - UI - Branding - Stratégie</p> </a> </li> <li> <p class="left color-1 text-20"> <span>Cision Luqi</span> </p> <p class="right text-20">Logiciel UX - UI</p> </li> <li> <p class="left color-1 text-20"> <span>ShamanX</span> </p> <p class="right text-20">App mobile UX - UI</p> </li> </ul> </div> <div class="bloc-thematique"> <h2 class="color-1 text-45"> <a href="http://ability.paris/weareability_2023.pdf" target="_blank"> <span>Téléchargez notre portfolio</span> <svg width="39" height="33" viewBox="0 0 39 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.135 0.193587L38.5 16.5586L22.135 32.9236L19.3223 30.1474L30.902 18.5677L0.911641 18.5677L0.911642 14.5495L30.902 14.5495L19.3223 3.00632L22.135 0.193587Z" fill="#000AFF"/> </svg> </a> </h2> </div> <div id="compteur" class="compteur"> <section> <div id="wcb" class="carbonbadge"></div> <script src="https://unpkg.com/website-carbon-badges@1.1.1/b.min.js" defer></script> </section> </div> </div>  </div>  <div class="footer-container"> <footer class="wrapper"> <svg width="65" height="66" viewBox="0 0 65 66" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M64.4737 0.815918V65.2896H0V0.815918H64.4737ZM18.9749 26.517C17.2974 26.517 15.7687 26.704 14.3894 27.0772C13.0097 27.4507 11.8077 28.0294 10.7821 28.8137C9.75724 29.5979 8.94602 30.606 8.34987 31.8384C7.75372 33.0708 7.39912 34.5274 7.28744 36.2079H10.81C10.8848 33.855 11.6304 32.1467 13.0472 31.0822C14.464 30.0182 16.291 29.486 18.528 29.486C19.5713 29.486 20.5499 29.5698 21.4636 29.7379C22.377 29.906 23.1786 30.2144 23.8682 30.6622C24.5583 31.1103 25.0985 31.7173 25.4897 32.4827C25.8816 33.2483 26.0774 34.2285 26.0774 35.4236C26.0774 36.2079 25.9747 36.8425 25.7697 37.3279C25.5648 37.8137 25.2758 38.1964 24.903 38.4767C24.53 38.7564 24.0644 38.9524 23.5046 39.0645C22.946 39.1767 22.2932 39.2701 21.5476 39.3447C19.6464 39.5688 17.7725 39.8021 15.9276 40.0452C14.0818 40.2879 12.4228 40.7077 10.9502 41.3054C9.47747 41.9025 8.29392 42.7711 7.39912 43.9099C6.50431 45.0491 6.05691 46.6268 6.05691 48.6435C6.05691 50.0999 6.30859 51.3601 6.81194 52.4246C7.31507 53.4889 8.00471 54.3662 8.88132 55.0572C9.75724 55.748 10.7821 56.2521 11.9569 56.5696C13.1311 56.8869 14.3894 57.0458 15.7314 57.0458C17.1485 57.0458 18.3691 56.9152 19.3947 56.6539C20.4196 56.3921 21.333 56.0186 22.1346 55.5334C22.9368 55.048 23.6633 54.4413 24.3154 53.7127C24.9682 52.9846 25.6111 52.1536 26.2448 51.2201H26.3567C26.3567 51.9669 26.4034 52.6484 26.4967 53.2646C26.5897 53.8813 26.7859 54.4132 27.0839 54.8613C27.382 55.3091 27.8016 55.6552 28.3418 55.8974C28.8829 56.1404 29.6004 56.262 30.4954 56.262C30.9797 56.262 31.3806 56.2431 31.6974 56.2058C32.0142 56.1687 32.3781 56.1121 32.7877 56.0377V53.0684C32.4524 53.2181 32.0796 53.2927 31.6693 53.2927C30.29 53.2927 29.6004 52.5833 29.6004 51.1639V35.8157C29.6004 33.8737 29.2836 32.2964 28.6499 31.0822C28.0157 29.8685 27.1958 28.9256 26.1893 28.2537C25.1828 27.5813 24.0458 27.1238 22.7777 26.8811C21.5103 26.6384 20.243 26.517 18.9749 26.517ZM26.0774 40.4647V45.0585C26.0774 46.4774 25.807 47.747 25.2664 48.8675C24.7257 49.9877 23.9986 50.9399 23.0858 51.7246C22.1716 52.5084 21.1 53.106 19.8702 53.5168C18.6396 53.9275 17.3529 54.1329 16.0112 54.1329C15.191 54.1329 14.3894 54.0021 13.6065 53.7408C12.8234 53.4799 12.1338 53.0968 11.5376 52.5925C10.9408 52.0884 10.4653 51.4909 10.1116 50.7999C9.75724 50.1091 9.58017 49.3158 9.58017 48.4192C9.58017 47.0003 9.99948 45.9079 10.8388 45.1425C11.6772 44.3771 12.7488 43.7886 14.0542 43.378C15.3586 42.967 16.8035 42.6589 18.3882 42.4535C19.9724 42.2481 21.5103 42.0151 23.0015 41.7533C23.4862 41.6789 24.0458 41.5479 24.6794 41.3614C25.3131 41.1746 25.7419 40.8755 25.9652 40.4647H26.0774ZM19.5546 8.57604C15.7212 8.57604 12.6138 11.6885 12.6138 15.5284C12.6138 19.3678 15.7212 22.4805 19.5546 22.4805C23.388 22.4805 26.4959 19.3678 26.4959 15.5284C26.4959 11.6885 23.388 8.57604 19.5546 8.57604ZM19.5546 10.2471C22.4668 10.2471 24.8265 12.6116 24.8265 15.5284C24.8265 18.4447 22.4668 20.809 19.5546 20.809C16.6429 20.809 14.2827 18.4447 14.2827 15.5284C14.2827 12.6116 16.6429 10.2471 19.5546 10.2471Z" fill="#000AFF"/> </svg> </footer> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script> <script src="js/main.js"></script> <script> window.sr = ScrollReveal(); var fooReveal = { delay : 400, distance : '30px', duration : 500, easing : 'ease-in-out', scale : 1.1 }; sr.reveal('section', fooReveal); </script> <script> $( window ).ready(function() { var wHeight = $(window).height(); $('slide') .height(wHeight) .scrollie({ scrollOffset : -50, scrollingInView : function(elem) { var bgColor = elem.data('background'); $('body').css('background-color', '#bgColor'); } }); }); </script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDocumentTitle", document.domain + "/" + document.title]); _paq.push(["setCookieDomain", "*.ability.paris"]); _paq.push(["setDomains", ["*.ability.paris"]]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://abilityparis.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/abilityparis.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img referrerpolicy="no-referrer-when-downgrade" src="https://abilityparis.matomo.cloud/matomo.php?idsite=1&rec=1" style="border:0;" alt="" /></p></noscript>  </body> </html>

CINXE.COM

åbility - experience studio