Créer un sites internet sur-mesure, rapide et sûr

Développer un logiciel métier pour votre entreprise

Lancer un site e-commerce fluide et intuitif

Mettre à disposition un membre de notre équipe pour renforcer votre projet

Créateur site internet

Principal

projet

Opérer la refonte de l&#8217;application web Genomax permettant la réalisation de projets de séquençage en génomique. Tout en conservant les fonctionnalités existantes, il s&#8217;agissait de rendre l&#8217;application plus facile d&#8217;accès et d&#8217;ajouter des fonctionnalités de productivité.

L&#8217;application web que nous avons développée reprend le modèle de données existant accompagné de quelques optimisations. Nous avons <a href="https://www.agencedebord.com/blog/api-definition-utilisation">développer une API</a> pour faciliter l&#8217;interfaçage avec le frontend. L&#8217;outil permet désormais de mener des opérations en masse afin de faire gagner du temps aux scientifiques utilisant l&#8217;outil.

L&#8217;application avait été initialement développée avec le <a href="https://www.agencedebord.com/agence-django">framework python Django</a>. Tout en conservant, cette base, nous avons utilisé la librairie <a href="https://www.django-rest-framework.org/">DRF</a> afin de concevoir l&#8217;API.
Pour le frontend, nous sommes partis d&#8217;une feuille blanche. Après un travail d&#8217;UI/UX, nous avons intégré l&#8217;interface avec <a href="https://www.agencedebord.com/agence-react">ReactJS</a> et la librairie <a href="https://mui.com/">MUI</a>.

L&#8217;application permet d&#8217;organiser les séquençages, en projet ou sous-projet, de les dupliquer ou de les éditer en masse.

Django

React

Solution SaaS

Genomax

Concevoir un site permettant à un utilisateur de monitorer sa dépense d&#8217;énergie et de simuler la future production de projets solaires photovoltaïques. Cela devait s&#8217;effectuer grâce à des simulations de consommation pour pouvoir gérer au mieux sa consommation et production.

Pour cela, nous avons conçu une application en SaaS permettant au client de retrouver et de créer ses différents sites afin de retrouver leur consommation d&#8217;énergie. Ainsi que d&#8217;un module de simulation permettant d&#8217;indiquer de nombreuses variables de son afin d&#8217;effectuer une simulation de sa consommation rapidement.

Afin de créer facilement une API Rest ainsi que des simulations adaptées, <a href="https://www.agencedebord.com/agence-django">Django</a> a été choisi comme backend. De plus, pour un frontend intuitif et réactif, nous avons mis en place <a href="https://www.agencedebord.com/agence-react">React</a>. Nous avons également mis en place une passerelle vers l&#8217;API d&#8217;Enedis.

L&#8217;application permet d&#8217;optimiser son contrat de fourniture d&#8217;énergie en s&#8217;adaptant aux données des compteurs intelligents.

<h2>Nous avons élaboré l&#8217;identité graphique de la solution et afin de faciliter la compréhension de cet environnement technique, nous avons conçu un ensemble pictographique</h2>
<img loading="lazy" decoding="async" class="aligncenter wp-image-8630 size-full" src="https://api.agencedebord.com/wp-content/uploads/2023/08/solene_pictos.png" alt="" width="2400" height="900" srcset="https://api.agencedebord.com/wp-content/uploads/2023/08/solene_pictos.png 2400w, https://api.agencedebord.com/wp-content/uploads/2023/08/solene_pictos-300x113.png 300w, https://api.agencedebord.com/wp-content/uploads/2023/08/solene_pictos-1024x384.png 1024w, https://api.agencedebord.com/wp-content/uploads/2023/08/solene_pictos-768x288.png 768w, https://api.agencedebord.com/wp-content/uploads/2023/08/solene_pictos-1536x576.png 1536w, https://api.agencedebord.com/wp-content/uploads/2023/08/solene_pictos-2048x768.png 2048w" sizes="(max-width: 2400px) 100vw, 2400px" />

Solene

CBS souhaitait se doter d&#8217;une <a href="https://www.agencedebord.com/creation-logiciel-sur-mesure">application web</a> afin d&#8217;offrir à leurs clients de nouveaux services et innover dans leur relation clientèle. L&#8217;application devait permettre à une entreprise cliente de monitorer son parc de machines et leur bonne mise en conformité.

Grâce à un compte sécurisé, chaque client de CBS peut consulter sa listes de machines en cours de maintenance et savoir quand une machine doit faire l&#8217;objet d&#8217;un contrôle technique. Une fois ce contrôle effectué, l&#8217;entreprise retrouve notamment sur son espace l&#8217;ensemble des certificats de conformité.

