medani Newsletter

Immer am
neuesten Stand.

Die digitale Welt ist ständig im Wandel.
Mit unserem kostenlosen Newsletter bleibst du nicht nur immer auf dem Laufenden, sondern erhältst monatlich spannende Insights aus der Digitalbranche und der Welt rund um WordPress, PrestaShop, E-Commerce, Marketing, Design und vielen weiteren interessanten Themen.
Trag dich gleich ein!

Bei Deiner Anmeldung ist leider einer Fehler aufgetreten. Bitte versuche es erneut.
Deine Anmeldung war erfolgreich!
Post Animation
top

Wie kann ein verbessertes Design, den User besser führen?

Der kleine Yogi® erfreut seit vielen Jahren seine Fans mit täglichen Illustrationen und Gedanken auf unterschiedlichsten Kanälen. Das Konzept des Teilens von positiven Inspirationen, Glücksgedanken und Weisheiten voller Liebe, Leichtigkeit & Humor unter dem Motto "All we seed is love" steht auch im Mittelpunkt des Onlineshop-Relaunches wo wir tatkräftig unterstützen durften. Wie gutes Design den User besser führt und abholt erfährst Du hier ausführlich.

Kunde
Der kleine Yogi® e.U. Einzelhandel
Projektdauer
3 Monate
3 Mitarbeiter
Website besuchen
Die Ausgangssituation
Der kleine Yogi steht für positive Gedanken, Mut und Herzensfreude. Mit dieser Motivation startete die Marke Der kleine Yogi® und verkauft nun seit mehr als 3 Jahren seine Produkte international über unterschiedliche Kanäle. Die Philosophie und die liebevoll gestalteten Produkte werden zusätzlich zum eigenen Shop auch über zahlreiche Händler (lokal als auch online) angeboten. Das Design rund um den kleinen Yogi war initial sehr einfach gehalten und wirkte z.B. auf der Website anders als im Onlineshop. Die beiden Instanzen liefen dabei auf zwei getrennten Systemen über eine erweiterte URL, die es zusammenzuführen galt. Zusätzlich zum Online-Auftritt entwickelte das Unternehmen auch eine mobile Applikation, bei der man liebevoll gestaltete Wunsch- & Tageskarten versenden und sich täglich Inspirationen abholen kann.

Ziel des Relaunch-Projektes war es, eine Zusammenführung von Website und Onlineshop in neuem Design zu erschaffen. Inspiration für Design und Layout boten zahlreiche Illustrationen die medani zur Verfügung gestellt wurden. In gemeinsamer Absprache und produktiver Zusammenarbeit wurde im Laufe des Projekts nicht nur ein neuer PrestaShop auf die Beine gestellt, welcher die Website und den Onlineshop fusioniert, sondern auch bei Print- & App Design tatkräftig unterstützt und weiterentwickelt. Wir durften im weiteren Projektverlauf unterschiedliche Drucksorten erstellen und den Relaunch und das Redesign der App mitbetreuen.

Zusammenführung der Plattformen

Bei der Zusammenführung von Website und Onlineshops von Der kleine Yogi® war die Überarbeitung von Konzeption & Layout fundamental. Inhalte wurden gemeinsam priorisiert und neu aufgebaut. Die neue, geänderte Sortierung der Produktkategorien sowie deren Platzierung im neuen Onlineshop führen zu einer besseren Usability und sind auch intuitiver und benutzerfreundlicher gestaltet. Wichtige Themen, wie die Landing Page der App oder die Platzierung der Händler, durften dabei nicht fehlen. Nach Absprache mit dem Team von Der kleine Yogi®, startete die Designphase des Projekts zügig und es konnten sehr schnell relativ gute Fortschritte gemacht werden. Dabei wurde auch zielstrebig und effizient das neue Design etabliert, welches unseren Kunden gleich überzeugt hat und für zukünftige Schritte in Print- & App Design übernommen werden konnte. Somit ist der grafische Auftritt des kleinen Yogi auf allen Geräten und Kanälen kohärent und stärkt so die Marke visuell nach außen.

Durchgängiges Design

medani arbeitet bei diesem Projekt mit PrestaShop als Shopsystem und einem Whitelable-Template. Damit war es uns möglich aus dem Standard Template-Layout und PrestaShop Design auszubrechen und es individuell auf die Wünsche von Der kleine Yogi® anzupassen. Wichtig war hier vorallem auf den bestehenden Markenauftritt mit Illustrationen und Grafiken zu achten und in die Shopwelt zu übernehmen und dementsprechend anzupassen. Ein einheitlicher Look & Feel sollte den User abholen und in die Welt des kleinen Yogi leiten, egal ob dies in der App, im Onlineshop oder auf den Landingpages stattfindet.

