MIBA Genossenschaft
Für die MIBA Genossenschaft durften wir die Website neu gestalten. Ausgangspunkt waren das neue Logo und das aktualisierte Corporate Design. Im Redesign der Website standen eine klare Nutzerführung, eine aufgeräumte Inhaltslogik und eine saubere Darstellung auf Mobile und Desktop im Fokus.
UX/UI Konzept
Programmierung
Produktkatalog
Hier Klicken & Scrollen aktivieren
Die Website bringt die Werte der regionalen Milchproduktion ins digitale Zeitalter. Klar strukturiert, mit Fokus auf Nachhaltigkeit und Herkunft, vermittelt der Auftritt Vertrauen und Transparenz für Konsumentinnen und Produzenten gleichermassen.
Hier Klicken & Scrollen aktivieren
Redesign basierend auf neuem CI
Das neue Erscheinungsbild wurde konsequent auf alle zentralen Bereiche der Website übertragen. Farben und runde Gestaltungselemente greifen den neuen Markenauftritt auf und sorgen für Wiedererkennung.
Hier Klicken & Scrollen aktivieren
Neues Design – bestehende Inhaltsstruktur
Das Redesign wurde so umgesetzt, dass die bestehende Inhaltsstruktur der Website auf Mobile und Desktop einwandfrei funktioniert. Im Fokus stand, das neue visuelle Erscheinungsbild so mit der bestehenden Struktur zu verbinden, dass Orientierung, Lesbarkeit und Bedienbarkeit über alle Geräte hinweg klar bleiben.
Ergänzend wurden Optimierungsvorschläge für die Inhaltsgestaltung eingebracht. So konnte der Auftritt visuell geschärft werden, ohne die vorhandene Struktur zu verändern.
Hier Klicken & Scrollen aktivieren
Händlerkarte für die Verfügbarkeit in der Schweiz
Ein zentrales Feature des Projekts ist die integrierte Händlerkarte. Sie zeigt, wo in der Schweiz Produkte von MIBA gekauft werden können. Für Nutzer*innen entsteht damit ein schneller Einstieg, wenn die Frage nicht lautet, welches Produkt es gibt, sondern wo es verfügbar ist.
Verkaufsstellen werden auf der Karte dargestellt und zusätzlich in einer Liste aufgeführt. Dadurch funktioniert die Orientierung auch dann gut, wenn jemand lieber scrollt statt zoomt. Die Umsetzung ist darauf ausgelegt, dass sich die Informationen zu Verkaufsstellen sauber pflegen und aktuell halten lassen.
Hier Klicken & Scrollen aktivieren
Mobile optimiert
Das Redesign wurde konsequent auch auf eine Nutzung unterwegs ausgerichtet. Interaktive Elemente sind so gestaltet, dass sie auch auf kleineren Bildschirmen gut bedienbar sind. Inhalte bleiben lesbar, Bilder sind sinnvoll eingesetzt und die Struktur führt klar durch die Seite.