Dans le cadre de ce projet, nous avons utilisé le <a href="https://www.agencedebord.com/agence-django">framework python Django</a> ainsi que la librairie <a href="https://www.agencedebord.com/agence-react">javascript React</a> pour le frontend. Cela permet d&#8217;avoir une expérience utilisateur parfaitement fluide où les chargements de données se font oublier.

Les objectifs de cette application métier

La génération de certificat par l&#8217;équipe de CBS se fait en quelques clics évitant les doubles saisies et risques d&#8217;erreur.

Application métier

Dans une optique de changement d&#8217;identité, Unissey avait besoin d&#8217;un nouveau site afin de porter son nouveau nom et d&#8217;une nouvelle charte. 
Ce nouveau site devait également présenter de façon claire une technologie novatrice.

Le nouveau site présente la solution technologique d&#8217;Unissey et surtout la met en situation. On retrouve dans le site les secteurs auxquels s&#8217;adresse cette technologie ou encore des cas d&#8217;utilisations concrets. 
Afin de toucher des publics à l&#8217;international, le site est également disponible en anglais.

Le  site a été conçu avec le CMS WordPress. Ce choix était une évidence afin de faciliter le travail quotidien de l&#8217;équipe marketing et communication. 
Afin d&#8217;apporter des outils à la création éditoriale, nous avons mis en place une bibliothèque de blocs Gutenberg, conçus sur-mesure. 
Pour le multilingue nous avons utilisé WPML.

Les objectifs de ce nouveau site

<h2>Un univers pictographique conçu sur-mesure 
autour du thème de l&#8217;authentification par biométrie faciale</h2>
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-7856" src="https://api.agencedebord.com/wp-content/uploads/2021/12/unissey_5webp.webp" alt="créations de picto" width="2358" height="1452" srcset="https://api.agencedebord.com/wp-content/uploads/2021/12/unissey_5webp.webp 2358w, https://api.agencedebord.com/wp-content/uploads/2021/12/unissey_5webp-300x185.webp 300w, https://api.agencedebord.com/wp-content/uploads/2021/12/unissey_5webp-1024x631.webp 1024w, https://api.agencedebord.com/wp-content/uploads/2021/12/unissey_5webp-768x473.webp 768w, https://api.agencedebord.com/wp-content/uploads/2021/12/unissey_5webp-1536x946.webp 1536w, https://api.agencedebord.com/wp-content/uploads/2021/12/unissey_5webp-2048x1261.webp 2048w" sizes="(max-width: 2358px) 100vw, 2358px" />

Site internet

WordPress

Unissey

Ubiqus souhaitait renouveler son identité graphique et créer un nouveau site internet afin d&#8217;être en accord avec son positionnement et son offre. Ubiqus étant présent dans 9 pays, le nouveau site internet devait également être un outil commercial à l&#8217;international.

La nouvelle charte graphique propose un logo plus simple que l&#8217;ancien et plus lisible. Néanmoins elle conserve certains marqueurs telle que la couleur rouge et les accolades. Tout un ensemble iconographique a été conçu afin de servir le propos du site mais aussi les autres publications marketing. 
Le site multilingue intègre cette nouvelle identité en la déclinant en 7 langues.

Le multilingue était le point critique de projet. Le site contenait de nombreux contenus, devait être accessible en 7 langues et permettre la collaboration des membres de l&#8217;équipe Ubiqus, situés dans 9 pays. Nous avons donc choisi WordPress accompagné du plugin multilingue WPML. <a href="https://wpml.org/contractors/agence-debord/">L&#8217;agence Debord est référencée parmi les experts WPML</a>.

<h2>Un nouveau logo et une charte graphique 
ont été conçus pour ce nouveau site</h2>
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-7730" src="https://api.agencedebord.com/wp-content/uploads/2021/11/ubiqus_5.webp" alt="" width="2358" height="2620" srcset="https://api.agencedebord.com/wp-content/uploads/2021/11/ubiqus_5.webp 2358w, https://api.agencedebord.com/wp-content/uploads/2021/11/ubiqus_5-270x300.webp 270w, https://api.agencedebord.com/wp-content/uploads/2021/11/ubiqus_5-922x1024.webp 922w, https://api.agencedebord.com/wp-content/uploads/2021/11/ubiqus_5-768x853.webp 768w, https://api.agencedebord.com/wp-content/uploads/2021/11/ubiqus_5-1382x1536.webp 1382w, https://api.agencedebord.com/wp-content/uploads/2021/11/ubiqus_5-1843x2048.webp 1843w" sizes="(max-width: 2358px) 100vw, 2358px" />

