(openPR) Wer A sagt, muss auch B sagen: Nachdem die Design- und Kommunikationsagentur vistapark ein neues Corporate Design für den Mülheimer Beleuchtungsspezialisten Ansorg erarbeitet hat, folgte nun die umfangreiche Neugestaltung der Website ansorg.com. Ziel war die Umsetzung eben dieses Corporate Designs, das im Print- und Raumbereich sehr gut funktioniert, ins Digitale. Die besondere Herausforderung: Ansorg will in Sachen Usability und Nutzererlebnis eine Vorreiterposition in der Branche einnehmen und den User zusätzlich zu seinem Produktportfolio auch über das Thema “Retail Lighting” informieren. Das Ergebnis: Eine schnelle, moderne und sich an zeitgemäßen Webstandards orientierende Webseite, die dem Ansorg-Claim „Guiding Retail Light“ gerecht wird. Was kann die neue Website?
User Experience
Kernstück der Webseite ist die facettierte Produktfilterung: https://ansorg.com/produkte/alle-produkte/. Die Filtermechanik lässt den User einfach und unkompliziert die für ihn passenden Produkte zu finden – mit für ihn relevanten Kriterien wie Ausstrahlwinkel und Lumenklasse.
Der hohen Informationsdichte auf der Seite wird mit ausgeklügelten Mega-Dropdown-Menüs begegnet. Das klare Ansorg-Corporate Design wird auch hier konsequent verfolgt. Dabei fällt vor allem die Farbwelt auf. Sie orientiert sich an den Nuancen, die entstehen, wenn ein Prisma weißes Licht in seine Spektralfarben spaltet: Rot, Orange, Gelb, Grün, Blau und Violett. Sie unterbrechen die großen Weißflächen in rechteckigen oder quadratischen Formen und tauchen mitunter überraschend beim Mouseover auf.
Für spielerische Details sorgen passend platzierte Micro Interactions. Sie geben dem User ein Feedback über seine Aktion – und zaubern ihm im besten Fall ein kleines Lächeln ins Gesicht. Sie sollen allerdings nicht nur Spaß machen: Seiten mit Micro Interactions erzeugen eine höhere Engagement Rate und bieten bessere User Experience als Seiten ohne haptisches Nutzerfeedback. Die Call to Action-Buttons wurden handanimiert und sind auf allen Endgeräten verfügbar, siehe Animation: https://www.facebook.com/vistaparkgroup/videos/1829595923760801/?fref=pb&hc_location=profile_browser.
Technische Aspekte
Die alte Webpräsenz beruhte auf Typo3, allerdings in einer sehr alten Version. Das Open Source Content Management System sollte es auch bleiben, nur nun in der neusten Version. Es wurde die Entscheidung getroffen, ein neues Digital Asset Management System zu implementieren und keine Altdaten zu migrieren – zu groß die Gefahr, technische Altlasten mit in das neue System zu überführen. Der DAM Anbieter Canto Cumulus erwies sich hier als ideale Lösung. Zur Optimierung der Ladezeit wird die Seite über ein Content Delivery Network (CDN) ausgeliefert; die Bilder werden serverseitig größenoptimiert.
Flexible Projektvorgehensweise
vistapark hat bei dieser Website Rapid Prototyping eingesetzt – Schluss mit altgedienten Photoshopdateien, hin zu voll interaktiven Prototypen. Der größte Vorteil ist, dass der Kunde die Website bereits erlebt, bevor sie online ist. Das Feedback ist schneller und zielführender und verkürzt die Korrekturschleifen.
Die anschließende Softwareentwicklung erfolgte komplett agil mittels SCRUM – das sorgte für einen hoch flexiblen Einsatz von Manpower mit gleichzeitigen frühen Ergebnissen zur Kundenabstimmung.
vistapark und Ansorg
Die Design- und Kommunikationsagentur mit Sitz in Wuppertal und Köln vistapark ist seit 2017 Leadagentur von Ansorg. Seither konnten sich beide Partner bereits über zwei Auszeichnungen freuen: Das Imagevideo „Licht ist Poesie“ (https://www.youtube.com/watch?v=TarCE6SXtYQ) erhielt bei den Cannes Corporate Media & TV Awards 2017 den Silbernen Delphin; bei den German Brand Awards 2018 positionierte sich Ansorg als beste Produkt- und Unternehmensmarke in der Kategorie Lighting als Teil der Klasse Industry Excellence in Branding.
