Simplifier l'expérience utilisateur grâce à une application cross platform

Nom du client

Norham

Secteur

Industrie

Début de la collaboration

juin 2016

Activité

Concepteur et fournisseur de solutions innovantes pour l'eau

Découvrez comment NORHAM a révolutionné son approche digitale avec une application innovante.

Cette app web, desktop et mobile, permet aux utilisateurs de calculer et de sélectionner le raccordement optimal entre deux canalisations, tout en offrant une expérience utilisateur fluide et des fonctionnalités pratiques telles que la demande de devis intégrée.

NORHAM est une entreprise d’étude, de conception et de fabrication d'équipements spécifiques pour l’eau, l’assainissement et l’environnement.

6tematik avait déjà été sollicitée il y a 5 ans pour créer le site internet corporate de l'entreprise. Norham a étoffé sa présence digitale avec la création d’une application web et mobile qui permet de calculer le raccordement FLEX-SEAL PLUS® optimal entre deux canalisations.

Nous avons donc développé une application qui fonctionne sur desktop, tablette et mobile.

L'application est disponible sous Linux, Windows, macOS, Android et iOS

L’utilisateur saisit les caractéristiques des deux canalisations qu’il souhaite raccorder.
Un algorithme, créé sur-mesure, calcule alors la solution la plus adaptée et propose également des solutions alternatives.

Les solutions proposées s’affichent sous forme de panel et peuvent être ajoutées à une liste de favoris. Ces favoris s’affichent dans une page dédiée.
Le détail de chaque raccord est disponible et l’utilisateur peut directement demander un devis depuis l’application.

Les statistiques de recherche sont mis à disposition de l’équipe commerciale de Norham.

L'application cross platform est une PWA

L’application Norham est une Progressive Web App. Au niveau de l’utilisateur, elle est accessible :

via un navigateur comme un site web traditionnel
sur mobile ou tablette avec une application native
sur desktop avec une application de bureau avec le framework Electron

La même base de code est utilisée pour les versions web, mobile et desktop afin de limiter les coûts de développement et de TMA.

Frontoffice

Pour la partie frontoffice (partie accessible aux visiteurs) nous avons utilisé 2 bibliothèques javascript open source :

React pour la construction de l’interface utilisateur
Redux pour centraliser la gestion des données et des actions.

Backoffice

Pour la partie backoffice (partie accessible aux administrateurs) nous avons mis en place le CMS Headless “Cockpit” qui permet d’avoir une interface de gestion des contenus fluide et facile à prendre en mains.

Nous laissons la parole à nos clients

"Cela fait plus de 4 ans que nous travaillons avec 6tematik et... le résultat est toujours au rendez-vous ! L’objectif de notre application d’aide aux calculs de raccordement FLEX-SEAL Plus® était de proposer à tous les acteurs du domaine de l’eau un outil innovant, rapide et simple d’utilisation pour les aider à définir la solution optimale adaptée à leurs besoins de raccordement multimatériaux. Cet outil devait également pouvoir s'adapter à la réalité « terrain » des métiers de l’eau et de l’assainissement (manque de réseaux sur certains chantiers, version mobile permettant la recherche sur smartphones pour les personnes évoluant sur le terrain…). Tout au long du projet, nous avons pu échanger de manière fluide et efficace avec l’ensemble de l’équipe 6tematik. Tous ces membres sont restés dynamiques, sympathiques et réactifs du début à la fin du projet. Cela fait plus de 4 ans que nous travaillons avec 6tematik et les relations restent toujours aussi sympathiques et très « pros ». Plus important encore, le résultat est toujours au rendez-vous ! Dans le cas de l’application, le rendu final est fidèle à nos attentes. Nous pouvons dorénavant proposer un outil de calcul simple et innovant à nos clients, objectif atteint !"

Théo Fumat , Responsable Marketing-Communication, Norham