Konzeption
In mehreren von seerow begleiteten Meetings wurde an der neuen Markenausrichtung von claro gearbeitet. Diese neue Ausrichtung bildete im Zusammenspiel mit den neuen Illustrationen die Basis für den Look des Webshops. Die im Zuge des Relaunches erarbeiteten Designelemente sollen mit einer erweiterten Farbwelt und einem neuen Schriftkonzept den Fairen Handel repräsentieren und die Marke auch für jüngere Zielgruppen attraktiv machen.
Diese neue Designsprache wurde in einem weiteren Schritt auch auf die restlichen Kommunikationskanäle von claro (Social Media und Print) ausgeweitet und soll in Zukunft auch im Design der neuen hauseigenen Produkte eine wichtige Rolle spielen.
Design-Templates sollen es den unabhängigen Ladenbesitzern zudem ermöglichen, die neue Markenidentität auch bei Ladeninternen Kommunikationsmassnahmen zu berücksichtigen.
Design
Die neue Designsprache ist durch abgerundete Flächen und eine umfangreichere Farbwelt am Puls der Zeit und bietet besonders im Hinblick auf den Onlineshop mehr Möglichkeiten, eine positive User Experience zu gewährleisten. Das Farbkonzept beschränkt sich nicht nur auf die Typografie, Illustrationen und Designelemente, sondern wird auch konsequent in der Darstellung von Produkten und bei der Erstellung von Key-Visuals berücksichtigt.
Die Illustrationen nehmen eine tragende Rolle in der Ausrichtung der neuen Identität ein und werden sowohl als Deko- wie auch als unterstützende Designelemente verwendet. Eine Auswahl an Labels soll es den Kunden einfacher machen, bestimmte Aspekte eines Produktes auf einen Blick zu erkennen.
Onlineshop
Das Design des neuen Onlineshops soll den Kunden eine schnelle Übersicht über das breite Produktsortiment von claro bieten. Die prominente Hero Section dient nicht nur zur Darstellung von neuen Produkten und Aktionen, sie soll auch die entsprechenden Produzenten mehr in den Vordergrund rücken.
Mit Hilfe von diversen Modulen kann der Shop stetig erweitert und umstrukturiert werden. Dies hilft dabei, einen Besuch auf der Seite immer wieder attraktiv zu machen, da es immer etwas Neues zu entdecken gibt.
Die Produkt-Teaser bieten eine schnelle Übersicht über spezifische Produkt-Merkmale und Bewertungen. Durch die Labels werden zudem wichtige Informationen zu Ernährungsweisen und der Bio-Zertifizierung dargestellt.
Ein «Magazin» und spannende Rezepte sollen zusätzlich dazu beitragen, einen erneuten Besuch im Shop lohnenswert zu gestalten.
Die erweiterte Farbwelt dient bei der Verwendung im Shop hauptsächlich dazu, die Call to Actions und Informationen zu gliedern und nach Signifikanz zu unterscheiden. Grosse und gut erkennbare UI-Elemente sollen zur Interaktion anregen und die Verwendung auf mobilen Endgeräten so einfach wie möglich zu machen.
Offline Medien
Den für den Onlineshop erarbeiteten Styleguide, durften wir Anhand von Template Vorlagen auf mehrere Offline Medien ausweiten. Dabei enstanden unter anderem eine potentielle Plakatkampagne und diverse weitere Printprodukte wie Thekensteller und Inserate.
Der Ansatz mit den Templates ermöglicht es nicht nur claro selbst, sondern auch den einzelnen Ladenbesitzern ganz einfach eigene Printprodukte zu erstellen.
Die Herausforderung bei der Adaption der Offline Medien war hauptsächlich der eigentlich «verkehrte» weg von einem digitalen- zu einem Print-Styleguide.
Zu beachten war dabei hauptsächlich die Farb- und Form-Sprache, welche von seerow für den Relaunch des Onlineshops erarbeitet wurde. Die Elemente zeichnen sich durch abgerundete Ecken und flexiblen Positionierungen aus.
Social Media
Auch für die Social Media Kanäle von claro durften wir Templates für Stories und Posts über Produkte, allgemeine Infos und Produzenten-Vorstellungen erarbeiten. Zudem durften wir eine beratende Rolle bei Produkt- und Key Viisual-Shootings übernehmen.
