<!DOCTYPE HTML>
<html lang="en">
<head>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-115528296-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-115528296-1');
	</script>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>Asity - Design Produit, Logiciel et Service</title>
<meta name="description" content="Conception de produits, logiciels et services qui répondent aux besoins et aux contraintes de marché dans les domaines de l'innovation et des industries techniques." />
<meta name="keywords" content="Design, Design Produit, Design Thinking, UX Design, Mix Marketing, Lean, Interviews, Enquêtes, Cadrage de projet, Formation" />
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<link  rel="stylesheet" type="text/css" href="css/stylesheet.css">
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->

</head>

<body>
<!--Header Section Start Here-->
<header>
  <div class="container">
    <nav>
      <button class="mobile-nav-button"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a href="index.html" class="navbar-brand" title="Asity"> <img alt="Asity Logo" src="img/Asity-Logo-mobile.svg"  height="68" width="184"> </a>
      <ul class="navigation">
        <li><a href="#home" class="scroll-link">Home</a></li>
         <li><a href="https://blog.asity-intl.com" target="_blank">Blog</a></li>
        <li><a href="#contact-information-section" class="scroll-link">Appelez-nous</a></li>
        <li><a href="index.html">EN</a></li>
      </ul>
      <div class="horizontal-line-5"></div>
    </nav>
  </div>
</header>

