Gruyère Energie SA
its customers and partners
in the energy transition.
Overview
In 2010, Gruyère Energie entrusted iomedia with the creation of its previous website. In 2024, Gruyère Energie has decided to renew its trust in iomedia and has commissioned us to completely redesign its website, not only for the front-end but also for all the back-office tools used.
| Corporate design | UI / UX |
| Content | Information structure |
| Webdesign | Design system, UI / UX, Figma |
| Front | Vue 2, Nuxt 2, Tailwind |
| Back | AIO V3 Headless |
Challenge
User experience at the heart of our strategy.
The challenge: to enhance existing content by integrating it into completely revamped, up-to-date tools and a modernized structure, while enhancing the quality of the user experience with updated and rethought ergonomics.
Mobile
Accessibility on all media
The user experience is designed to adapt to all media. As a result, Internet users can easily consult their content, whatever their device. Loading and display performance ensure that content reads smoothly.
Méthodologie
Close to customer needs
Thanks to an in-depth analysis of technical and user experience issues, iomedia's teams were able to prioritize objectives to achieve our customer's desired result.
Interactivity
Accessibility
Colors
Color choices were guided by several considerations to ensure optimum harmony and legibility. For this project, we collaborated with Gruyère Energie SA and used the codes established in their existing graphic charter.
Design system
A library of reusable elements
Creating a design system is an essential step towards a coherent visual identity. It's a file containing a set of rules and graphic resources, which ensures visual consistency between different media, websites, applications and so on, thus facilitating the work of graphic designers and developers.
