<!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 - Expertises Triotech : Développement logiciel, web et mobile sur mesure</title><meta property="og:title" content="Expertises Triotech : Développement logiciel, web et mobile sur mesure"><link rel="canonical" href="https://www.triotech.fr/expertises"><meta property="og:url" content="https://www.triotech.fr/expertises"><meta name="description" content="Découvrez les expertises Triotech en développement logiciel, web et mobile. Des solutions sur mesure pour optimiser vos processus métier avec des technologies performantes comme Symfony, Flutter et WinDev."> <meta property="og:description" content="Découvrez les expertises Triotech en développement logiciel, web et mobile. Des solutions sur mesure pour optimiser vos processus métier avec des technologies performantes comme Symfony, Flutter et WinDev."><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 router-link-exact-active"> 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-2bs9xqijz3"> J'ai un projet </button> <astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-2bs9xqijz3" 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-2bs9xqijz3" 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-2bs9xqijz3-field-name-label" for="form-2bs9xqijz3-field-name" class="form-label d-none" aria-hidden="false"> Entrez votre nom * </label> <input id="form-2bs9xqijz3-field-name" aria-labelledby="form-2bs9xqijz3-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-2bs9xqijz3-field-name"></div> </div> <div class="mb-3"> <label id="form-2bs9xqijz3-field-email-label" for="form-2bs9xqijz3-field-email" class="form-label d-none" aria-hidden="false"> Email *: </label> <input id="form-2bs9xqijz3-field-email" aria-labelledby="form-2bs9xqijz3-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-2bs9xqijz3-field-email"></div> </div> <div class="mb-3"> <label id="form-2bs9xqijz3-field-phone-label" for="form-2bs9xqijz3-field-phone" class="form-label d-none" aria-hidden="false"> Téléphone </label> <input id="form-2bs9xqijz3-field-phone" aria-labelledby="form-2bs9xqijz3-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-2bs9xqijz3-field-phone"></div> </div> <div class="mb-3"> <label aria-labelledby="form-2bs9xqijz3-field-message-label" for="form-2bs9xqijz3-field-message" class="form-label d-none" aria-hidden="false"> Message * </label> <textarea id="form-2bs9xqijz3-field-message" aria-labelledby="form-2bs9xqijz3-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-2bs9xqijz3-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-2bs9xqijz3-field-used_data" aria-labelledby="form-2bs9xqijz3-field-used_data-label" name="contact[used_data]" value="true" autocomplete="used_data" type="checkbox" class="form-check-input"> <label id="form-2bs9xqijz3-field-used_data-label" for="form-2bs9xqijz3-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-2bs9xqijz3-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-2bs9xqijz3-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-2bs9xqijz3" 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 router-link-exact-active"> 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-p5i6x5q41t"> J'ai un projet </button> <astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-p5i6x5q41t" 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-p5i6x5q41t" 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-p5i6x5q41t-field-name-label" for="form-p5i6x5q41t-field-name" class="form-label d-none" aria-hidden="false"> Entrez votre nom * </label> <input id="form-p5i6x5q41t-field-name" aria-labelledby="form-p5i6x5q41t-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-p5i6x5q41t-field-name"></div> </div> <div class="mb-3"> <label id="form-p5i6x5q41t-field-email-label" for="form-p5i6x5q41t-field-email" class="form-label d-none" aria-hidden="false"> Email *: </label> <input id="form-p5i6x5q41t-field-email" aria-labelledby="form-p5i6x5q41t-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-p5i6x5q41t-field-email"></div> </div> <div class="mb-3"> <label id="form-p5i6x5q41t-field-phone-label" for="form-p5i6x5q41t-field-phone" class="form-label d-none" aria-hidden="false"> Téléphone </label> <input id="form-p5i6x5q41t-field-phone" aria-labelledby="form-p5i6x5q41t-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-p5i6x5q41t-field-phone"></div> </div> <div class="mb-3"> <label aria-labelledby="form-p5i6x5q41t-field-message-label" for="form-p5i6x5q41t-field-message" class="form-label d-none" aria-hidden="false"> Message * </label> <textarea id="form-p5i6x5q41t-field-message" aria-labelledby="form-p5i6x5q41t-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-p5i6x5q41t-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-p5i6x5q41t-field-used_data" aria-labelledby="form-p5i6x5q41t-field-used_data-label" name="contact[used_data]" value="true" autocomplete="used_data" type="checkbox" class="form-check-input"> <label id="form-p5i6x5q41t-field-used_data-label" for="form-p5i6x5q41t-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-p5i6x5q41t-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-p5i6x5q41t-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-p5i6x5q41t" 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> <article><div class="header-image" style="background-image: url('/_assets/expertise.Dy6URWvw.webp')"></div><div class="container"> <h1 class="text-center"> Nos expertises en développement logiciels, web et mobiles </h1> </div><div class="quote-section"> <div class="container"> <p class="h2 text-center mb-0"> Notre équipe vous accompagne à chaque étape pour créer votre outil métier sur mesure </p> </div> </div><div class="mt-5"><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><div class="container-fluid py-5"><div class="container"><div class="row"><div class="col-lg"><div class="card"><picture> <source srcset="/_assets/developer.DX0fyBHI_Z55QWw.webp" type="image/webp"><source srcset="/_assets/developer.DX0fyBHI_Z2gJTsX.png" type="image/png"> <img src="/_assets/developer.DX0fyBHI_Z2gJTsX.png" alt="Développeur travaillant sur du code : Expertise technique de Triotech pour des solutions web, logicielles et mobiles performantes." loading="eager" decoding="async" fetchpriority="auto" width="540" height="360" class="card-img shadow"> </picture></div></div><div class="col-lg"><h2 id="développement-sur-mesure-avec-un-suivi-et-un-accompagnement-continu">Développement sur mesure avec un suivi et un accompagnement continu</h2><p>Triotech déploie son expertise <a href="/d%C3%A9veloppement-solutions-web-sur-mesure-outil-metier">web</a>, <a href="/d%C3%A9veloppement-solutions-logiciels-sur-mesure-outil-metier">logicielle</a> et <a href="/d%C3%A9veloppement-applications-mobiles-sur-mesure-outil-metier">mobile</a> pour des entreprises et organisations dans des secteurs variés tels que le BTP - construction, la recherche - innovation, le transport, l’industrie - machinerie ou encore les marchés publics.</p><p>Nos deux équipes dédiées de développeurs (logiciel et web), encadrées par les chefs de projet, garantissent le succès et la pérennité de vos outils métier, avec un taux de 95% de nos projets ayant une très longue durée de vie, soutenus par nos contrats de maintenance et <a href="/pages/contrat-de-services-clairs-et-efficaces-pour-le-developpement-de-votre-outil-metier">contrats de services</a>.</p></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" id="des-expertises-pour-créer-votre-outil-métier-sur-mesure">Des expertises pour créer votre outil métier sur mesure </h2><h3 class="text-center text-muted mb-5 pt-0" id="simplifiez-vos-processus-et-maîtrisez-la-complexité-grâce-à-nos-expertises-en-développement-logiciel-web-et-mobile">Simplifiez vos processus et maîtrisez la complexité grâce à nos expertises en développement logiciel, web et mobile </h3></div><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 class="container-fluid py-5"><div class="container"><div class="row flex-row-reverse"><div class="col-lg text-lg-end"><picture> <source srcset="/_assets/teamwork.DcTLmDPz_20gH1C.webp" type="image/webp"><source srcset="/_assets/teamwork.DcTLmDPz_ZG8ypa.png" type="image/png"> <img src="/_assets/teamwork.DcTLmDPz_ZG8ypa.png" alt="Développeur travaillant sur du code : Expertise technique de Triotech pour des solutions web, logicielles et mobiles performantes." loading="lazy" decoding="async" fetchpriority="auto" width="540" height="360" class="img-fluid rounded shadow"> </picture></div><div class="col-lg"><h2 id="experts-en-conduite-de-projets-depuis-2005">Experts en conduite de projets depuis 2005</h2><p>Triotech <a href="/expertises/d%C3%A9veloppement-sur-mesure-%C3%A9volutif">accompagne les professionnels dans leur transformation digitale</a>. Notre méthodologie éprouvée garantit une visibilité maximale à chaque étape de votre projet et assure un résultat fiable.</p><p>Pour un suivi transparent et efficace, nous mettons à votre disposition un outil en ligne de gestion de projet, vous permettant de suivre l'avancement, de soumettre des demandes d'évolution et de signaler d'éventuelles imperfections. Cet outil offre également à nos équipes un cadre optimisé pour l'efficacité, la réactivité et la planification.</p><p>Notre secret ? Une écoute attentive de vos besoins, guidée par le <a href="/pages/avec-le-numerique-sur-mesure-triotech-veut-simplifier-tous-les-metiers/">bon sens</a>, l’application rigoureuse de méthodologies de gestion de projet.</p></div></div><p class="text-center d-none d-lg-block"><img src="/_assets/methodologie-triotech.zdBvmSpx_OLY3b.webp" alt="Illustration de la méthodologie de Triotech" loading="lazy" decoding="async" fetchpriority="auto" width="1140" height="129" class="img-fluid"></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-7gbja948pj"> Discutons de vos enjeux </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-7gbja948pj" 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-7gbja948pj" 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-7gbja948pj-field-name-label" for="form-7gbja948pj-field-name" class="form-label d-none" aria-hidden="false"> Entrez votre nom * </label> <input id="form-7gbja948pj-field-name" aria-labelledby="form-7gbja948pj-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-7gbja948pj-field-name"></div> </div> <div class="mb-3"> <label id="form-7gbja948pj-field-email-label" for="form-7gbja948pj-field-email" class="form-label d-none" aria-hidden="false"> Email *: </label> <input id="form-7gbja948pj-field-email" aria-labelledby="form-7gbja948pj-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-7gbja948pj-field-email"></div> </div> <div class="mb-3"> <label id="form-7gbja948pj-field-phone-label" for="form-7gbja948pj-field-phone" class="form-label d-none" aria-hidden="false"> Téléphone </label> <input id="form-7gbja948pj-field-phone" aria-labelledby="form-7gbja948pj-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-7gbja948pj-field-phone"></div> </div> <div class="mb-3"> <label aria-labelledby="form-7gbja948pj-field-message-label" for="form-7gbja948pj-field-message" class="form-label d-none" aria-hidden="false"> Message * </label> <textarea id="form-7gbja948pj-field-message" aria-labelledby="form-7gbja948pj-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-7gbja948pj-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-7gbja948pj-field-used_data" aria-labelledby="form-7gbja948pj-field-used_data-label" name="contact[used_data]" value="true" autocomplete="used_data" type="checkbox" class="form-check-input"> <label id="form-7gbja948pj-field-used_data-label" for="form-7gbja948pj-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-7gbja948pj-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-7gbja948pj-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-7gbja948pj" 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></article> <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>