Site web du groupe TQS

Plan de contenu, architecture / ergonomie navigation (UX) et design d'interface (UI) pour la société TQS, spécialisée dans le tri et contrôle automatique par vision industrielle.

Le groupe TQS (Tri Qualité Service) fondé en 2004, dont le siège est situé dans la Vallée de l'Arve mais également implanté à Besançon, en Suisse et en Italie, fait confiance à Pepper studio depuis de nombreuses années, puisque nous avions déjà réalisé son identité visuelle, ses outils de communication ainsi que son précédent site internet.

TQS est un groupe spécialisé dans le tri et le contrôle automatique de pièces par vision industrielle. Grâce à un haut niveau de technologie et des machines sur-mesure développées et fabriquées en interne, TQS vérifie à l'aide de différents procédés optiques (caméras HD), la conformité et la validité de chaque pièce fabriquée en série (pièces métalliques ou synthétiques) afin que celle-ci réponde à 100% au cahier des charges de ses clients et parte sur les chaines de montage avec la garantie “zéro défaut”.
Une activité de niche et de haute expertise technologique, ultra spécialisée et mal connue du grand public, d'où l'importance de décomplexifier la communication, la description du métier et l'argumentation commerciale. Pepper studio a de nouveau accompagné TQS pour mettre sur pied un nouveau site web répondant à l'évolution de son positionnement stratégique et de nouveaux objectifs commerciaux.

La stratégie marketing pour laquelle ce nouveau site internet est conçu, vise 4 objectifs :
Tout d'abord, présenter de façon compréhensible et claire un process technologique unique développé par TQS, qui lui permet de certifier un résultat garantie “zéro défaut”.
En second, présenter la prestation de contrôle et de tri automatisés ansi que la performance des services.
En trois, proposer à la vente les machines spéciales utilisées mais surtout développées et fabriquées en interne à travers un catalogue commercial.
Et enfin, inciter les prospects potentiels à intégrer le Groupe TQS à travers un programme de franchise de la marque.

La solution proposée ? Une page d'accueil dynamique qui présente à l'aide de plusieurs vidéos interactives l'environnement et le fonctionnement du groupe TQS, ainsi que les fondamentaux de sa méthodologie permettant de garantir une qualité de contrôle Zéro défaut. Mais le process étant complexe et pointu, la vidéo classique n’était pas adaptée pour le retranscrire de manière claire et synthétique. C’est pourquoi le choix s’est porté sur de l'animation 3D, beaucoup plus didactique, interactive et attractive visuellement.
La création d'une première esquisse 2D sous Illustrator nous a permis dans un premier temps, de valider le traitement de l'illustration conçue en perspective iso-cavalière très “web style”, confiée ensuite à Bloon studio qui a modélisé puis texturé en 3D “l'écosystème” de l'entreprise, pour pouvoir ensuite l'animer suivant les scénarios imaginés par nos soins.
Le résultat : une suite de 5 petites vidéos éditées en gif animé pour un poids de chargement en ligne très faible et très rapide, et pour une lecture fluide et didactique.

Avec ce nouveau site internet, TQS change complètement sa stratégie commerciale basée jusqu'à présent sur de la prestation de services. Aujourd'hui, en plus du contrôle et du tri effectués en sous-traitance pour les fabricants de pièces, l'offre TQS s'élargie à la vente des machines spéciales conçues et fabriquées en interne, complètée par le progiciel Keepso qui au delà du pilotage informatique des machines, intègre, gère et contôle la globalité du process de tri. Cette nouvelle offre s'accompagne par la même occasion d'un ensemble de prestations : formations, services après-vente, maintenance mais également le lancement d'une franchise de marque qui permettra d'agrandir le périmètre géographique de l'entreprise.

Partant d'une page blanche, le challenge était donc d'organiser de manière cohérente tous ces contenus à travers une ergonomie (UX) intuitive et une approche fonctionnelle. L'architecture du site s'est donc construite sur la base d'ébauches des pages stratégiques du site (wireframes), permettant de valider l'organisation des contenus, mais également la présentation et la navigation, sans s'attacher à l'aspect visuel, au design d'interface (UI) qui est l'étape suivante.

Une fois l'architecture et l'ergonomie de navigation validés, reste le design d'interface (UI pour “User interface”). C'est l'habillage graphique des différentes pages du site avec le choix et la création des photos, des schémas, ou illustrations. Mais c'est surtout garantir la cohérence visuelle des interfaces avec l'identité graphique de l'entreprise. Code couleur, typographies, ou système identitaire, doivent respecter les règles et l'esprit graphique contenus dans la charte. Une tâche simplifiée et maitrisée puisque Pepper studio avait déjà réalisé il y a quelques années l'identité visuelle et la création du logo de la marque TQS, mais aussi l'interface graphique du progiciel Keepso.
Un reportage photo et un shooting des différents modèles de machines a été réalisé par le studio Sémaphore pour compléter l'iconographie. Et enfin, dernière étape, l'intégration ainsi que le développement ont été confiés à la société D2b.

Voir le site TQS
> ici