Gruyère Energie SA
seine Kunden und Partner
bei der Energiewende.
Übersicht
Im Jahr 2010 beauftragte Gruyère Energie iomedia mit der Erstellung ihrer vorherigen Website. Im Jahr 2024 entschied sich Gruyère Energie, sein Vertrauen zu erneuern und beauftragte iomedia mit der kompletten Neugestaltung seiner Website, nicht nur für den Front-End-Bereich, sondern auch für alle verwendeten Backoffice-Tools.
| Corporate design | UI / UX |
| Content | Informationsstruktur |
| Webdesign | Design system, UI / UX, Figma |
| Front | Vue 2, Nuxt 2, Tailwind |
| Back | AIO V3 Headless |
Challenge
Die Nutzererfahrung im Mittelpunkt unserer Strategie.
Die Herausforderung: Aufwertung der vorhandenen Inhalte durch Integration in komplett überarbeitete, aktuelle Tools und eine modernisierte Struktur bei gleichzeitiger Steigerung der Qualität der Nutzererfahrung mit einer aktualisierten und neu gestalteten Ergonomie.
Mobile
Zugänglichkeit auf allen Medien
Die Nutzererfahrung ist so durchdacht, dass sie sich an alle Geräte anpasst. So können die Internetnutzer ihre Inhalte unabhängig von ihrem Gerät problemlos abrufen. Die Lade- und Anzeigeleistung ermöglicht ein flüssiges Lesen der Inhalte.
Méthodologie
Ganz nah an den Bedürfnissen der Kunden
Dank einer gründlichen Analyse der technischen Herausforderungen und derjenigen, die sich auf die Benutzererfahrung beziehen, konnten die Teams von iomedia die Prioritätsziele festlegen, um das von unserem Kunden gewünschte Ergebnis zu erreichen.
Interaktivität
Zugänglichkeit
Farben
Die Farbwahl wurde von mehreren Überlegungen geleitet, um eine optimale Harmonie und Lesbarkeit zu gewährleisten. Für dieses Projekt arbeiteten wir mit Gruyère Energie SA zusammen und verwendeten die in ihrer bestehenden Grafikcharta eingeführten Codes.
Design system
Eine Bibliothek mit wiederverwendbaren Elementen
Ein Designsystem zu erstellen ist ein wesentlicher Schritt zu einer einheitlichen visuellen Identität. Es handelt sich dabei um eine Datei, in der eine Reihe von Regeln und grafischen Ressourcen zusammengefasst sind, die eine visuelle Kohärenz zwischen verschiedenen Medien, Webseiten, Anwendungen und anderen gewährleisten und so die Arbeit von Grafikdesignern und Entwicklern erleichtern.
