Telematic.Pro : une aurore boréale dans l’interface et une nouvelle page de paiement

Nous vous expliquions récemment pourquoi nous avons réécrit Telematic.Pro de zéro. Le produit continue d’évoluer, et cette dernière mise à jour se concentre sur l’aspect visuel : l’interface est nettement plus riche, sans rien perdre de sa rapidité.

La couche de design « Aurora »

Jusqu’ici, le site reposait sur un fond sombre quadrillé. Désormais, une véritable aurore boréale s’anime en arrière-plan :

Le thème clair a sa propre palette — « Perle » : un ciel pastel et un dégradé rose pêche à la place d’un simple fond blanc.

Beau, mais rapide

Des graphismes élaborés ont vite fait d’alourdir un site. C’est pourquoi « Aurora » fonctionne en deux modes. Sur le site public, le fond s’affiche dans toute sa splendeur ; dans l’application, il passe en version apaisée pour que rien ne vous distraie de votre travail. Le mode économie d’énergie stoppe les animations en boucle, le flou du verre ne s’active que sur les appareils puissants, et le réglage système « Réduire les animations » les désactive complètement. La transparence des cartes et des panneaux reste identique dans tous les modes : l’interface garde ainsi toute sa cohérence.

Des éléments de formulaire unifiés

Les listes déroulantes, cases à cocher et curseurs natifs ont un rendu différent dans chaque navigateur. Nous les avons remplacés par nos propres composants, dans le style du produit — dans tous les paramètres, l’éditeur vidéo, l’administration et les fenêtres modales. Sur mobile, boutons et champs sont désormais plus grands, pour viser facilement du doigt.

Une nouvelle page de recharge du solde

La fenêtre de recharge a été entièrement repensée : chaque pack de tokens indique ce qu’il permet de réaliser, le montant total s’affiche en bas, seuls les logos des moyens de paiement réellement disponibles apparaissent, avec en prime un bloc de réassurance et un lien vers les conditions générales. Vous savez à l’avance ce que vous payez.

Un easter egg dans le calculateur

La page des tarifs propose un calculateur de bénéfices qui compare le coût de la gestion d’une chaîne à la main et avec Telematic. Essayez d’indiquer un salaire de l’employé de 0 par heure : le calculateur déclenche l’alerte, avec rubans de signalisation clignotants et radar — « Attention : travail esclave détecté ».

Des captures d’écran à jour dans toutes les langues

Les captures d’écran du produit sur la landing page sont désormais réalisées automatiquement à partir de comptes de démonstration et existent dans les 7 langues et les deux thèmes : chaque visiteur découvre l’interface dans sa propre langue. Au passage, nous avons corrigé un bug qui empêchait la Feed API d’accepter les articles très longs.

En chiffres

4 commits, 137 fichiers et environ 880 lignes de CSS inédites pour la couche de design.

Vous pouvez essayer le service mis à jour sur telematic.pro, et retrouver l’étude de cas détaillée dans notre portfolio.

Vous souhaitez que votre produit soit aussi spectaculaire tout en restant rapide ? Parlez-nous de votre projet.