Erstellung von Icons

Damit die Icons im Onlineshop als auch der App einheitlich und visuell ähnlich sind, hat medani das Design und die Erstellung im Prozess übernommen und in das grafische System implementiert. Ebenfalls wurden viele UI-Elemente im Onlineshop an die bestehende Bildsprache angepasst um ein kohärentes Erlebnis bieten zu können. Auch Farbflächen und Typografie wurden im Markenauftritt vereinheitlicht um den Eindruck beim Besucher und das „Eintauchen“ in die Welt zu erleichtern.

Das neue Mega Menü
Um die Navigation für User:innen im Onlineshop zu vereinfachen, hat medani ein Mega Menü als primäre Navigation konzipiert und implementiert. Damit können die User:innen noch bevor sie in den Shop gelangen, eine spezifische Unterkategorie wählen und werden direkt thematisch weitergeleitet. Zusätzlich werden im Mega Menü auch externen Shops gefeatured, welche weitere Produkte rund um den kleinen Yogi außerhalb des eigenen Onlineshops anbieten. So erkennen User:innen intuitiv und auf einen Blick die internen und externen Angebote und können einfach auf Wunsch über einen Button in den externen Shop weitergeleitet werden.

Weitere Designleistungen

Print Design

Auf Grund der guten Zusammenarbeit während des Onlineshop Relaunch-Projektes wurden wir gebeten, auch bei Print- & Designthemen das Team des kleinen Yogis in Zukunft zu unterstützen. Durch ein Design-Guthabenpaket ist dies für jegliche Arten von Drucksorten und allgemeinen Designthemen möglich. Als erstes Projekt wurde die Umsetzung von Designs für Geschenkpapier und neue Layouts für Stehkalender beauftragt. Hier wurde von der Konzeption der Designs, das Layoutieren bis hin zur Reinzeichnung und Druckdatenaufbereitung dem Kunden ein Komplettpaket geschnürt, welches dankend angenommen wurde. Die druckfertigen Daten wurden dem Kunden geliefert und somit konnte der Prozess sehr effizient und kostensparend gestaltet werden.

App Design
Für die App von Der kleine Yogi® durften wir initial einige bestehende Screen-Designs überarbeiten und an das neue Design des Onlineshops angleichen. Dabei wurde auch der Startscreen mit passenden Icons neu aufgebaut und auch Designs aus dem Print Design wurden von uns mit neuen Elementen optisch an den neuen Onlineshop angeglichen und zielgerichtet in die App integriert. Im weiteren Verlauf durften wir dann die komplette App überarbeiten und redesignen. Die Nutzererfahrung sollte im gleichen Rahmen wie zuvor soweit bestehen bleiben, wir konnten dennoch einige UI-Elemente und wichtige UX-Themen forcieren, um die App nicht nur im neuen Glanz erstrahlen zu lassen sondern auch die Userführung zu verbessern. Allgemein war die Zielsetzung die Marke überall einheitlich wahrnehmbar und visuell kohärent abzubilden.

Das Ergebnis

medani arbeitete bei diesem Projekt inital mit der Open Source-Onlineshop Software PrestaShop um die neue Onlinepräsenz für den kleinen Yogi gekonnt in Szene zu setzen. Das Zusammenlegen der Website und des vorher getrennten Onlineshops musste gut konzipiert und für den User einfach zu bedienen sein. Das Ergebnis wurde vom Kunden so gut aufgenommen, dass wir auch weitere Leistungen im Print- als auch App-Design anbieten durften. Das in uns gesetzte Vertrauen für das Redesign der Mobile App als auch die Erstellung von verschiedenen Drucksorten hat uns sehr gefreut und hat für den Kunden den Prozess um einiges erleichtert, da die Arbeit nun gebündelt wurde und alles aus einer Hand bezogen wird. Diese 360° Betreuung ist natürlich der Idealfall für beide Seiten und wir freuen uns auf viele Jahre der guten Zusammenarbeit!
Anfrage | Branding
Branding
Du brauchst ein individuelles Branding?

Gerne laden wir Dich zu einem Erstgespräch in unsere Agentur ein! Gemeinsam finden wir heraus, wie wir Dich bei der Entwicklung Deiner Marke unterstützen können. Ein durchdachtes Branding braucht erfahrungsgemäß eine Vorlaufzeit. Je früher wir Bescheid wissen, umso eher können wir Deine Marke gemeinsam auf Schiene bringen.

Jetzt Anfragen

Anfrage

Du wünscht Dir auch gutes Design?
Jetzt Anfragen