Identité Graphique

Ubiqus

L&#8217;Atelier des Fluides souhaitait refondre son site afin qu&#8217;il soit en accord avec l&#8217;évolution de son positionnement. Il s&#8217;agissait notamment de présenter l&#8217;éventail des services proposés par l&#8217;entreprise, les nouveaux projets menés par l&#8217;Atelier ou encore de diffuser les actualités de l&#8217;entreprise.

Nous avons développé un site internet mettant en avant les compétences et les projets de l&#8217;entreprise. Afin de valoriser ces compétences très techniques, nous avons conçu un ensemble iconographique afin de le rendre accessible et clair. Quant aux projets, nous les avons valorisé en les mettant au coeur du site, notamment en utilisant les photos fournies par l&#8217;Atelier.

Le site internet a été développé avec le CMS WordPress. Un thème sur-mesure a été conçu avec Timber. Enfin pour une approche mobile-first et efficace en matière d&#8217;intégration nous avons utilisé TailwindCSS.

Les objectifs de cette refonte

<h2>Une charte web et des pictogrammes conçus sur-mesure</h2>
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-7724" src="https://api.agencedebord.com/wp-content/uploads/2021/11/adf_5.webp" alt="charte graphique" width="2358" height="1722" srcset="https://api.agencedebord.com/wp-content/uploads/2021/11/adf_5.webp 2358w, https://api.agencedebord.com/wp-content/uploads/2021/11/adf_5-300x219.webp 300w, https://api.agencedebord.com/wp-content/uploads/2021/11/adf_5-1024x748.webp 1024w, https://api.agencedebord.com/wp-content/uploads/2021/11/adf_5-768x561.webp 768w, https://api.agencedebord.com/wp-content/uploads/2021/11/adf_5-1536x1122.webp 1536w, https://api.agencedebord.com/wp-content/uploads/2021/11/adf_5-2048x1496.webp 2048w" sizes="(max-width: 2358px) 100vw, 2358px" />

Atelier des Fluides

L&#8217;Association Française des Professionnels de la Géothermie (AFPG) souhaitait fédérer leurs membres et leurs échanges autour d&#8217;une plateforme unique. Cette plateforme devait être l&#8217;outil unique des membres, qui utilisaient alors de multiples outils (Dropbox, Drive, etc.).

Nous avons développé une application web, exclusivement accessible pour les membres de l&#8217;AFPG. Chaque membre peut y déposer ses documents, les organiser, créer des espaces de travail, etc. Des notifications avertissent les membres de l&#8217;activité de leur groupe de travail afin de permettre une grande fluidité dans les échanges.

Le backend a été développé avec <a href="https://www.agencedebord.com/agence-django">le framework python Django</a>. Pour le frontend, nous avons utilisé <a href="https://www.agencedebord.com/agence-react">React</a>. Enfin pour le stockage, nous avons opté pour la solution S3 d&#8217;Amazon permettant un stockage scalable et performant.

Les objectifs de cet extranet

<h2>La direction artistique</h2>
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-7711" src="https://api.agencedebord.com/wp-content/uploads/2021/11/afpg_4.webp" alt="" width="2358" height="716" srcset="https://api.agencedebord.com/wp-content/uploads/2021/11/afpg_4.webp 2358w, https://api.agencedebord.com/wp-content/uploads/2021/11/afpg_4-300x91.webp 300w, https://api.agencedebord.com/wp-content/uploads/2021/11/afpg_4-1024x311.webp 1024w, https://api.agencedebord.com/wp-content/uploads/2021/11/afpg_4-768x233.webp 768w, https://api.agencedebord.com/wp-content/uploads/2021/11/afpg_4-1536x466.webp 1536w, https://api.agencedebord.com/wp-content/uploads/2021/11/afpg_4-2048x622.webp 2048w" sizes="(max-width: 2358px) 100vw, 2358px" />

Extranet

AFPG

L&#8217;objectif de cette application était de proposer un simulation de financement immobilier en seulement deux minutes. Le tout avec une précision et une simplicité permettant de faciliter le montage d&#8217;un financement.

Pour cela, nous avons conçu une application en SaaS permettant d&#8217;indiquer de nombreuses variables (revenues, situation personnelle, bien immobilier ciblé&#8230;) afin que l&#8217;utilisateur puisse avoir une vision rapide sur la faisabilité de son projet immobilier

