Nouveau site web pour MG Systems

I Hate Design a réalisé la refonte totale du site web du Bureau d’Étude MG Systems. Tout a été remis à plat : arborescence, UX-UI, cible, contenu rédactionnel, reportage photo, animations, vidéos… Ce travail de fond a permis de structurer l’identité mise en place quelques mois plus tôt.

Un peu de contexte, MG Systems est un Bureau d’études spécialisé dans la conception de machines spéciales pour l’industrie. Les fondateurs Christophe Marty et Thomas Grad souhaitaient clarifier leur offre et moderniser leur image de marque.

Les bases du site internet ont été posées lors d’étapes clés : séances de créativité, analyse des usages, persona, benchmarking / cahier d’idées, maquette fonctionnelle. Lors d’une séance de créativité nous avons façonner le portrait-robot du site idéal au travers de différents personas et scénarios d’usage. Avec cette nouvelle vision, le futur site devenait un outil multiusage pour l’équipe. Les étapes suivantes ont permis de valider l’arborescence, crayonnés les idées de base et de donner vie à différentes maquettes fonctionnelles dite WireFrame sous Adobe XD.

#WordPress #Elementor #Lottie #UX-UI #Design #WebDesign

Séance de créativité, cahier d’idées, maquettes fonctionnelles du site MG Systems

Le site a été développé de façon classique avec le combo gagnant WordPress et Elementor. Nous avons choisi de limiter les plug-ins et de supprimer les sliders et autres grosses vidéos de page d’accueil pour créer un site moins énergivore, plus sobre. Nous avons néanmoins opté pour des animations légères en vectoriel créer avec le duo After Effects / Lottie.

Photo de Nicolas Lafay

Un site réussi n’est rien sans un reportage photo réussi. I Hate Design a poussé l’idée d’investir dans un reportage photo chez MG Systems et ses clients. Nous avons bloqué deux jours pour créer des prises de vue originales et profiter des cadres exceptionnels qui nous étaient offerts. Le résultat permet de valoriser ces machines spéciales peu connues du grand public, et d’offrir à MG Systems une médiathèque complète pour son site internet.

Plus d’infos : projet site MG Systems