Gruyère Energie SA
ses clients et partenaires dans
la transition énergétique.
Vue d'ensemble
En 2010, Gruyère énergie avait confié à iomedia la réalisation de son précédent site internet. En 2024, Gruyère Energie à décidé de renouveler sa confiance et à ainsi mandaté iomedia pour la refonte complète de son site internet non seulement pour sa partie front-end mais également pour l’ensemble des outils de backoffice utilisés.
| Corporate design | UI / UX |
| Content | Structure de l'information |
| Webdesign | Design system, UI / UX, Figma |
| Front | Vue 2, Nuxt 2, Tailwind |
| Back | AIO V3 Headless |
Challenge
L’expérience utilisateur au centre de notre stratégie.
Le challenge : revaloriser les contenus existant en les intégrant dans des outils complètement revus, à jour, et dans une structure modernisée tout en augmentant la qualité de l’expérience utilisateur avec une ergonomie mise à jour et repensée.
Mobile
Accessibilité sur tous les supports
L'expérience utilisateur est réfléchie pour s'adapter à tous les supports. Ainsi les internautes peuvent consulter aisément leurs contenus peu importe leur appareil. Les performances de chargement et d'affichage permettent une lecture fluide des contenus.
Méthodologie
Au plus près
des besoins clients
Grâce à une analyse approfondie des enjeux techniques et ceux relatifs à l'expérience utilisateur, les équipes de iomedia ont pu fixer les objectifs de priorité pour atteindre le résultat souhaité par notre client.
Interactivité
Accessibilité
Couleurs
Les choix de couleurs ont été guidés par plusieurs considérations pour garantir une harmonie et une lisibilité optimales. Pour ce projet, nous avons collaboré avec Gruyère Energie SA et utilisé les codes mis en place dans leur charte graphique existante.
Design system
Une bibliothèque d’éléments réutilisables
Créer un design system est une étape essentielle pour une identité visuelle cohérente. Il s’agit d’un fichier regroupant un ensemble de règles et de ressources graphiques, qui permet d’assurer une cohérence visuelle entre les différentes médias, sites internet, applications et autres, et ainsi faciliter le travail des graphistes et des développeurs.
