Maag Recycling
Redesign und Muldenrechner
Schon bei der Erstellung der letzten Website im Jahr 2013 wählte die Maag Recycling AG ein unkonventionelles Design. Seiner Zeit voraus war vor allem das suchmaschinenartige, prominent in der Mitte der Startseite platzierte Feld, in welchem man nach beliebigen Materialien suchen konnte...
Die Auftraggeberin
«Chum, mir gönd in Maag.» Winterthurer:innen wissen sofort, was gemeint ist: Maag steht für fachgerechte Entsorgung und eigenverantwortliches Handeln mit Abfall und Wertstoffen. In Sachen Kreislaufkonzepte ist Maag Recycling Pionierin, denn bereits in den 70er Jahren entwickelte und bewirtschaftete das Unternehmen gemeinsam mit der Stadt Winterthur ein flächendeckendes Glassammelstellennetz. Aktuell wird die Maag Recycling AG in der vierten Generation durch Judith Maag geführt und zählt voller Stolz rund 70 Mitarbeitende. Neben dem Betrieb des Recy-Hofs für Private bietet Maag heute Dienstleistungen für Gemeinden, Gewerbe und Industrie an – von der Analyse bis zur Bewirtschaftung von langfristig sinnvollen Recycling-Systemen.
Das sagt die Kundin
Die Ausgangslage
Schon bei der Erstellung der letzten Website im Jahr 2013 wählte die Maag Recycling AG ein unkonventionelles Design. Seiner Zeit voraus war vor allem das suchmaschinenartige, prominent in der Mitte der Startseite platzierte Feld, in welchem man nach beliebigen Materialien suchen konnte. Die Seite überstand dank ihres eigenwilligen Designs ein ganzes Jahrzehnt und erfüllte bis zum Schluss ihren Zweck hervorragend.
Trotzdem war es höchste Zeit, den technisch und optisch in die Jahre gekommenen Auftritt zu erneuern. Auch die von der Konkurrenz mehrfach kopierte Suche war nicht mehr einzigartig.
Der Auftrag
Der neue Auftritt sollte erneut hohe Massstäbe setzen. Insbesondere das Erscheinungsbild sollte sich in der Branche abheben und heller, freundlicher und innovativer wirken. Die Frische, die Leichtigkeit, das gute Image und die klare Wertehaltung des Unternehmens sollten unbedingt unterstrichen werden.
Hauptaufgabe war die klarere Kommunikation des Unternehmensportfolios, denn an dieser Stelle bestand Nachholbedarf. Privatpersonen war vielfach nicht klar, dass Maag auch Räumungen und Demontagen durchführt und im Bereich Recycling-Lösungen für Gewerbe, Industrie und Gemeinden Massstäbe setzt. Unternehmen hingegen mussten vermehrt auf die Möglichkeit zur Erstellung ganzer Entsorgungskonzepte aufmerksam gemacht werden.
Als neues Element sollte ein «Muldenrechner» hinzukommen mit dem Ziel, die telefonischen Anfragen zu reduzieren und der Privatkundschaft schnell aufzuzeigen, in welchem Bereich die Kosten für die Bereitstellung einer Mulde liegen.
Die Herausforderung
Maag Recycling ist in den letzten Jahren zu einer auffälligen Marke herangewachsen. Die visuelle Umsetzung hatte jedoch eine Art Eigenleben entwickelt. Die prägnante Schriftart, das helle Grün und die runden Design-Elemente waren zwar unverkennbar, breiteten sich aber in verschiedenen Ausprägungen und Abwandlungen «organisch» aus und wurden stetig mit zusätzlichen Design-Elementen erweitert. Hier bedurfte es einiger Aufräum- und Sensibilisierungsarbeit. Der Einsatz der Logoschrift als Laufschrift führte zu Diskussionen und letztlich zu einem guten Kompromiss zwischen Auftraggeberin und Designern.
Der Prozess
Vision und Mission als Grundlage:
Ein wesentlicher Bestandteil des guten Image der Maag Recycling AG ist die klare Wertehaltung, die auch im Leitbild zum Ausdruck kommt. Dieses Leitbild war im bisherigen Web-Auftritt prominent vertreten. Bevor die Generalüberholung der Website angepackt wurde, erarbeiteten wir in mehreren Iterationen zusammen mit der Geschäftsführerin Judith Maag eine geschärfte Vision und klare Mission-Statements. Unter dem Menüpunkt «Engagement» sind diese nun abrufbar, ebenfalls die überarbeiteten Kernwerte der Firma in Form eines kurzen Leitbildes.
Konsolidierung der Design-Elemente:
Anschliessend sichteten und konsolidierten wir die verschiedensten grafischen Variationen. Daraus konnte ein kurzer und alltagstauglicher Cooperation-Design-Styleguide abgeleitet werden. Dieser wurde um ausgewählte Design-Elemente ergänzt. Als neues und starkes Element kamen die Blätterformen hinzu, welche mit Fotografien realisiert wurden.
Informationsarchitektur, Webdesign und Prototyping:
Die neue Struktur bauten wir zuerst ganz trocken in einem Excel-File auf und reicherten sie mit wichtigen Informationen an. Danach erstellten wir sukzessive einen klickbaren Prototyp, der als gute Diskussionsgrundlage für die Entwicklung des neuen Designs diente.
Spezifikation Muldenrechner:
Wie erwartet war die Entwicklung des Muldenrechners eine Herausforderung. Hier ging es im ersten Schritt darum, die internen Prozesse der Muldendisposition kennenzulernen und eine Balance zwischen Einfachheit und Detaillierung im Bestellablauf zu finden. Es war von Bedeutung, sich immer wieder auf den eigentlichen Zweck des Muldenrechners zu besinnen, um sich nicht in aufwendigen Edge-Cases zu verlieren.
Das Resultat
Es ist uns gelungen, einen authentischen, lieblichen und trotzdem ungeschönten digitalen Auftritt zu erschaffen. Wir sind stolz auf diese Zusammenarbeit.
Bildwelt:
Wichtiges Stilelement sind die den diversen Abfallstoffen nachempfundenen Illustrationen und Animationen, die ein spielerisches Erlebnis ermöglichen. Hier kamen auch KI-Bildgeneratoren zum Einsatz.
Aufgrund der Anforderung, einen sympathischen und authentischen Auftritt zu erstellen, entschieden wir uns, mit starken Bildern zu arbeiten. Anhand eines detaillierten Briefings konnte der Winterthurer Fotograf Andrin Fretz diese umsetzen.
Dabei entstand eine eigene, raue Ästhetik, die den Recycling-Alltag gut aufnimmt und wiedergibt. So werden die sprühenden Funken einer Schweissanlage zu einem Kunstwerk, und die hart arbeitenden Menschen werden bewusst persönlich in ihrer Arbeitsumgebung gezeigt. Schrotthaufen und Altglasberge wirken wie wertvolle, bunte Gemälde.
Klare Strukturierung der Dienstleistungen:
Um das Dienstleistungsportfolio für das breite Publikum verständlich zu transportieren, war einiges an Konzeptarbeit nötig. Die Entscheidung fiel, die direkte Ansprache der Zielgruppen «Private», «Gewerbe» und «Gemeinden» zugunsten einer dienstleistungszentrierten Darstellung aufzugeben bzw. die Bedürfnisse über die Zielgruppen hinweg anzusprechen.
Ein lebendiger Blog als Inhaltsdrehscheibe:
Inhaltlich entschieden wir uns, die Information über das Angebot und die Firma mit einem Blog anzureichern. Im «Maag-Infopoint» erfahren die Besucher:innen Aktuelles über die Firma oder Recycling-Tipps. Bereits beim Launch der Seite waren 15 interessante Artikel aufgeschaltet – mit eindeutigem Einfluss auf die Suchrelevanz von Google.
Erweitertes Suchfeld:
Das legendäre Suchfeld wurde natürlich beibehalten. Bisher war dieses sehr prominent und ausschliesslich auf der Startseite platziert. Neu ist es etwas dezenter im immer sichtbaren Header platziert und somit jederzeit zugänglich. Zudem ist nun nicht mehr nur das potenzielle Abfallgut inklusive Preisen suchbar, sondern sämtliche Websiteinhalte – sehr praktisch, wenn man schnell eine Information sucht.
Neues Herzstück Muldenrechner:
Um die Anzahl der telefonischen Anfragen zu reduzieren und die Hemmschwelle für Neukund:innen zu senken, gibt es neu den Muldenrechner, mit dem User der Website eine Mulde auch direkt bestellen können.
Eine komplexe Berechnungsformel berücksichtigt die Strecke zum Muldenstandort, die Art und die Menge des Entsorgungsguts sowie die Grösse der Behältnisse und die benötigten Fahrzeuge.
In wenigen Schritten kann so der Preis kalkuliert und die gewünschte Mulde gleich bestellt werden. Mit dieser Massnahme konnten wir für alle Beteiligten den Prozess der Muldenbestellung enorm vereinfachen.
Unterbruchsfreie Aufschaltung:
Die Aufschaltung ging ohne Unterbrechung über die Bühne. Durch die lückenfrei hinterlegten Redirects und Meta-Infos wurde die neue Seite sowohl von den Usern als auch von Google wohlwollend aufgenommen, was in den Statistiken gut sichtbar wird.