Afin de proposer un backend évolutif et stable, nous avons utilisé <a href="https://www.agencedebord.com/agence-django">Django</a>. Pour le frontend afin d&#8217;avoir une expérience réactive, nous avons utilisé Vue.

Les objectifs de cette application web

L&#8217;outil de simulation permet d&#8217;obtenir une attestation financière facilitant les démarches auprès de la banque. L&#8217;utilisateur peut retrouver toutes ses simulations au sein de l&#8217;application.

L&#8217;application web propose une expérience optimale sur mobile. Cela permet à l&#8217;utilisateur d&#8217;obtenir sa simulation de financement simplement, directement depuis son smartphone, à la sortie de la visite du bien.
&nbsp;
<h2>La direction artistique</h2>
&nbsp;
&nbsp;
<img loading="lazy" decoding="async" class="size-full wp-image-7704 aligncenter" src="https://api.agencedebord.com/wp-content/uploads/2021/09/credit_advisor_05.webp" alt="direction artistique" width="2358" height="1272" srcset="https://api.agencedebord.com/wp-content/uploads/2021/09/credit_advisor_05.webp 2358w, https://api.agencedebord.com/wp-content/uploads/2021/09/credit_advisor_05-300x162.webp 300w, https://api.agencedebord.com/wp-content/uploads/2021/09/credit_advisor_05-1024x552.webp 1024w, https://api.agencedebord.com/wp-content/uploads/2021/09/credit_advisor_05-768x414.webp 768w, https://api.agencedebord.com/wp-content/uploads/2021/09/credit_advisor_05-1536x829.webp 1536w, https://api.agencedebord.com/wp-content/uploads/2021/09/credit_advisor_05-2048x1105.webp 2048w" sizes="(max-width: 2358px) 100vw, 2358px" />

Credit Advisor

Le Monde de la Propreté est le réseau qui soutient et accompagne les entreprises de propreté. Dans ce cadre, le Monde la Propreté souhaitait proposer un outil ludique et didactique afin d&#8217;accompagner les acheteurs de propreté dans l&#8217;élaboration de leur cahier des charges.

L&#8217;élaboration de l&#8217;outil a véritablement été collégiale et menée de concert avec le Monde de la Propreté. Nous avons proposé un parcours séquencé en plusieurs étapes pour que l&#8217;acheteur soit accompagné dans l&#8217;élaboration de son besoin et sa formulation. Nous avons également mené des ateliers avec un panel d&#8217;utilisateurs afin de tester l&#8217;outil et son adoption en amont.

Cette application utilise <a href="https://www.agencedebord.com/agence-django">Django</a> pour le back-end. Pour le frontend, nous avons utilisé <a href="https://www.agencedebord.com/agence-react">React</a> accompagné de la librairie Redux Toolkit afin de pouvoir gérer les flux de données lors du parcours utilisateur.

Un outil à destination des professionnels de la propreté

L&#8217;expérience mobile propose un parcours tout aussi simple que la version desktop tout en offrant un contenu tout aussi riche. Le site a été développé en mobile first.

<h2>Un logo et une charte graphique ont également été conçus</h2>
&nbsp;
<a href="https://api.agencedebord.com/wp-content/uploads/2021/09/ap_identite.webp"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-8066" src="https://api.agencedebord.com/wp-content/uploads/2021/09/ap_identite.webp" alt="achat propreté" width="1179" height="1310" srcset="https://api.agencedebord.com/wp-content/uploads/2021/09/ap_identite.webp 1179w, https://api.agencedebord.com/wp-content/uploads/2021/09/ap_identite-270x300.webp 270w, https://api.agencedebord.com/wp-content/uploads/2021/09/ap_identite-922x1024.webp 922w, https://api.agencedebord.com/wp-content/uploads/2021/09/ap_identite-768x853.webp 768w" sizes="(max-width: 1179px) 100vw, 1179px" /></a>

🎉 Nos dernières réalisations

Genomax, Réaliser des projets de séquençage en génomique.

Solene, Donner les outils pour maitriser sa consommation d'énergie.

CBS, Concevoir l'application métier de référence dans le désamiantage.

Unissey, proposer un site clair et attractif pour une startup innovante

Ubiqus, concevoir un site internet multilingue pour un leader international de la traduction

Atelier des Fluides, un site web pour accompagner le développement d'une entreprise et valoriser ses expertises

AFPG, un extranet pour centraliser l'ensemble des informations et ressources documentaires

Credit Advisor, proposer la simulation d'emprunt immobilier la plus précise du marché

Achat & Propreté, proposer le guide de référence à destination des acheteurs de propreté

Poursuivez la visite...

Découvrez nos projets,

Découvrez l’agence,