Ville de Renens
Übersicht
Die Stadt Renens hat iomedia mit der Neugestaltung ihrer Website beauftragt, um ihren Zielgruppen eine moderne, einheitliche und evolutive Plattform zu bieten.
Der Auftrag umfasst die Hauptwebsite der Stadt sowie mehrere spezifische Bereiche, darunter die Website der Bibliothek, die Sportvereine und einen Bereich, der dem Gemeinderat gewidmet ist. Das Ziel bestand darin, diese verschiedenen Bereiche in einem einzigen, übersichtlichen und leistungsstarken digitalen Ökosystem zusammenzuführen.
Bei diesem Projekt war iomedia nicht an der grafischen Gestaltung beteiligt, sondern konzentrierte sich auf die technologischen Aspekte, die Informationsarchitektur und die für eine effiziente Verwaltung der Inhalte erforderlichen Tools. So wurden zahlreiche Weiterentwicklungen unseres Tools „Commune” vorgenommen, um den Erwartungen des Kunden voll und ganz gerecht zu werden.
| Konzept | Informationsstruktur |
| Webdesign | trivial mass |
| Front | Vue 2, Nuxt 2, Tailwind |
| Back | AIO V3 Headless |
Challenge
Die Neugestaltung der Architektur und der Benutzererfahrung eines reichhaltigen und komplexen Ökosystems war die zentrale Herausforderung des Projekts.
Die Gesamtstrukturierung sowie die notwendigen Anpassungen in Bezug auf UI/UX – insbesondere hinsichtlich Navigation, Hierarchisierung und Präsentation der Inhalte – stellten die größte Herausforderung dar. Die bisherige Website umfasste eine sehr große Anzahl von Seiten, die analysiert, rationalisiert und auf relevante und kohärente Weise neu organisiert werden mussten.
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.
Methodik
Ganz nah an den Bedürfnissen unserer Kunden.
Nach einer ersten Analysephase konnten in Abstimmungssitzungen mit dem Grafikdienstleister und einer Reihe von Workshops zu spezifischen Projektfragen die erforderlichen Tools sowie der optimale Zeitplan für die zeitnahe Umsetzung der verschiedenen Schritte ermittelt werden.
Außerdem wurde eine wöchentliche Arbeitssitzung mit dem Kunden eingeführt. Dieser regelmäßige Austausch erleichterte den Projektfortschritt erheblich, da Unklarheiten schnell beseitigt und die Entscheidungsfindung während des gesamten Prozesses vereinfacht werden konnten.
Interactivity
Accessibility
Farben
Die Farbwahl wurde von mehreren Überlegungen geleitet, um eine optimale Harmonie und Lesbarkeit zu gewährleisten. Für dieses Projekt arbeiteten wir mit Renens 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.