<!--Header Section End Hare-->
<main id="home"> 
  <!--Home Banner Section Start Here-->
  <div class="home-banner-section">
    <div class="container">
      <h1 class="home-banner-title gen-title-spacer">Design Produit, Logiciel et Service</h1>
      <p class="home-banner-subtitle">Concevez des produits, des logiciels et des services qui répondent aux besoins et aux contraintes de marché dans les domaines de l'innovation et des industries techniques.</p>
      <a href="#start-conversation-section" class="scroll-link start-conversation-button" title="Start a conversation">Ouvrons la discussion</a> </div>
  </div>
  <!--Home Banner Section End Here--> 
  
  <!--Row-2 3-box Section Start Here-->
  <div class="row-two-three-box-section gen-section-spacer">
    <div class="container">
      <div class="design-thinking-section">
        <figure class="gen-icon-spacer"><img alt="Asity-Icon-Design-Thinking" src="img/Asity-Icon-Design-Thinking.svg"></figure>
        <h2 class="icon-title gen-title-spacer">Design Thinking*</h2>
        <p>Les approches et process du très célèbre Design Thinking vous permette de construire avec certitude la route qui mène à la réponse appropriée aux attentes.</p>
        <p class="mobile-device-show-hide-text" id="design-thinking-more-desc"><span>Avec votre équipe et avec notre expertise pour en transmettre et en appliquer ses principes, nous travaillons ensemble pour développer le meilleur résultat et le plus réaliste possible qui correspond aux tâches et besoins des utilisateurs. </span> <span class="font-style-italic">* Design Thinking : Stratégie de conception impliquant la collaboration d'une équipe élargie et d'approches centrées utilisateurs pour créer de la valeur et des opportunités de marché.</span> </p>
        <p class="show-text-button" onclick="show_more('design-thinking-more-desc')">more</p>
      </div>
      <div class="ux-design-section">
        <figure class="gen-icon-spacer"><img alt="Asity-Icon-UX-Design.svg" src="img/Asity-Icon-UX-Design.svg"></figure>
        <h2 class="icon-title gen-title-spacer">UX Design*</h2>
        <p>Le User eXperience Design (Design d'eXpérience Utilisateur) reste la percée majeure de ces dernières années pour concevoir des produits qui rencontrent le succès et fidélisent les clients.</p>
        <p class="mobile-device-show-hide-text" id="ux-design-more-desc"> <span>Appliquons ces méthodes à votre process de conception de projets pour réunir, avec votre équipe ou en équipe externe, les éléments qui conduisent à un design apprécié et aimé.</span> <span class="font-style-italic">* UX Design : Stratégie de conception impliquant de vrais utilisateurs (potentiels et/ou réels) pour assurer la meilleure utilisabilité du produit et la meilleure interaction avec celui-ci.</span> </p>
        <p class="show-text-button"  onclick="show_more('ux-design-more-desc')">more</p>
      </div>
      <div class="mix-marketing-section">
        <figure class="gen-icon-spacer"><img alt="Asity-Icon-Mix-Marketing" src="img/Asity-Icon-Mix-Marketing.svg"></figure>
        <h2 class="icon-title gen-title-spacer">Mix Marketing*</h2>
        <p>La faisabilité d'un projet de développement de produit repose sur l'équilibrage de l'équation du Mix Marketing.</p>
        <p class="mobile-device-show-hide-text" id="mix-marketing-more-desc"><span>L'application de cette approche tout au long du process de conception et de développement garantit le maintien de la réalité économique du produit parmi tous les membres de l'équipe.</span> <span class="font-style-italic">* Mix Marketing : Les fondements du marketing synthétisés dans l'équation d'équilibre dites des 4P pour Produit, Prix, Promotion et "Place" (Distribution en anglais).</span> </p>
        <p class="show-text-button" onclick="show_more('mix-marketing-more-desc')">more</p>
      </div>
    </div>
  </div>
  
  <!--Row-2 3-box Section End Here--> 
  <!--Start a conversation Section Start Here-->
  <div class="start-conversation-section gen-section-spacer light-gray-bg" id="start-conversation-section">
    <div class="container">
      <h2 class="start-conversation-title gen-title-spacer">Ouvrons la discussion</h2>
      <!--Desktop view form start here-->
      <form class="desktop-view-form">
        <div class="start-conversation-content-section">
          <ul class="start-conversation-content-section-ul">
            <li>
              <h3 class="start-conversation-section-title"> Choisissez un ou plusieurs thèmes...<br>
                ...ou pas !</h3>
            </li>
            <li>
              <figure><img alt="Asity-Satellite" src="img/Asity-Satellite.png"></figure>
              <div class="checkbox checkbox-inline">
                <input type="checkbox" id="check1" name="option1">
                <label for="check1"><strong>Discutons de nos techniques et<br>
                  davantage</strong></label>
              </div>
            </li>
            <li>
              <figure><img alt="Asity-Spatial-Shuttle" src="img/Asity-Spatial-Shuttle.png"></figure>
              <div class="checkbox checkbox-inline">
                <input type="checkbox" id="check2" name="option2">
                <label for="check2"><strong>Faisons une présentation de <br>
                  découverte</strong> <span> en face-à-face ou à distance selon où<br/>
                  vous vous trouvez</span></label>
              </div>
            </li>
            <li>
              <figure><img alt="Asity-Rocket-Booster" src="img/Asity-Rocket-Booster.png"></figure>
              <div class="checkbox checkbox-inline">
                <input type="checkbox" id="check3"  name="option3">
                <label for="check3"> Peut-on utiliser l'aide publique<br>
                  (CIR, CII, FAAC) et/ou les fonds de formation ?</label>
              </div>
            </li>
          </ul>
          <h3 class="start-conversation-section-title"> Vous pouvez aussi nous appeler maintenant !<br>
            <a href="tel:+33556385626"> +33 (0) 556 385 626 </a></h3>
        </div>
        <div class="start-conversation-form-section">
          <div class="start-conversation-form-group">
            <label>Prénom Nom<sup>*</sup></label>
            <input name="name[]" id="desktop-name" type="text"  required class="start-conversation-form-filed">
          </div>
          <div class="start-conversation-form-group">
            <label>Société<sup>*</sup></label>
            <input name="company" id="desktop-company" required type="text" class="start-conversation-form-filed">
          </div>
          <div class="start-conversation-form-group">
            <label>Pays<sup>*</sup></label>
            <select name="country" id="desktop-country" class="start-conversation-form-filed">
            </select>
          </div>
          <div class="start-conversation-form-group">
            <label>Téléphone mobile (optionnel)</label>
            <input name="phone[]" type="text" id="desktop-phone" class="start-conversation-form-filed">
          </div>
          <div class="start-conversation-form-group">
            <label>Email<sup>*</sup></label>
            <input name="email[]" type="text" id="desktop-email" required class="start-conversation-form-filed">
          </div>
          <div class="start-conversation-form-group">
            <label>Message (optionnel si vous avez coché un thème)</label>
            <textarea name="message[]" rows="9" id="desktop-message" class="start-conversation-form-filed"></textarea>
          </div>
          <button class="send-message"  id="desktop-request-button">Envoyer le message</button>
          <span class="error result"></span>
          <div class="start-conversation-form-group">
            <label class="font-color-dark-gray margin-top-25 font-size-14"><sup>*</sup>Informations requises. Vos données resteront confidentielles.</label>
          </div>
        </div>
      </form>
      
      <!--Desktop view form end here-->
      
      <form class="mobile-view-form">
        <div class="start-conversation-form-section">
          <div class="start-conversation-form-group">
            <label>Prénom Nom<sup>*</sup></label>
            <input name="name[]" id="mobile-name" type="text" required class="start-conversation-form-filed">
          </div>
          <div class="start-conversation-form-group">
            <label>Téléphone mobile (optionnel)</label>
            <input name="phone[]" type="text" id="mobile-phone" class="start-conversation-form-filed">
          </div>
          <div class="start-conversation-form-group">
            <label>Email<sup>*</sup></label>
            <input name="email[]" type="text" id="mobile-email" required  class="start-conversation-form-filed">
          </div>
          <div class="start-conversation-form-group">
            <label>Message (optionnel si vous avez coché un thème)</label>
            <textarea rows="9" name="message[]" id="mobile-message" class="start-conversation-form-filed"></textarea>
          </div>
          <button class="send-message"  id="mobile-request-button">Envoyer le message</button>
          <div class="div-result text-center"> <span class="error result"></span> </div>
          <div class="start-conversation-form-group">
            <h3 class="start-conversation-section-title call-us-mobile-view">Vous pouvez aussi nous appeler maintenant !<br>
              <a href="tel:+33556385626"> +33 (0) 556 385 626 </a></h3>
            <label class="font-color-dark-gray margin-top-25 font-size-14"><sup>*</sup>Informations requises. Vos données resteront confidentielles.</span></label>
          </div>
        </div>
      </form>
    </div>
  </div>
  
  <!--Start a conversation Section End Here--> 
  <!--Background image strip first Section Start Here-->
  <div class="background-image-strip-first"></div>
  <!--Background image strip first Section End Here--> 
  <!--Service Section Start Here-->
  <div class="service-section gen-section-spacer">
    <div class="container-second">
      <h2 class="gen-title gen-title-spacer">Services</h2>
      <h5 class="gen-subtitle gen-subtitle-spacer">Globalement, sur un projet ou une partie de projet, choisissez un ou plus de nos 4 modes de prestations incluant des outils de Design Thinking, d'UX Design et de Mix Marketing.</h5>
      <div class="gen-section-row">
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Surveys & Interviews" src="img/Asity-Icon-Surveys-Interviews.svg"> </figure>
          <h2 class="icon-title gen-title-spacer">Enquêtes & Interviews</h2>
          <p>Des enquêtes de masse aux interviews sélectifs pour la découverte des<span class="mobile-device-show-hide-text" id="surveys-interviews-desc-more"> usages et attentes ou pour les tests, nous travaillons avec votre équipe pour découvrir les clients, les marchés, les usages, les besoins et retours d'expérience afin de construire les fondations de produits bien adaptés, une expérience utilisateur positive et une meilleure empathie de l'équipe pour le public du produit.</span></p>
          <p class="show-text-button"  onclick="show_more('surveys-interviews-desc-more')">more</p>
        </div>
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Project framing" src="img/Asity-Icon-Project-Structuring.svg"> </figure>
          <h2 class="icon-title gen-title-spacer">Cadrage Projet</h2>
          <p>Encadrez des projets ou les pratiques de votre équipe avec l'intelligence<span class="mobile-device-show-hide-text" id="project-framing-desc-more"> du process de Design Thinking et permettez le développement des compétences, des approches de développement rapide, des techniques de guidage empathique et éviter les pertes de concentration et les retards à atteindre les produits qui correspondent au marché.</span></p>
          <p class="show-text-button" onclick="show_more('project-framing-desc-more')">more</p>
        </div>
      </div>
      <div class="gen-section-row">
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="In team" src="img/Asity-Icon-In-Team.svg"> </figure>
          <h2 class="icon-title gen-title-spacer">Intégration dans l'équipe</h2>
          <p>Pour un projet particulier ou globalement, associez nos <span class="mobile-device-show-hide-text" id="in-team-desc-more">spécialistes pour augmenter votre potentiel et permettre à votre équipe de profiter des pratiques collaboratives du Design Thinking, de l'UX Design et du Mix Marketing. </span></p>
          <p class="show-text-button" onclick="show_more('in-team-desc-more')">more</p>
        </div>
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Training" src="img/Asity-Icon-Training.svg"> </figure>
          <h2 class="icon-title gen-title-spacer">Formation</h2>
          <p>Développez les compétences de votre équipe en élaborant ensemble un plan <span class="mobile-device-show-hide-text" id="training-desc-more"> de formation pour améliorer les savoir-faire avec les meilleures pratiques de conduite et de réalisation de projet, autant sur un projet en cours que plus globalement. </span></p>
          <p class="show-text-button" onclick="show_more('training-desc-more')">more</p>
        </div>
      </div>
    </div>
  </div>
  <!--Service Section End Here--> 
  <!--Toolbox Section Start Here-->
  <div class="toolbox-section gen-section-spacer light-gray-bg">
    <div class="container-second">
      <h2 class="gen-title gen-title-spacer">Boite à outils</h2>
      <h5 class="gen-subtitle gen-subtitle-spacer">Armez votre projet, vos équipes et vos savoir-faire avec les outils de design les plus puissants.</h5>
      <div class="gen-section-row">
        <div class="gen-section-box">
          <ul>
            <li>Matrices d'audit</li>
            <li>Techniques de veille</li>
            <li class="margin-top-25"> Méthodes d'encadrement de projet</li>
            <li> Approches collaboratives</li>
            <li class="margin-top-25"> Études Mix Marketing</li>
            <li> Travaux BM<sup>*</sup> &amp; BP<sup>*</sup></li>
            <li> MVP<sup>*</sup> & cycle produit</li>
            <li> Outils de startup</li>
          </ul>
        </div>
        <div class="gen-section-box">
          <ul>
            <li> Interviews & Enquêtes</li>
            <li> Techniques d'empathie</li>
            <li> Études d'usage et d'expérience</li>
            <li> Tests Utilisateurs</li>
            <li class="margin-top-25"> Techniques d'Idéation*</li>
            <li> Élargissement conceptuel</li>
            <li> Architecture de développement</li>
            <li> Travaux de décloisonnement</li>
            <li> Processus de modélisation</li>
          </ul>
        </div>
      </div>
      <p class="margin-top-25 text-center"><sup>*</sup>BM : Business Model — BP : Business Plan — MVP : Minimum Viable Product (Produit minimum viable) — Idéation : Génération d'idées</p>
    </div>
  </div>
  <!--Toolbox Section End Here--> 
  <!--Background image strip second Section Start Here-->
  <div class="background-image-strip-second"></div>
  <!--Background image strip second Section End Here--> 
  <!--Industry sectors Section Start Here-->
  <div class="industry-sectors-section gen-section-spacer">
    <div class="container">
      <h2 class="gen-title gen-title-spacer">Domaines métiers</h2>
      <h5 class="gen-subtitle gen-subtitle-spacer">Nous revendiquons d'être plutôt bons dans les domaines techniques, pas seulement parce que nous les aimons mais aussi parce que nous les pratiquons. Nous pouvons donner de bons conseils dans d'autres domaines mais pas de manière aussi rapide et aussi précise.</h5>
      <div class="gen-section-row">
        <div class="industry-sectors-box margin-right-25">
          <figure class="gen-icon-spacer"> <img alt="Technological Industry" src="img/Asity-Techological-Industry.jpg"> </figure>
          <h2 class="icon-title gen-title-spacer">Industries technologiques</h2>
          <ul>
            <li>Agriculture</li>
            <li>Automobile</li>
            <li>Chimie</li>
            <li>Construction</li>
            <li>Électricité</li>
            <li>Hydraulique</li>
            <li>Mécanique</li>
            <li>Télécommunications</li>
          </ul>
        </div>
        <div class="industry-sectors-box">
          <figure class="gen-icon-spacer"> <img alt="High-tech Industry" src="img/Asity-High-Tech-Industry.jpg"> </figure>
          <h2 class="icon-title gen-title-spacer">Industrie High-tech</h2>
          <ul>
            <li>Aéronautique</li>
            <li>Intelligence artificielle</li>
            <li>Biotechnologie</li>
            <li>Électronique</li>
            <li>Énergie</li>
            <li>Nanotechnologie</li>
            <li>Physique Nucléaire</li>
            <li>Photonique</li>
            <li>Robotique</li>
            <li>Semi-conducteurs</li>
          </ul>
        </div>
        <div class="industry-sectors-box">
          <figure class="gen-icon-spacer"> <img alt="IT Industry" src="img/Asity-IT-Industry.jpg"> </figure>
          <h2 class="icon-title gen-title-spacer">Industrie de l'information</h2>
          <ul>
            <li>Communications</li>
            <li>Génie Informatique</li>
            <li>Industrie Informatique</li>
            <li>Science informatique</li>
            <li>Plateformes innovantes</li>
            <li>IoT (Internet des objets)</li>
            <li>SaaS (Software as a Service)</li>
            <li>Sécurité Informatique</li>
            <li>Industrie du logiciel</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!--Industry sectors Section End Here--> 
  <!--Company types Section Start Here-->
  <div class="company-types-section gen-section-spacer light-gray-bg">
    <div class="container">
      <h2 class="gen-title gen-title-spacer">Types de société</h2>
      <h2 class="gen-subtitle gen-subtitle-spacer widht-fluid">Les approches et les ressources que les startups et les sociétés établies mettent en œuvre pour developper leurs idées et leurs projets sont très différentes. Du fait que nous connaissons aussi bien les startups que les grandes sociétés, nous dimensionnons les projets au bon niveau. </h2>
      <div class="gen-section-row">
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Startup" src="img/Asity-Icon-Startup.svg"> </figure>
          <h2 class="icon-title gen-title-spacer">Startup</h2>
          <p class="margin-bottom-20">La philosophie du Design Thinking associée à l'approche du Lean Startup est le meilleur chemin jamais tracé par les entrepreneurs expérimentés en Startup.</p>
          <p>Ensemble nous donnerons un élan décisif à votre société et ses produits pour qu'ils soient adaptés à leurs futurs marchés.</p>
        </div>
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="R&amp;D Department" src="img/Asity-Icon-RandD_Department.svg"> </figure>
          <h2 class="icon-title gen-title-spacer">Département R&D</h2>
          <p class="margin-bottom-20">Les techniques d'UX Thinking sont les méthodes les plus avancées pour transformer les idées d'ingénierie en produits extraordinaires qui trouvent leurs débouchés et s'harmonisent avec les besoins internes comme avec les contraintes commerciales et financières</p>
          <p>Bâtissons une équipe projet, aussi bien pour un nouveau projet qu'un projet en cours, et augmentons les compétences globales.</p>
        </div>
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Product Division" src="img/Asity-Icon-Product_Division.svg"> </figure>
          <h2 class="icon-title gen-title-spacer">Division Produits</h2>
          <p class="margin-bottom-20"> Parce que le produit reste la réponse fondamentale pour réussir, le Mix Marketing utilisé simultanément avec les techniques et approches de conception reste la piste d'envol de tout nouveau projet.</p>
          <p>Saisissons l'occasion de cibler le client avec le meilleur produit de bout en bout et la meilleure expérience vis-à-vis de votre société.</p>
        </div>
      </div>
    </div>
  </div>
  <!--Company types Section End Here--> 
  <!--Testimonials Section Start Here-->
  <div class="testimonials-section gen-section-spacer green-bg">
    <div class="container">
      <p class="testimonial-desc">&laquo; I always think that there are two products at the end of a programme; there is the physical product or the service, the thing that you have managed to make, and then there is all that you have learned. The power of what you have learned enables you to do the next thing and it enables you to do the next thing better. &raquo; </p>
      <h4 class="testimonial-head padding-top-15">Jony Ive - Apple Design Chief</h4>
    </div>
  </div>
  <!--Testimonials Section End Here--> 
  <!--Case stories Section Start Here-->
  <div class="case-stories-section gen-section-spacer">
    <div class="container">
      <h2 class="gen-title gen-title-spacer">Exemples concrets</h2>
      <h5 class="gen-subtitle gen-subtitle-spacer boder-bottom">Jetez un coup d'œil à quelques-uns de nos projets les plus représentatifs. Notez que nous ne pouvons communiquer sur tous les projets pour lesquels nous avons travaillé en raison d'accords de non-divulgation. </h5>
      <div class="case-stories-slide-section custom-carousel">
        <div class="case-stories-slide-item">
          <figure> <img alt="Viametris - iMS3D" src="img/Asity-Case-Story-Viametris-Building-3D-Mapping-Scanner-iMS3D.jpg"> </figure>
          <h2 class="case-stories-slide-item-title padding-bottom-20 padding-top-20">Viametris - iMS3D</h2>
          <div class="gen-section-row">
            <div class="case-stories-slide-item-box">
              <p class="margin-bottom-20">Projet : Conception d'un Scanner Mobile 3D Bâtiment</p>
              <p> Défis :</p>
              <p> - Développer un produit très rapidement intégrant tous les besoins UX et ceux à découvrir le plus rapidement possible tout en le prototypant et le testant.</p>
              <p> - Vendre les prototypes avancés pour expérimenter leur utilisation en conditions réelles et réaliser des corrections itératives rapides pour envisager rapidement de sortir des pré-séries.</p>
            </div>
            <div class="case-stories-slide-item-box">
              <p>Enjeux :</p>
              <p> - Tourner sur soi-même sans basculer dans de très petits espaces comme des toilettes ou des placards. </p>
              <p> - Être composé de plusieurs parties pour être facilement transportable en voiture ou en bagage en soute d'avion.</p>
              <p> - Être modulaire pour permettre des têtes de capture différentes et faciliter la maintenance et la gestion des pièces détachées.</p>
              <p class="margin-bottom-20"> - Être adapté à la marche humaine pour éviter les troubles musculaires pendant les captures de longue durée.</p>
              <p> Durée du projet : 10 mois</p>
            </div>
          </div>
        </div>
        <div class="case-stories-slide-item">
          <figure> <img alt="Ekylibre - Farm Management Information System" src="img/Asity-Case-Story-Ekylibre-Farm-Management-System.jpg"> </figure>
          <h2 class="case-stories-slide-item-title padding-bottom-20 padding-top-20">Ekylibre - Logiciel de gestion d'exploitation agricole (FMIS*)</h2>
          <div class="gen-section-row">
            <div class="case-stories-slide-item-box">
              <p>Projet : Une toute nouvelle version, complètement UX, du FMIS d'Ekylibre.</p>
              <p class="margin-bottom-20">* FMIS: Farm Management Information System</p>
              <p>Défis :</p>
              <p> - Découvrir les vrais besoins et demandes des agriculteurs aussi bien économiques que techniques sur le plan de la gestion d'exploitation.</p>
              <p> -  Élaborer la nouvelle version en prenant en compte les besoins du public et les méthodes de développement économique parmi les acteurs-clés du domaine.</p>
            </div>
            <div class="case-stories-slide-item-box">
              <p>Enjeux :</p>
              <p> - Éviter autant que possible de perdre des utilisateurs en intégrant un système d'assistant présent partout incluant la collecte d'information (formulaires) et un processus guidé pas-à-pas. </p>
              <p> - Aider l'équipe à augmenter son empathie avec ses utilisateurs pour améliorer les évolutions futures. </p>
              <p class="margin-bottom-20"> - Aider les fondateurs à améliorer le process de conception et de développement pour garantir le contrôle du développement de l'eXpérience Utilisateur. </p>
              <p> Durée du projet : 13 mois</p>
            </div>
          </div>
        </div>
        <div class="case-stories-slide-item">
          <figure> <img alt="DB-Box - All-in-one small Enterprise Server" src="img/Asity-Case-Story-DBBox-Enterprise-Mini-Server-All-in-one.jpg"> </figure>
          <h2 class="case-stories-slide-item-title padding-bottom-20 padding-top-20">DB-Box - Serveur tout-en-un</h2>
          <div class="gen-section-row">
            <div class="case-stories-slide-item-box">
              <p  class="margin-bottom-20">Projet : Conception d'un serveur pour entreprises de petites tailles prêt à l'emploi</p>
              <p> Défis :</p>
              <p> - Découvrir les besoins et demandes des marchés cibles concernant les services & facilités informatiques pour des petites entreprises et les distributeurs informatiques. </p>
              <p> - Développer un produit basé sur des composants "sur étagère" à la fois matériels et logiciels afin de se concentrer sur un système d'intégration le plus simple et UX possible.</p>
            </div>
            <div class="case-stories-slide-item-box">
              <p>Enjeux :</p>
              <p> - Un mécanisme de raccordement à tous les services de la Box, très simple, pour ordinateur de bureau, tablette et mobile. </p>
              <p> - Être accessible de partout. </p>
              <p> - Considérer qu'il n'existe pas d'administrateur système sur le site de déploiement. </p>
              <p> - Permettre aux distributeurs d'avoir des paramètrages avancés mais cachés afin qu'ils restent nécessaires et de jouer leur rôle parmi les vecteurs d'intégration du produit. </p>
              <p> - Être sécurisé contre les pertes de données et de confidentialité.</p>
              <p class="margin-bottom-20"> - Be safe from data and privacy losses. </p>
              <p> Durée du projet : 12 mois</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--Case stories Section End Here--> 
  <!--References Section Start Here-->
  <div class="references-section gen-section-spacer light-gray-bg">
    <div class="container">
      <h2 class="gen-title gen-title-spacer">Références</h2>
      <h5 class="gen-subtitle gen-subtitle-spacer">Derrière chacun de ces logos d'entreprises se trouvent des périodes d'évolution que nous avons gérées avec leurs responsables, visant à développer et à réaliser des percées pour leurs sociétés déjà bien implantées ou leurs startups luttant pour vivre.</h5>
      <div class="references-section-row hide-mobile-device">
        <figure class="references-section-box"> <img alt="Ekylibre-Logo" src="img/clients/Ekylibre-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Neogy-Logo" src="img/clients/Neogy-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Viemetris-Logo" src="img/clients/Viemetris-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Humanutri-Logo" src="img/clients/Humanutri-Logo.png"> </figure>
      </div>
      <div class="references-section-row show-mobile-device">
        <figure class="references-section-box"> <img alt="Ekylibre-Logo" src="img/clients/Ekylibre-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Neogy-Logo" src="img/clients/Neogy-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Viemetris-Logo" src="img/clients/Viemetris-Logo.png"> </figure>
      </div>
      <div class="references-section-row">
        <figure class="references-section-box"> <img alt="Oce-Logo" src="img/clients/Oce-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="AM6-Logo" src="img/clients/AM6-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="DB-Box-Logo" src="img/clients/DB-Box-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Kleenup-Logo" src="img/clients/Kleenup-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Moulinex-Logo" src="img/clients/Moulinex-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="DPA-Logo" src="img/clients/DPA-Logo.png"> </figure>
      </div>
      <div class="references-section-row">
        <figure class="references-section-box"> <img alt="Pilots-bx-Logo" src="img/clients/Pilots-BX-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Isolasup-Logo" src="img/clients/Isolasup-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="e-Node-Logo" src="img/clients/e-Node-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="CB-Logo" src="img/clients/CB-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="JeffTop-Logo" src="img/clients/JeffTop-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Yves-Couvreur-Logo" src="img/clients/Yves-Couvreur-Logo.png"> </figure>
      </div>
      <div class="references-section-row">
        <figure class="references-section-box"> <img alt="Demunt-Lamonnaie-Logo" src="img/clients/Demunt-Lamonnaie-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Guy-Charles-Gaudefroy-Logo" src="img/clients/Guy-Charles-Gaudefroy-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Afimes-Logo" src="img/clients/Afimes-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Francaise-des-jeux-Logo" src="img/clients/Francaise-des-jeux-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Lenotre-Logo" src="img/clients/Lenotre-Logo.png"> </figure>
        <figure class="references-section-box"> <img alt="Credit-Agricole-Logo" src="img/clients/Credit-Agricole-Logo.png"> </figure>
      </div>
    </div>
  </div>
  <!--References Section End Here--> 
  <!--Background image strip third Section Start Here-->
  <div class="background-image-strip-third"></div>
  <!--Background image strip third Section End Here--> 
  <!--Team Section Start Here-->
  <div class="team-section gen-section-spacer">
    <div class="container">
      <h2 class="gen-title gen-title-spacer">Équipe</h2>
      <h5 class="gen-subtitle gen-subtitle-spacer padding-left-30 padding-right-30">Notre équipe s'est construite sur 2 valeurs essentielles principales : Aimer faire passer son amour du Design* et des techniques d'Empathie ainsi que sa passion d'apprendre et d'enseigner.</h5>
      <div class="gen-section-row">
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Luc-Olivier Lafeuille" src="img/Asity-Team-Luc-Olivier-Lafeuille.jpg"></figure>
          <h3 class="team-member-name">Luc-Olivier Lafeuille</h3>
          <p class="team-member-designation">CEO &amp; Chief Designer</p>
        </div>
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Sylvie Gouédart" src="img/Asity-Team-Sylvie-Gouedart.jpg"> </figure>
          <h3 class="team-member-name">Sylvie Gouédart</h3>
          <p class="team-member-designation">CFO &amp; Qualititian</p>
        </div>
      </div>
      <div class="gen-section-row mx-width800">
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Michel Dambrin" src="img/Asity-Team-Michel-Dambrin.jpg"> </figure>
          <h3 class="team-member-name">Michel Dambrin</h3>
          <p class="team-member-designation">Junior Project Manager</p>
        </div>
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Julien Belkeen" src="img/Asity-Team-Julien-Belkne.jpg"> </figure>
          <h3 class="team-member-name">Julien Belken</h3>
          <p class="team-member-designation">Junior Designer</p>
        </div>
      </div>
      <div class="gen-section-row">
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Bétina Gouédart" src="img/Asity-Team-Betina-Gouedart.jpg"> </figure>
          <h3 class="team-member-name">Bétina Gouédart</h3>
          <p class="team-member-designation">Tech assistant</p>
        </div>
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Marion Deneubourg" src="img/Asity-Team-Marion-Deneubourg.jpg"> </figure>
          <h3 class="team-member-name">Marion Deneubourg</h3>
          <p class="team-member-designation">Tech assistant</p>
        </div>
        <div class="gen-section-box">
          <figure class="gen-icon-spacer"> <img alt="Laura Dambrin" src="img/Asity-Team-Laura-Dambrin.jpg"> </figure>
          <h3 class="team-member-name">Laura Dambrin</h3>
          <p class="team-member-designation">Tech assistant</p>
        </div>
      </div>
    </div>
  </div>
  <!--Team Section End Here--> 
  <!--Company history Section Start Here-->
  <div class="company-history-section gen-section-spacer light-gray-bg">
    <div class="container">
      <h2 class="gen-title gen-title-spacer">Historique de la Société</h2>
      <h5 class="gen-subtitle gen-subtitle-spacer">Même si nos histoires individuelles commencent bien avant la création d'Asity notre histoire de près de 15 ans (2003) est riche en percées et en pivots.</h5>
      <ul>
        <li><span>1</span> Création d'Asity en 2003 autour de 2 fondateurs de près de 20 ans d'expérience, l'un en design incluant design thinking, conception de produits, design graphique, design web, architecture et urbanisme IT et l'autre en sécurité industrielle et assurance qualité. </li>
        <li><span>2</span> Jusqu'à 2008, Asity opère principalement dans l'urbanisation IT et dans la conception et le développement de plate-formes logicielles</li>
        <li><span>3</span> En 2009 commence une nouvelle période de design de produits et services incluant des produits tout-en-un, fait de matériel, de logiciel et de service.</li>
        <li><span>4</span>À partir de 2010, " The art of the start " et " Lean Startup " dessine une nouvelle période dans nos approches de design</li>
      </ul>
      <ul>
        <li><span>5</span> En 2011 le retour aux pratiques d'enquête publique et de marketing marque la fondation de nos approches de l'UX Design (Expérience Utilisateur).</li>
        <li><span>6</span> Depuis 2014 les techniques de développement autour du Mix Marketing font évoluer nos savoir-faire en Design sur les aspects du CX (Expérience Client) des produits et sociétés.</li>
        <li><span>7</span> En 2016 nous mettons au point nos propres techniques et process incluant des outils pour améliorer l'empathie, la recherche, la modélisation, l'encadrement de projet et pour former les collaborateurs.</li>
      </ul>
    </div>
  </div>
  <!--Company history Section End Here--> 
  <!--Contact information Section Start Here-->
  <div class="contact-information-section gen-section-spacer" id="contact-information-section">
    <div class="container">
      <h2 class="gen-title gen-title-spacer">Contact information</h2>
      <div class="contact-information-row">
        <div class="contact-information-box">
          <figure><img alt="Asity-Icon-Location" src="img/Asity-Icon-Location.svg"></figure>
          <h4 class="icon-title">France - Bordeaux</h4>
          <p>Siège</p>
          <p class="padding-top-20">58, rue des Futaies<br>
            33560 Carbon-Blanc<br>
            Bordeaux Métropole </p>
        </div>
        <div class="contact-information-box">
          <figure><img alt="Asity-Icon-Location" src="img/Asity-Icon-Location.svg"></figure>
          <h4 class="icon-title">France - Paris</h4>
          <p class="padding-top-20">ZA Les Godets<br>
            12 bis, rue des Petits Ruisseaux<br>
            91370 Verrières le buisson</p>
        </div>
        <div class="contact-information-box">
          <figure><img alt="Asity-Icon-Location" src="img/Asity-Icon-Location.svg"></figure>
          <h4 class="icon-title">USA - Portland</h4>
          <p class="padding-top-20">P.O. box #633<br>
            Sheridan, OR 97396</p>
        </div>
      </div>
      <div class="contact-number-email-row"> <a href="tel:+33556385626">+33 5 56 38 56 26 </a> <a href="#"> contact &lt; at &gt; asity-intl.com </a> </div>
    </div>
  </div>
  <!--Contact information Section End Here--> 
  
</main>

<!--Scroll Section Start Here-->
<div class="scroll-bottom-menu">
  <div class="container"> <a href="tel:+33556385626" class="call-us-text">Call us +33 5 56 38 56 26</a> <a href="#start-conversation-section" class="scroll-link conversation-button" title="Start a conversation"> Ouvrons la discussion </a> </div>
</div>
<!--Scroll Section End Here--> 
<!--footer Section Start Here-->
<footer class="light-gray-bg">
  <div class="container">
    <ul class="footer-menu">
      <li><a href="#home" class="scroll-link">Home</a></li>
      <li><a href="https://blog.asity-intl.com" target="_blank">Blog</a></li>
      <li><a href="#start-conversation-section" class="scroll-link"> Ouvrons la discussion</a></li>
      <li><a href="#"> FR</a></li>
    </ul>
    <div class="copyright-section">
      <p class="font-color-dark-gray">Copyright © 2018 Asity. All rights reserved.</p>
      <p class="font-color-dark-gray open-modal">Legal</p>
    </div>
  </div>
</footer>

<!--footer Section End Here--> 

<!--Legal Modal Section start here -->
<div class="legal-modal">
  <div class="modal-content">
    <h2>Mentions légales</h2>
    <p>Ce site est édité par la société ASITY, sarl au capital de 25 k€, dont le siège social est situé au 58 rue des Futaies à (33560) Carbon-Blanc (France) - SIRET : 447 960 550 00013 - Ape : 7021Z - email : contact &lt;a&gt; asity.fr - tél : 05 56 38 56 26</p>
    <p>Directeur de la Publication : Sylvie Gouédart, Gérante</p>
    <p>Hébergeur : DigitalOcean - 101 Avenue of the Americas 10th Floor New York, NY 10013 USA</p>
    <h3>L'éditeur attire l'attention des usagers de son site sur les points ci-après :</h3>
    <p>Ce site est soumis à la loi française.
    <p>Le contenu mis à disposition sur le site est fourni à titre informatif et il est possible qu'il comporte des erreurs typographiques ou omissions. Ce contenu peut être modifié ou mis à jour sans préavis.</p>
    <p>L'éditeur décline toute responsabilité quant à l'usage qui peut être fait des informations diffusées sur son site.</p>
    <p>L'existence d'un lien hypertexte du site vers un autre site Internet ne constitue pas une validation de ce site ou de son contenu. Il appartient à l'internaute d'utiliser ces informations avec discernement et esprit critique.</p>
    <h3>Loi informatique et liberté</h3>
    <p>Le site fait l'objet d'une déclaration auprès de la Commission Nationale de l'Informatique et des Libertés (CNIL- France) en application de la loi n°78-17 du 6 janvier 1978 relative à l'informatique, aux fichiers et aux libertés. Les informations nominatives qui pourraient être communiquées par les internautes sur le site par les éventuels formulaires ou questionnaires mis en ligne et renseignés par les internautes sont obligatoires pour leur traitement. Elles sont destinées à l'éditeur du site ou à ses sous-traitants et/ou ses prestataires pour des besoins de gestion et/ou de promotion. En communiquant leur adresse e-mail, les internautes acceptent que l'éditeur leur adresse des informations par e-mail. Le titulaire dispose d'un droit d'accès et de rectification pour toute information le concernant auprès de l'éditeur à l'adresse suivante : ASITY - 58 rue des Futaies - 33560 Carbon-Blanc (France)</p>
    <h3>Droits d'auteur</h3>
    <p>Le site doit être considéré comme un tout indissociable. Les informations y figurant sont réservées à un usage exclusivement personnel et ne peuvent être en tout ou partie reproduites, ni communiquées. L'ensemble des données (textes, sons ou images) figurant sur les pages du site sont la propriété exclusive de l'éditeur.</p>
    <h3>Cookies, témoins de connexion</h3>
    <p>Les internautes sont informés que, lors de l'accès à ce site, des informations peuvent être temporairement conservées en mémoire ou sur leur disque dur afin de faciliter la navigation sur le site. Les internautes du site reconnaissent avoir été informés de cette pratique et autorisent l'éditeur à l'employer.</p>
    <h3>Virus</h3>
    <p>L'éditeur ne saurait être responsable de tout dommage direct ou indirect résultant ou consécutif à la diffusion par une tierce personne d'un virus par l'intermédiaire de son site et susceptible d'infecter le système informatique ou la configuration informatique de l'ordinateur de l'utilisateur à la suite d'une connexion, de l'utilisation, de la navigation ou d'un téléchargement à et sur ce site.</p>
    <p>Mise à jour : 01/2018</p>
    <button class="close-modal">OK</button>
  </div>
</div>
<!--Legal Modal Section end here --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<script src="js/function.js"></script> 
<script type="text/javascript">LANGUAGE='FR'; V_SCROLL_STATE=0</script>
</body>
</html>
<!--71C29B281A8B6FA4FAEA0C505D49D2A3-->

