<!DOCTYPE html><html lang="fr"> <head><meta charset="UTF-8"><link rel="preload" as="font" typeof="font/woff2" href="/_assets/montserrat-latin-400-normal.CIMKXMQI.woff2" crossorigin="anonymous"><link rel="preload" as="font" typeof="font/woff2" href="/_assets/roboto-latin-400-normal.CNwBRw8h.woff2" crossorigin="anonymous"><title>Triotech - Agence de développement web, mobile et logiciel à Montpellier</title><meta property="og:title" content="Agence de développement web, mobile et logiciel à Montpellier"><link rel="canonical" href="https://www.triotech.fr/"><meta property="og:url" content="https://www.triotech.fr/"><meta name="description" content="Triotech, est une agence spécialisée dans le développement sur mesure de logiciels métier, applications web et mobiles.Simplifiez vos processus et boostez votre efficacité avec des solutions adaptées à vos besoins."> <meta property="og:description" content="Triotech, est une agence spécialisée dans le développement sur mesure de logiciels métier, applications web et mobiles.Simplifiez vos processus et boostez votre efficacité avec des solutions adaptées à vos besoins."><meta property="og:type" content="website"><meta property="og:image" content="https://www.triotech.fr/_assets/og_logo.CRHroE8x.webp"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="sitemap" href="/sitemap-index.xml"><script type="module" src="/_assets/Layout.astro_astro_type_script_index_0_lang.DhnRlUR4.js"></script><link rel="stylesheet" href="/_assets/Map.CIGW-MKW.css"> <link rel="stylesheet" href="/_assets/_domainSlug_.BLzPAVuO.css"> <style>astro-teleport[data-astro-cid-ihkvm4bh]{display:none} </style></head> <body> <script> var _paq = window._paq = window._paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://analytics.triotech.fr/"; _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=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><img referrerpolicy="no-referrer-when-downgrade" src="https://analytics.triotech.fr/matomo.php?idsite=1&rec=1" style="border:0" alt=""></noscript> <div class="menu"> <nav id="navbar-desktop" class="navbar fixed-top border-bottom flex-nowrap navbar-expand-xl navbar-light bg-light" role="navigation"> <div class="container"> <a href="/" class="navbar-brand router-link-active"> <picture> <source srcset="/_assets/logo.C_A7nryT_1qiGJ4.webp" type="image/webp"><source srcset="/_assets/logo.C_A7nryT_2lxyad.png" type="image/png"> <img src="/_assets/logo.C_A7nryT_2lxyad.png" alt="Logo de Triotech" loading="eager" decoding="async" fetchpriority="auto" width="225" height="60"> </picture> </a> <div class="container justify-content-end d-none d-xl-flex"> <ul class="navbar-nav"> <li class="nav-item text-decoration-none"> <a href="/agence-développement-sur-mesure-montpellier" class="nav-link text-uppercase"> L'agence </a> </li><li class="nav-item text-decoration-none"> <a href="/expertises" class="nav-link text-uppercase"> Expertises </a> </li><li class="nav-item text-decoration-none"> <a href="/réalisations/1" class="nav-link text-uppercase"> Réalisations </a> </li><li class="nav-item text-decoration-none"> <a href="/actualités/1" class="nav-link text-uppercase"> Blog </a> </li><li class="nav-item text-decoration-none"> <a href="/contact" class="nav-link text-uppercase"> Contact </a> </li> </ul> <div> <button type="button" class="btn btn-primary rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-8uxmgxq6e0"> J'ai un projet </button> <script type="module">class o extends HTMLElement{static{this.observedAttributes=["data-target","data-open","open","target"]}get target(){return this.dataset.target?document.querySelector(this.dataset.target):document.body}get open(){return this.dataset.open==="true"||this.dataset.open===""}constructor(){super(),this.portal=document.createElement("div"),this.portal.append(...this.childNodes)}connectedCallback(){this.showOrHide()}showOrHide(e=this.open,t=this.target){t!==null&&(e?t?.appendChild(this.portal):t?.removeChild(this.portal))}disconnectedCallback(){this.showOrHide(!1)}attributeChangedCallback(e,t,r){switch(e){case"data-target":{const s=document.querySelector(t),a=document.querySelector(r);s&&this.showOrHide(!1,s),a&&this.showOrHide(this.open,a);break}case"data-open":this.showOrHide();break}}}customElements.define("astro-teleport",o);</script> <astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-8uxmgxq6e0" class="modal fade" tabindex="-1"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header"> <div class="h5 mb-0">Demande de mise en relation</div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form id="form-8uxmgxq6e0" method="post" action="https://backend.triotech.fr/api/public/contact/" data-dynamic-form="contact"> <div class="group-container"> <div class="mb-3"> Vous serez contacté par notre équipe </div> <div class="mb-3"> <label id="form-8uxmgxq6e0-field-name-label" for="form-8uxmgxq6e0-field-name" class="form-label d-none" aria-hidden="false"> Entrez votre nom * </label> <input id="form-8uxmgxq6e0-field-name" aria-labelledby="form-8uxmgxq6e0-field-name-label" name="contact[name]" placeholder="Entrez votre nom *" required autocomplete="name" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="name" data-field-id="form-8uxmgxq6e0-field-name"></div> </div> <div class="mb-3"> <label id="form-8uxmgxq6e0-field-email-label" for="form-8uxmgxq6e0-field-email" class="form-label d-none" aria-hidden="false"> Email *: </label> <input id="form-8uxmgxq6e0-field-email" aria-labelledby="form-8uxmgxq6e0-field-email-label" name="contact[email]" placeholder="Email *" required autocomplete="email" type="email" class="form-control"> <div class="invalid-feedback" data-form-path="email" data-field-id="form-8uxmgxq6e0-field-email"></div> </div> <div class="mb-3"> <label id="form-8uxmgxq6e0-field-phone-label" for="form-8uxmgxq6e0-field-phone" class="form-label d-none" aria-hidden="false"> Téléphone </label> <input id="form-8uxmgxq6e0-field-phone" aria-labelledby="form-8uxmgxq6e0-field-phone-label" name="contact[phone]" placeholder="Téléphone" autocomplete="phone" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="phone" data-field-id="form-8uxmgxq6e0-field-phone"></div> </div> <div class="mb-3"> <label aria-labelledby="form-8uxmgxq6e0-field-message-label" for="form-8uxmgxq6e0-field-message" class="form-label d-none" aria-hidden="false"> Message * </label> <textarea id="form-8uxmgxq6e0-field-message" aria-labelledby="form-8uxmgxq6e0-field-message-label" name="contact[message]" class="form-control" placeholder="Message *" required rows="4"></textarea> <div class="invalid-feedback" data-form-path="message" data-field-id="form-8uxmgxq6e0-field-message"></div> </div> <div class="mb-3"> <div>En ce qui concerne le traitement de vos données personnelles :</div> <div class="form-check"> <input id="form-8uxmgxq6e0-field-used_data" aria-labelledby="form-8uxmgxq6e0-field-used_data-label" name="contact[used_data]" value="true" autocomplete="used_data" type="checkbox" class="form-check-input"> <label id="form-8uxmgxq6e0-field-used_data-label" for="form-8uxmgxq6e0-field-used_data" class="form-check-label"> Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte. </label> </div> <div class="invalid-feedback" data-form-path="used_data" data-field-id="form-8uxmgxq6e0-field-used_data"></div> </div> </div> <div class="row"> <div class="col"> <altcha-widget challengeurl="https://backend.triotech.fr/api/public/altcha/challenge" hidefooter="true" hidelogo="true" id="form-8uxmgxq6e0-contact[altcha]_checkbox" name="contact[altcha]" strings="{"error":"Vérification échouée. Veuillez réessayer plus tard.","expired":"Vérification expirée. Veuillez réessayer.","label":"Je ne suis pas un robot","verified":"Vérifié","verifying":"Vérification…","waitAlert":"Vérification… Veuillez patienter."}"></altcha-widget> <div class="invalid-feedback d-block" data-form-path="altcha"></div> </div> <div class="col"> <a href="https://formulaire-projet.triotech.fr" target="_blank" class="btn btn-primary rounded-pill w-100 mt-1"> Remplir mon cahier des charges </a> </div> </div> </form> <script type="module" src="/_assets/ContactForm.astro_astro_type_script_index_0_lang.CuF0dlac.js"></script> </div> <div class="modal-footer"> <button type="submit" form="form-8uxmgxq6e0" class="btn btn-primary mx-auto"> Envoyer </button> </div> </div> </div> </div> </astro-teleport> </div> </div> <button class="navbar-toggler rounded-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-mobile-content" aria-expanded="false" aria-label="Menu toggle"> <span class="navbar-toggler-icon"></span> </button> </div> </nav> <div id="navbar-mobile" class="accordion d-block d-xl-none border-bottom fixed-top"> <div id="navbar-mobile-content" class="align-items-center collapse" style=""> <div class="navbar navbar-light bg-light pb-0"> <ul class="list-group list-group-flush w-100"> <li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/agence-développement-sur-mesure-montpellier" class="nav-link text-uppercase stretched-link p-2"> L'agence </a> </li><li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/expertises" class="nav-link text-uppercase stretched-link p-2"> Expertises </a> </li><li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/réalisations/1" class="nav-link text-uppercase stretched-link p-2"> Réalisations </a> </li><li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/actualités/1" class="nav-link text-uppercase stretched-link p-2"> Blog </a> </li><li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/contact" class="nav-link text-uppercase stretched-link p-2"> Contact </a> </li> <li class="list-group-item text-center p-3"> <button type="button" class="btn btn-primary rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-1t51cra4fg"> J'ai un projet </button> <astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-1t51cra4fg" class="modal fade" tabindex="-1"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header"> <div class="h5 mb-0">Demande de mise en relation</div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form id="form-1t51cra4fg" method="post" action="https://backend.triotech.fr/api/public/contact/" data-dynamic-form="contact"> <div class="group-container"> <div class="mb-3"> Vous serez contacté par notre équipe </div> <div class="mb-3"> <label id="form-1t51cra4fg-field-name-label" for="form-1t51cra4fg-field-name" class="form-label d-none" aria-hidden="false"> Entrez votre nom * </label> <input id="form-1t51cra4fg-field-name" aria-labelledby="form-1t51cra4fg-field-name-label" name="contact[name]" placeholder="Entrez votre nom *" required autocomplete="name" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="name" data-field-id="form-1t51cra4fg-field-name"></div> </div> <div class="mb-3"> <label id="form-1t51cra4fg-field-email-label" for="form-1t51cra4fg-field-email" class="form-label d-none" aria-hidden="false"> Email *: </label> <input id="form-1t51cra4fg-field-email" aria-labelledby="form-1t51cra4fg-field-email-label" name="contact[email]" placeholder="Email *" required autocomplete="email" type="email" class="form-control"> <div class="invalid-feedback" data-form-path="email" data-field-id="form-1t51cra4fg-field-email"></div> </div> <div class="mb-3"> <label id="form-1t51cra4fg-field-phone-label" for="form-1t51cra4fg-field-phone" class="form-label d-none" aria-hidden="false"> Téléphone </label> <input id="form-1t51cra4fg-field-phone" aria-labelledby="form-1t51cra4fg-field-phone-label" name="contact[phone]" placeholder="Téléphone" autocomplete="phone" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="phone" data-field-id="form-1t51cra4fg-field-phone"></div> </div> <div class="mb-3"> <label aria-labelledby="form-1t51cra4fg-field-message-label" for="form-1t51cra4fg-field-message" class="form-label d-none" aria-hidden="false"> Message * </label> <textarea id="form-1t51cra4fg-field-message" aria-labelledby="form-1t51cra4fg-field-message-label" name="contact[message]" class="form-control" placeholder="Message *" required rows="4"></textarea> <div class="invalid-feedback" data-form-path="message" data-field-id="form-1t51cra4fg-field-message"></div> </div> <div class="mb-3"> <div>En ce qui concerne le traitement de vos données personnelles :</div> <div class="form-check"> <input id="form-1t51cra4fg-field-used_data" aria-labelledby="form-1t51cra4fg-field-used_data-label" name="contact[used_data]" value="true" autocomplete="used_data" type="checkbox" class="form-check-input"> <label id="form-1t51cra4fg-field-used_data-label" for="form-1t51cra4fg-field-used_data" class="form-check-label"> Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte. </label> </div> <div class="invalid-feedback" data-form-path="used_data" data-field-id="form-1t51cra4fg-field-used_data"></div> </div> </div> <div class="row"> <div class="col"> <altcha-widget challengeurl="https://backend.triotech.fr/api/public/altcha/challenge" hidefooter="true" hidelogo="true" id="form-1t51cra4fg-contact[altcha]_checkbox" name="contact[altcha]" strings="{"error":"Vérification échouée. Veuillez réessayer plus tard.","expired":"Vérification expirée. Veuillez réessayer.","label":"Je ne suis pas un robot","verified":"Vérifié","verifying":"Vérification…","waitAlert":"Vérification… Veuillez patienter."}"></altcha-widget> <div class="invalid-feedback d-block" data-form-path="altcha"></div> </div> <div class="col"> <a href="https://formulaire-projet.triotech.fr" target="_blank" class="btn btn-primary rounded-pill w-100 mt-1"> Remplir mon cahier des charges </a> </div> </div> </form> </div> <div class="modal-footer"> <button type="submit" form="form-1t51cra4fg" class="btn btn-primary mx-auto"> Envoyer </button> </div> </div> </div> </div> </astro-teleport> </li> </ul> </div> </div> </div> <div class="navbar-banner fixed-top justify-content-center align-items-center"> <a class="stretched-link" href="/pack-impulsion-projet-digital-5-jours"> NOUVEAU : Le Pack Impulsion – 5 jours pour cadrer un besoin métier avec une maquette, des spécifications et un budget. Sans engagement. </a> </div> </div> <div class="homepage-header"> <div class="inner-header row align-items-center"> <div class="col-lg-8 col-md-12"> <h1 class="catch-title mb-2"> Agence de développement <br> à Montpellier </h1> <div class="catch-subtitle pb-4 mb-0"> Vous avez le talent, <br> <animated-text> <div>nous créons la solution.</div><div>simplifions votre activité.</div><div>optimisons vos process.</div><div>facilitons vos démarches.</div><div>rentabilisons votre entreprise.</div><div>atteignons vos objectifs.</div> </animated-text> <script type="module">class i extends HTMLElement{elements=[];animationState=null;constructor(){super(),this.classList.toggle("animated-text",!0),this.elements=[...this.children],requestAnimationFrame(()=>this.animationStep())}updateAnimation(t){this.animationState!==null&&this.elements[this.animationState.idx].classList.toggle(this.animationState.phase,!1),this.elements[t.idx].classList.toggle(t.phase,!0),this.animationState=t}animationStep(){let t=500;switch(this.animationState?.phase){case void 0:case null:t=100,this.updateAnimation({idx:0,phase:"activating"});break;case"activating":t=3e3,this.updateAnimation({...this.animationState,phase:"active"});break;case"active":this.updateAnimation({...this.animationState,phase:"deactivating"});break;case"deactivating":this.updateAnimation({idx:this.animationState.idx>=this.elements.length-1?0:this.animationState.idx+1,phase:"activating"});break}setTimeout(()=>{requestAnimationFrame(()=>this.animationStep())},t)}}window.customElements.define("animated-text",i);</script> </div> <div class="text-center text-lg-start"> <div class="badge bg-dark text-wrap fs-4">NOUVEAU</div> <div> <a href="/pack-impulsion-projet-digital-5-jours" class="home-impulse-pack-title-button my-3"> → Pack Impulsion ← </a> </div> </div> </div> <div class="d-none d-lg-block col-lg-4"> <div class="animation-wrapper"> <div class="home-animation"> <div class="animation-background"></div> <div class="flame"></div> <div class="outer-spinning-circle"> <div class="inner-spinning-circle"></div> </div> </div> <div class="orbit"> <div class="orbit-elements-wrapper"> <div class="orbit-element company"> <i class="fa fa-building fa-2x"></i> </div> <div class="orbit-element cooperation"> <i class="fa fa-handshake-angle fa-2x"></i> </div> <div class="orbit-element database"> <i class="fa fa-database fa-2x"></i> </div> <div class="orbit-element network"> <i class="fa fa-network-wired fa-2x"></i> </div> <div class="orbit-element people"> <i class="fa fa-users fa-2x"></i> </div> <div class="orbit-element server"> <i class="fa fa-server fa-2x"></i> </div> <div class="orbit-element laptop"> <i class="fa fa-laptop-code fa-2x"></i> </div> <div class="orbit-element web"> <i class="fa fa-globe fa-2x"></i> </div> </div> </div> </div> </div> </div> <svg preserveaspectratio="none" shape-rendering="auto" viewbox="0 24 150 28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="waves"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path> </defs> <g class="parallax"> <use fill="rgba(255,255,255,0.7" x="48" xlink:href="#gentle-wave" y="0"></use> <use fill="rgba(255,255,255,0.5)" x="48" xlink:href="#gentle-wave" y="3"></use> <use fill="rgba(255,255,255,0.3)" x="48" xlink:href="#gentle-wave" y="5"></use> <use fill="#fff" x="48" xlink:href="#gentle-wave" y="7"></use> </g> </svg> </div> <div class="quote-section inverted-quote-section"> <div class="container text-center"> <h2>Obtenez des résultats concrets et améliorez votre efficacité avec nos solutions numériques sur mesure : logiciels, web et mobiles</h2> </div> </div> <div class="container-fluid position-relative pb-5"> <div class="bg-primary position-absolute bottom-0 start-0 end-0 h-50 d-none d-xl-block"></div> <div class="container p-0"> <div class="row g-0"> <div class="col-xl mb-3 mb-xl-0"> <div class="card domain-card border-primary p-4 position-relative h-100 theme-windev"> <div class="card-header border-0"> <div class="domain-badge text-bg-primary theme-windev"> wd </div> <hr class="border-primary border-2 mb-0"> </div> <div class="card-body d-flex flex-column"> <h3 id="développement-logicielssimplifiez-votre-quotidien">Développement logiciels :<br>Simplifiez votre quotidien</h3> <p>Nous concevons des logiciels métier personnalisés, pensés pour vous et votre équipe.</p> <p>Plus besoin de jongler entre différents outils, nous pouvons tout centraliser.</p> <p>Notre équipe utilise <a href="/pages/quest-ce-que-windev">WinDev</a> pour créer des solutions performantes telles que des outils de gestion, des systèmes de pilotage ou encore des outils de planification.</p> </div> <div class="card-footer"> <a href="/développement-solutions-logiciels-sur-mesure-outil-metier" class="btn btn-primary btn-lg rounded-pill"> En savoir plus </a> </div> </div> </div><div class="col-xl mb-3 mb-xl-0"> <div class="card domain-card border-primary p-4 position-relative h-100 theme-web"> <div class="card-header border-0"> <div class="domain-badge text-bg-primary theme-web"> www </div> <hr class="border-primary border-2 mb-0"> </div> <div class="card-body d-flex flex-column"> <h3 id="développement-weboutils-sur-mesure-toutterrain">Développement web :<br>Outils sur mesure tout‑terrain</h3> <p>Que vous ayez besoin d’un site vitrine, d’un e‑commerce, d’un espace client, ou encore d’un outil interne sur mesure, nous vous accompagnons.</p> <p>Nos développeurs web maîtrisent les technologies <a href="/pages/symfony-ou-lart-de-rendre-simple-ce-qui-est-complique">Symfony</a>, <a href="/pages/vue-js-le-framework-javascript-progressif-qui-sadapte-a-tous-vos-besoins">Vue.js</a>, <a href="/pages/sylius-la-solution-e-commerce-hybride-et-sur-mesure">Sylius</a> pour créer des solutions web innovantes qui simplifient votre quotidien et dynamisent votre activité.</p> </div> <div class="card-footer"> <a href="/développement-solutions-web-sur-mesure-outil-metier" class="btn btn-primary btn-lg rounded-pill"> En savoir plus </a> </div> </div> </div><div class="col-xl mb-3 mb-xl-0"> <div class="card domain-card border-primary p-4 position-relative h-100 theme-mobile"> <div class="card-header border-0"> <div class="domain-badge text-bg-primary theme-mobile"> app </div> <hr class="border-primary border-2 mb-0"> </div> <div class="card-body d-flex flex-column"> <h3 id="applications-mobilesle-terrain-à-portée-de-main">Applications mobiles :<br>Le terrain à portée de main</h3> <p>Offrez à vos équipes sur le terrain une connexion en temps réel avec votre entreprise grâce à nos applications mobiles.</p> <p>Elles facilitent la communication et la gestion des interventions, et assurent une synchronisation parfaite avec votre système d’information.</p> <p>Développées avec <a href="/pages/triotech-adopte-flutter-pour-le-developpement-mobile">Flutter</a> ou WinDev Mobile, nos applications mobiles sont compatibles iOS et Android.</p> </div> <div class="card-footer"> <a href="/développement-applications-mobiles-sur-mesure-outil-metier" class="btn btn-primary btn-lg rounded-pill"> En savoir plus </a> </div> </div> </div> </div> </div> </div> <div class="container-fluid py-5"> <div class="container"> <div class="row"> <div class="col-lg"> <h2> Une équipe montpelliéraine à votre écoute ! </h2> <p> Triotech, c'est une équipe de quatorze collaborateurs dynamiques et passionnés aux profils variés : développeurs, designer UI/UX, intégrateurs et commerciaux. </p> <p> Notre environnement de travail favorise l'ouverture, la créativité et la cohésion pour garantir une performance optimale et des solutions innovantes. </p> <p> <a href="/agence-développement-sur-mesure-montpellier" class="btn btn-primary btn-lg rounded-pill mt-4"> Découvrir notre équipe </a> </p> </div> <div class="col-lg text-center text-lg-end"> <picture> <source srcset="/_assets/equipe-triotech-montpellier.CZIVjuWx_IchbQ.webp" type="image/webp"><source srcset="/_assets/equipe-triotech-montpellier.CZIVjuWx_2e4cuV.png" type="image/png"> <img src="/_assets/equipe-triotech-montpellier.CZIVjuWx_2e4cuV.png" alt="Triotech" loading="lazy" decoding="async" fetchpriority="auto" width="540" height="360" class="img-fluid rounded shadow"> </picture> </div> </div> </div> </div> <div class="container-fluid py-5 bg-extra-light-grey"> <div class="container"> <h2 class="text-center home-title mb-0 pb-2"> Des expertises pour créer votre outil métier sur mesure </h2> <h3 class="text-center text-muted mb-5 pt-0"> Simplifiez vos processus et maîtrisez la complexité grâce à nos expertises en développement logiciel, web et mobile </h3> <div class="container"> <div class="row"> <div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/design.BHDP3gpp_2afyIQ.svg" alt="Pictogramme expertise Design UI/UX" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Design UI/UX </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Création d'interfaces intuitives et optimisées pour une expérience utilisateur engageante et efficace </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/les-bases-du-design-ui-ux" class="btn btn-dark rounded-pill stretched-link"> En savoir plus </a> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/multi-supports.CAK-BUY4_2afyIQ.svg" alt="Pictogramme expertise Multi supports" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Multi supports </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Accessibilité de nos solutions sur divers appareils (mobiles, tablettes, ordinateurs) et compatibilité avec différents systèmes. </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/multi-supports-accessibilité" class="btn btn-dark rounded-pill stretched-link"> En savoir plus </a> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/api.BNOjrhQP_2afyIQ.svg" alt="Pictogramme expertise Intégration de web services et d'API REST" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Intégration de web services et d'API REST </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Synchronisation des différents systèmes et applications pour une synchronisation efficace de vos outils et de vos données </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/integration-api-web-services" class="btn btn-dark rounded-pill stretched-link"> En savoir plus </a> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/s%C3%A9curit%C3%A9.D-Vf4lLu_2afyIQ.svg" alt="Pictogramme expertise Sécurité" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Sécurité </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Anticiper la cybersécurité (NIS2) pour protéger efficacement les informations de l'agence et de nos clients. </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/sécurité" class="btn btn-dark rounded-pill stretched-link"> En savoir plus </a> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/%C3%A9volutivit%C3%A9.DRKujNKK_2afyIQ.svg" alt="Pictogramme expertise Évolutivité" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Évolutivité </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Notre approche sur mesure permet d'adapter et de faire progresser les solutions créées en fonction de vos besoins futurs </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/développement-sur-mesure-évolutif" class="btn btn-dark rounded-pill stretched-link"> En savoir plus </a> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/num%C3%A9rique-responsable.CeLn8i2C_2afyIQ.svg" alt="Pictogramme expertise Numérique responsable" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Numérique responsable </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Un engagement éthique et durable soutenu par une check-list de développement et une labellisation NR </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/numérique-responsable" class="btn btn-dark rounded-pill stretched-link"> En savoir plus </a> </div> </div> </div> </div> </div> </div> </div> <div class="offer-impulse-pack-container"> <div class="text-center"> <div class="title-button">Pack impulsion</div> <h2>Le Pack Impulsion vous aide à cadrer un premier besoin métier en 5 jours.</h2> <h3>Une maquette, des specs, un budget estimé. Sans engagement.</h3> <a href="/pack-impulsion-projet-digital-5-jours" class="btn btn-dark rounded-pill my-4 fs-3"> Découvrir l’offre </a> </div> </div> <div class="container-fluid py-5"> <div class="container text-center"> <h2 class="home-title"> Nos clients : BTP - Recherche - Innovation... </h2> <p class="h3 mb-0"> Nous accompagnons régulièrement des entreprises et organisations dans des secteurs variés tels que le BTP - construction, la recherche - innovation, le transport, l'industrie - machinerie ou encore le marché public. </p> <div class="my-5"> <div class="customers glide"> <div class="glide__track" data-glide-el="track"> <div class="glide__slides"> <div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/12dba251612e600bc8ba29677eef_12MulY.webp" alt="Ministère de la Défense" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/808de293c25da98f0ca3d63a668549ffead6cb75_1MwxIF.webp" alt="Verifone" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/3f80763ff7ef57d25fa7c56ce8cfc574cc070185_15k1Nx.webp" alt="Ville d'Agde" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/746b15c7e0541ce77f0bae9ddc7a1f6ffcf509cf_ZV3aBm.webp" alt="Remarkable" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/da32bafd776b3c57378149a8f3b4788f03428e09_ZIVWmU.webp" alt="Safenergy" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/9e68a5c679b8556727ac39aafb51b7107e4fc27a_ZoxsV6.webp" alt="IDVET" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/d21de1258543193274d33f8160298f1089010d95_1LjVu7.webp" alt="CerFrance" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/41e024ff4517fc1ef70a0f521c1a5a538234af02_Z2j5XHN.webp" alt="Test We" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/06c67f4209cca9202e3c4043255f51ecef518e71_Z149GkJ.webp" alt="Mane" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/8ad469bb1c0a425a956a8ec7fca54fff8f650edb_1WgLUy.webp" alt="GA" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/f225ad98398824dfe1e34c287facf1a066ec886f_1K1xEU.webp" alt="Hérault Aménagement" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/d3bff35ff676b42c839b633602091854c47908c9_MU6uv.webp" alt="Chevallier Bouteilles" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/7b3c987871f26ba5699ebbf3f36a432f03630224_1TKqqG.webp" alt="Transport Prunières" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/52f30dbdc12f073b0ed88fa0c9ef_ZoMR1p.webp" alt="U-TECH" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/e055802d4fc451c054dd82c5d7e1bedd13a9df7d_Zq5HjK.webp" alt="Euro Aptitudes PCIE" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/5a5beb06acee727ac184fd0cf57bdbb24f6ed4c4_HLf1q.webp" alt="COUGNAUD" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/b48298b3abfea9d0233bacbadfa3febf02414308_Z11hMWJ.webp" alt="Union Matériaux" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/d3266fcbc0224f890220e4158579eda9dd4113c2_ZEtRex.webp" alt="HIQ Consulting" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/1cc375219899fb9708c4f1449822_2sOtmS.webp" alt="Agro Selections Fruits" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/0fd5225607a7d41e1be8153e840cc3ae3479a42e_Z2qfEl3.webp" alt="LaboPractice" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/1a61ce93d9966459900aa2c0616f_1ozQgi.webp" alt="Pharmacie Polygone" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/8f344790e3d54182108b61923202_R7QP.webp" alt="Elisol" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/7ad27cce668266d0232a6ec9bc8b_Z1HUgX0.webp" alt="CMA - Constructions Métalliques" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/198a554b7ff7974a0928d14e89c3_1wX9EB.webp" alt="Moongy" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/a1a7343d37cf1d64fa6a0224a7f8_Z108rQW.webp" alt="innova peintures" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/43330334aaea0ae819e919c3f81a_2j74hs.webp" alt="Château de Flaugergues" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/52acd3a5fd8fe386df461a92f5d4_Z2txHze.webp" alt="Innovative Diagnostics" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/1ac57df94129600f26a459d46e41_KGDwb.webp" alt="EID Méditerranée" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/7f71b3d878cf59eda2274cbd8bde_2c8iji.webp" alt="Makla distribution France" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="/_assets/b133b576e83b8f9cd3a42e559d82_ElcI3.webp" alt="Kitvia" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></picture> </div> </div> </div> </div> </div> <div class="glide__arrows" data-glide-el="controls"> <button type="button" class="glide__arrow glide__arrow--left" data-glide-dir="<"> <i class="fa fa-circle-left fa-xl"></i> </button> <button type="button" class="glide__arrow glide__arrow--right" data-glide-dir=">"> <i class="fa fa-circle-right fa-xl"></i> </button> </div> </div> <script type="module" src="/_assets/ClientCarousel.astro_astro_type_script_index_0_lang.CtqpwYhK.js"></script> </div> <p class="mb-0"> <a href="/réalisations/1" class="btn btn-lg btn-primary rounded-pill"> Découvrez toutes nos réalisations </a> </p> </div> </div> <div class="container-fluid py-5 bg-extra-light-grey"> <div class="container text-center"> <h2 class="home-title"> Technologies et frameworks </h2> <p class="h3 mb-0"> Nous concevons des solutions personnalisées telles que des systèmes ERP et CRM, des outils de planning et de gestion de stock, des espaces clients dédiés ou encore des interfaces de contrôle machine. </p> <div class="row justify-content-center align-items-center m-5"> <div class="col-6 col-md-4 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/symfony-ou-lart-de-rendre-simple-ce-qui-est-complique" class="stretched-link text-dark"> <picture> <source srcset="/_assets/symfony.B713YSC__Z160KQn.webp" type="image/webp"><source srcset="/_assets/symfony.B713YSC__2fNUXi.png" type="image/png"> <img src="/_assets/symfony.B713YSC__2fNUXi.png" alt="Logo de Symfony" loading="lazy" decoding="async" fetchpriority="auto" width="375" height="375" class="img-fluid mb-2"> </picture> Symfony </a> </div> </div><div class="col-6 col-md-4 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/vue-js-le-framework-javascript-progressif-qui-sadapte-a-tous-vos-besoins" class="stretched-link text-dark"> <picture> <source srcset="/_assets/vuejs.BX4ubW4I_Z29pkph.webp" type="image/webp"><source srcset="/_assets/vuejs.BX4ubW4I_AjNch.png" type="image/png"> <img src="/_assets/vuejs.BX4ubW4I_AjNch.png" alt="Logo de Vue.js" loading="lazy" decoding="async" fetchpriority="auto" width="376" height="375" class="img-fluid mb-2"> </picture> Vue.js </a> </div> </div><div class="col-6 col-md-4 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/sylius-la-solution-e-commerce-hybride-et-sur-mesure" class="stretched-link text-dark"> <picture> <source srcset="/_assets/sylius.YZICxDKk_Z18EjHb.webp" type="image/webp"><source srcset="/_assets/sylius.YZICxDKk_Z2l6owM.png" type="image/png"> <img src="/_assets/sylius.YZICxDKk_Z2l6owM.png" alt="Logo de Sylius" loading="lazy" decoding="async" fetchpriority="auto" width="376" height="375" class="img-fluid mb-2"> </picture> Sylius </a> </div> </div><div class="col-6 col-md-4 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/triotech-adopte-flutter-pour-le-developpement-mobile" class="stretched-link text-dark"> <picture> <source srcset="/_assets/flutter.CkSvZ2E__ZwBsog.webp" type="image/webp"><source srcset="/_assets/flutter.CkSvZ2E__Z2fXTnw.png" type="image/png"> <img src="/_assets/flutter.CkSvZ2E__Z2fXTnw.png" alt="Logo de Flutter" loading="lazy" decoding="async" fetchpriority="auto" width="375" height="375" class="img-fluid mb-2"> </picture> Flutter </a> </div> </div><div class="col-6 col-md-4 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/quest-ce-que-windev" class="stretched-link text-dark"> <picture> <source srcset="/_assets/windev.DtVr4DoN_1ENtNc.webp" type="image/webp"><source srcset="/_assets/windev.DtVr4DoN_smoXA.png" type="image/png"> <img src="/_assets/windev.DtVr4DoN_smoXA.png" alt="Logo de Windev" loading="lazy" decoding="async" fetchpriority="auto" width="375" height="375" class="img-fluid mb-2"> </picture> Windev </a> </div> </div> </div> <p class="mb-0"> <a href="/pages/technologies-et-frameworks" class="btn btn-lg btn-primary rounded-pill"> Explorez nos technologies </a> </p> </div> </div> <div class="container-fluid py-5"> <div class="container text-center"> <h2 class="home-title mb-1"> Blog </h2> <p class="h3 mb-0"> Restez informés des dernières tendances numériques </p> <div id="tag-filters" class="d-flex flex-wrap justify-content-center m-4"> <a href="/actualités/cahier-des-charges/1#tag-filters" class="btn text-uppercase d-block m-1 border-dark btn-light"> Cahier des charges </a><a href="/actualités/design-ui-ux/1#tag-filters" class="btn text-uppercase d-block m-1 border-dark btn-light"> Design UI/UX </a><a href="/actualités/developpement/1#tag-filters" class="btn text-uppercase d-block m-1 border-dark btn-light"> Développement </a><a href="/actualités/numerique-responsable/1#tag-filters" class="btn text-uppercase d-block m-1 border-dark btn-light"> Numérique Responsable </a> </div> <div class="row"> <div class="col-md-6 col-lg-4 mb-4"> <div class="h-100 card card-scale-animation shadow"> <picture><source media="(min-width: 1200px)" srcset="/_assets/379543ec93eac3069662b4852c9c_Ze3x9c.webp" height="196" width="348"><source media="(min-width: 992px)" srcset="/_assets/379543ec93eac3069662b4852c9c_Z49UBG.webp" height="162" width="288"><source media="(min-width: 768px)" srcset="/_assets/379543ec93eac3069662b4852c9c_ZOFYwt.webp" height="185" width="328"><source media="(min-width: 576px)" srcset="/_assets/379543ec93eac3069662b4852c9c_20Gasp.webp" height="286" width="508"><source media="(min-width: 320px)" srcset="/_assets/379543ec93eac3069662b4852c9c_Z1VdUaF.webp" height="368" width="543"><img src="/_assets/379543ec93eac3069662b4852c9c_22y42G.webp" alt="Vélo en stationnement, rempli de fleurs, symbole de livraison urbaine douce et écoresponsable" infersize="false" loading="lazy" decoding="async" fetchpriority="auto" width="348" height="196" class="card-img-top h-auto"></picture> <div class="card-body"> <div class="card-body-layout"> <h2 class="card-title h3 py-0"> <a href="/actualités/collecte-planification-livraison-comment-digitaliser-votre-logistique-simplement" class="stretched-link text-dark"> Collecte, planification, livraison : comment digitaliser votre logistique simplement </a> </h2> <div class="card-text small text-muted d-none d-lg-block"> Optimisez votre logistique terrain avec une solution web sur mesure : collecte, planification de tournées, interface mobile pour chauffeurs. Simple et efficace. </div> <div class="mt-auto pt-2 text-primary small fw-bold align-self-end"> 09/06/2025 </div> </div> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="h-100 card card-scale-animation shadow"> <picture><source media="(min-width: 1200px)" srcset="/_assets/91f3276427bd2a44e075c14de351_Z1Nl2oh.webp" height="196" width="348"><source media="(min-width: 992px)" srcset="/_assets/91f3276427bd2a44e075c14de351_Z1DrpQL.webp" height="162" width="288"><source media="(min-width: 768px)" srcset="/_assets/91f3276427bd2a44e075c14de351_Z2oXtLy.webp" height="185" width="328"><source media="(min-width: 576px)" srcset="/_assets/91f3276427bd2a44e075c14de351_qoFdk.webp" height="286" width="508"><source media="(min-width: 320px)" srcset="/_assets/91f3276427bd2a44e075c14de351_1yFIob.webp" height="368" width="543"><img src="/_assets/91f3276427bd2a44e075c14de351_sgyMB.webp" alt="Logo officiel de Node.js, environnement d’exécution JavaScript côté serveur" infersize="false" loading="lazy" decoding="async" fetchpriority="auto" width="348" height="196" class="card-img-top h-auto"></picture> <div class="card-body"> <div class="card-body-layout"> <h2 class="card-title h3 py-0"> <a href="/actualités/node-js-outils-de-developpement" class="stretched-link text-dark"> Node.js : le moteur discret derrière nos outils de développement </a> </h2> <div class="card-text small text-muted d-none d-lg-block"> Node.js, bien que discret, est essentiel à la chaîne de développement. Il optimise la compilation et l’automatisation sans jamais alourdir la production. </div> <div class="mt-auto pt-2 text-primary small fw-bold align-self-end"> 02/06/2025 </div> </div> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="h-100 card card-scale-animation shadow"> <picture><source media="(min-width: 1200px)" srcset="/_assets/1046ebd24836c94ec9eddd9f9b84_Z1Cf4Cj.webp" height="196" width="348"><source media="(min-width: 992px)" srcset="/_assets/1046ebd24836c94ec9eddd9f9b84_Z1sls5N.webp" height="162" width="288"><source media="(min-width: 768px)" srcset="/_assets/1046ebd24836c94ec9eddd9f9b84_Z2dRw0A.webp" height="185" width="328"><source media="(min-width: 576px)" srcset="/_assets/1046ebd24836c94ec9eddd9f9b84_BuCYi.webp" height="286" width="508"><source media="(min-width: 320px)" srcset="/_assets/1046ebd24836c94ec9eddd9f9b84_1JLGa9.webp" height="368" width="543"><img src="/_assets/1046ebd24836c94ec9eddd9f9b84_Dmwyz.webp" alt="Atelier de co-conception - Design ui/ux" infersize="false" loading="lazy" decoding="async" fetchpriority="auto" width="348" height="196" class="card-img-top h-auto"></picture> <div class="card-body"> <div class="card-body-layout"> <h2 class="card-title h3 py-0"> <a href="/actualités/atelier-co-conception-intelligence-collective-design-ui-ux" class="stretched-link text-dark"> Atelier de co-conception : l'intelligence collective au service du design UI/UX chez Triotech </a> </h2> <div class="card-text small text-muted d-none d-lg-block"> Découvrez comment un atelier de co-conception en design UI-UX booste vos projets numériques grâce à l’intelligence collective. </div> <div class="mt-auto pt-2 text-primary small fw-bold align-self-end"> 19/05/2025 </div> </div> </div> </div> </div> </div> <p class="mb-0"> <a href="/actualités/1" class="btn btn-lg btn-primary rounded-pill"> Lisez les autres actualités </a> </p> </div> </div> <div class="ask-block-container"> <div class="grey-cover-container"> <div class="container content-container"> <h2 class="ask-block-title mx-3 mx-md-0"> Transformez vos défis de terrain en succès concrets. <br> Demandez l'avis d'un expert. </h2> <p class="pb-3 mx-3 mx-md-0"> Nous analysons précisément vos besoins de projets pour vous fournir rapidement des réponses claires et applicables à votre secteur d'activité. <br> La confidentialité de vos informations est assurée. </p> <div> <button type="button" class="m-2 btn btn-primary rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-b1bsa5b2gc"> Discutons de vos enjeux </button> <astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-b1bsa5b2gc" class="modal fade" tabindex="-1"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header"> <div class="h5 mb-0">Demande de mise en relation</div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form id="form-b1bsa5b2gc" method="post" action="https://backend.triotech.fr/api/public/contact/" data-dynamic-form="contact"> <div class="group-container"> <div class="mb-3"> Vous serez contacté par notre équipe </div> <div class="mb-3"> <label id="form-b1bsa5b2gc-field-name-label" for="form-b1bsa5b2gc-field-name" class="form-label d-none" aria-hidden="false"> Entrez votre nom * </label> <input id="form-b1bsa5b2gc-field-name" aria-labelledby="form-b1bsa5b2gc-field-name-label" name="contact[name]" placeholder="Entrez votre nom *" required autocomplete="name" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="name" data-field-id="form-b1bsa5b2gc-field-name"></div> </div> <div class="mb-3"> <label id="form-b1bsa5b2gc-field-email-label" for="form-b1bsa5b2gc-field-email" class="form-label d-none" aria-hidden="false"> Email *: </label> <input id="form-b1bsa5b2gc-field-email" aria-labelledby="form-b1bsa5b2gc-field-email-label" name="contact[email]" placeholder="Email *" required autocomplete="email" type="email" class="form-control"> <div class="invalid-feedback" data-form-path="email" data-field-id="form-b1bsa5b2gc-field-email"></div> </div> <div class="mb-3"> <label id="form-b1bsa5b2gc-field-phone-label" for="form-b1bsa5b2gc-field-phone" class="form-label d-none" aria-hidden="false"> Téléphone </label> <input id="form-b1bsa5b2gc-field-phone" aria-labelledby="form-b1bsa5b2gc-field-phone-label" name="contact[phone]" placeholder="Téléphone" autocomplete="phone" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="phone" data-field-id="form-b1bsa5b2gc-field-phone"></div> </div> <div class="mb-3"> <label aria-labelledby="form-b1bsa5b2gc-field-message-label" for="form-b1bsa5b2gc-field-message" class="form-label d-none" aria-hidden="false"> Message * </label> <textarea id="form-b1bsa5b2gc-field-message" aria-labelledby="form-b1bsa5b2gc-field-message-label" name="contact[message]" class="form-control" placeholder="Message *" required rows="4"></textarea> <div class="invalid-feedback" data-form-path="message" data-field-id="form-b1bsa5b2gc-field-message"></div> </div> <div class="mb-3"> <div>En ce qui concerne le traitement de vos données personnelles :</div> <div class="form-check"> <input id="form-b1bsa5b2gc-field-used_data" aria-labelledby="form-b1bsa5b2gc-field-used_data-label" name="contact[used_data]" value="true" autocomplete="used_data" type="checkbox" class="form-check-input"> <label id="form-b1bsa5b2gc-field-used_data-label" for="form-b1bsa5b2gc-field-used_data" class="form-check-label"> Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte. </label> </div> <div class="invalid-feedback" data-form-path="used_data" data-field-id="form-b1bsa5b2gc-field-used_data"></div> </div> </div> <div class="row"> <div class="col"> <altcha-widget challengeurl="https://backend.triotech.fr/api/public/altcha/challenge" hidefooter="true" hidelogo="true" id="form-b1bsa5b2gc-contact[altcha]_checkbox" name="contact[altcha]" strings="{"error":"Vérification échouée. Veuillez réessayer plus tard.","expired":"Vérification expirée. Veuillez réessayer.","label":"Je ne suis pas un robot","verified":"Vérifié","verifying":"Vérification…","waitAlert":"Vérification… Veuillez patienter."}"></altcha-widget> <div class="invalid-feedback d-block" data-form-path="altcha"></div> </div> <div class="col"> <a href="https://formulaire-projet.triotech.fr" target="_blank" class="btn btn-primary rounded-pill w-100 mt-1"> Remplir mon cahier des charges </a> </div> </div> </form> </div> <div class="modal-footer"> <button type="submit" form="form-b1bsa5b2gc" class="btn btn-primary mx-auto"> Envoyer </button> </div> </div> </div> </div> </astro-teleport> <a href="https://formulaire-projet.triotech.fr" target="_blank" class="m-2 btn btn-primary rounded-pill"> Démarrer votre cahier des charges </a> </div> </div> </div> </div> <footer class="footer-menu bg-extra-light-grey mb-n3 pt-0" role="presentation"> <div class="container px-4 px-md-0 py-3"> <div class="bottom-top-containers"> <a href="/" class="navbar-brand router-link-active"> <picture> <source srcset="/_assets/logo.C_A7nryT_1qiGJ4.webp" type="image/webp"><source srcset="/_assets/logo.C_A7nryT_2lxyad.png" type="image/png"> <img src="/_assets/logo.C_A7nryT_2lxyad.png" alt="Logo de Triotech" loading="lazy" decoding="async" fetchpriority="auto" width="225" height="60"> </picture> </a> </div> <div class="row py-3"> <div class="col-lg-4 mb-4"> <b class="fw-bold text-primary footer-title text-uppercase h5"> Contact </b> <address class="text-dark mt-3"> 69 impasse Mac Gaffey <br> 1er étage <br> 34070 Montpellier - France </address> <div class="p-0"> <a href="tel:+33467825693" class="text-dark nav-link p-0"> <span>+33(0)4 67 82 56 93</span> </a> <a href="mailto:contact@triotech.fr" class="text-dark nav-link p-0"> <span>contact@triotech.fr</span> </a> </div> </div> <div class="col-lg-4"> <b class="fw-bold text-primary footer-title text-uppercase h5"> Expertises </b> <ul class="list-unstyled footer-line-height mt-3"> <li> <a href="/expertises/integration-api-web-services"> Intégration de web services et d'API REST </a> </li><li> <a href="/expertises/les-bases-du-design-ui-ux"> Design UI/UX </a> </li><li> <a href="/expertises/multi-supports-accessibilité"> Multi supports </a> </li><li> <a href="/expertises/numérique-responsable"> Numérique responsable </a> </li><li> <a href="/expertises/sécurité"> Sécurité </a> </li><li> <a href="/expertises/développement-sur-mesure-évolutif"> Évolutivité </a> </li> </ul> </div> <div class="col-lg-3"> <b class="fw-bold text-primary footer-title text-uppercase h5"> A propos </b> <ul class="list-unstyled footer-line-height mt-3"> <li> <a href="/agence-développement-sur-mesure-montpellier"> L'agence </a> </li> <li> <a href="/actualités/1"> Le blog </a> </li> <li> <a href="/mentions-legales"> Mentions Légales </a> </li> <li> <a href="/contact"> Contactez‑nous </a> </li> <li> <a href="/politique-de-confidentialité"> Politique de confidentialité </a> </li> <li class="mt-4"> <a href="/assistance" class="btn btn-primary rounded-pill"> Assistance </a> </li> </ul> </div> <div class="col-12 col-lg-1"> <div class="d-flex justify-content-center card-scale-animation"> <a href="/actualités/pourquoi-faire-appel-au-credit-dimpot-innovation-cii-pour-vos-projets-numeriques-sur-mesure"> <picture> <source srcset="/_assets/cii_logo.BNxboLyE_tNjd0.webp" type="image/webp"><source srcset="/_assets/cii_logo.BNxboLyE_Z2cAWdM.png" type="image/png"> <img src="/_assets/cii_logo.BNxboLyE_Z2cAWdM.png" alt="Logo agrément CII" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="150" class="cii-logo"> </picture> </a> </div> </div> </div> <div class="row justify-content-lg-between align-items-center mb-5 mb-md-0"> <div class="col-8"> <p class="footer-copyright"> ©2025, Triotech. Tous droits réservés. </p> </div> <div class="col-1"> <div class="social-networks-container"> <div class="d-inline-block card-scale-animation"> <a href="https://www.linkedin.com/company/triotech-france" target="_blank" class="btn-social" rel="nofollow" aria-label="LinkedIn"> <i class="fab fa-linkedin"></i> </a> </div> </div> </div> </div> </div> </footer> <script type="module" src="/_assets/Layout.astro_astro_type_script_index_1_lang.CRF-9a0l.js"></script> </body></html>