Solyti

Création du site de Solyti, solution d'infogérance

calendier Été 2023
équipe Projet réalisé par ls-a
outils Figma, AfterEffects, WordPress (Gutenberg), CSS, JavaScript
logo Solyti sur fond bleu

Le projet

Dans le cadre de mes missions chez ls-a, j’ai travaillé sur le site web de Solyti. Le client souhaitait un site vitrine pour présenter son entreprise de façon dynamique. Il voulait quelque chose de très visuel, avec des animations pour présenter et expliquer chacun des services proposés.

La réalisation

Pour répondre au besoin du client, nous avons choisi de réaliser un site avec WordPress, et de mettre l’accent sur les animations. La palette de couleurs est composée de blanc, d’un dégradé de bleu, couleur classique pour les sites dédiés à l’informatique, et réhaussée d’une touche de orange. Le style du site est assez sobre et épuré, ce qui donne un aspect professionnel d’une part, et laisse de la place aux animations d’autre part. Au total, 12 animations sur-mesure parsèment les pages du site, réalisées avec AfterEffects et intégrées en lottie (fichiers json).

Je me suis occupée de la gestion de projet de ce site internet, mais aussi de toute la relation client, de la rédaction des textes, de l’intégration de la maquette sur WordPress et des tests utilisateurs sur différents clients.

L'expérience

Ce projet m’a permis d’approfondir mes connaissances en WordPress, avec l’éditeur Gutenberg, de découvrir et tester de nouveaux plugins, mais aussi et surtout de travailler avec des animations complexes et nombreuses dédiées au format web :

  • Avec le graphiste, nous avons travaillé sur l’optimisation des fichiers des animations, pour qu’elles n’alourdissent pas excessivement les pages. J’ai beaucoup appris sur le format lottie (et les fonctionnalités d’animation d’AfterEffects que ce format ne supporte pas - du moins à l’époque).
  • N’ayant jamais rencontré le problème auparavant, j’ai également découvert qu’un code hexadécimal n’est pas 100% fiable. La couleur peut présenter de légères différences, sur un même client (ordinateur et navigateur identiques), selon l’endroit où elle est appliquée : un fond de page, un format de vidéo... Et sans doute d’autres.

J’en retiens de me méfier de la compatibilité des formats de façon générale, et en particulier pour les animations et la colorimétrie. Et qu’une animation, aussi courte soit-elle, n’est pas à prendre à la légère dans une intégration web.

Découvrir le projet
maquette du site de Solyti, présentant les pages : accueil, qui sommes-nous, nous contacter