Design-Prototyp für Sherpa-Outdoor
Seit knapp drei Jahren arbeite ich nun bei OTTO’S AG. In dieser Zeit habe ich nicht nur Content für OTTO’S AG erstellt, sondern auch für die Tochterfirma Sherpa-Outdoor AG.
Die Sherpa-Outdoor AG gehört seit Jahren zu OTTO’S und ist bekannt, gute Outdoor-Ausrüstung zu einem erschwinglichen Preis zu produzieren und zu verkaufen. Leider ist der aktuelle Onlineshop weder up-to-date, noch sieht dieser meiner Meinung nach einladend aus. Aus diesem Grund habe ich gedacht, wieso erstelle ich nicht als zweites Digezz-Projekt einen klickbaren Design-Prototypen, der sich am aktuellen Sherpa-Design orientiert, aber moderner und frischer wirkt.
Diesen Design-Prototypen habe ich in Adobe-XD erstellt und er kann hier begutachtet werden.
Design-Prototyp von Sherpa-Outdoor online anschauen
(stm)
Idee
Die Grundidee, den Sherpa Onlineshop zu überarbeiten hatte ich schon lange. Für ein Outdoor-Label wirkt der aktuelle Shop nicht modern genug und weder übersichtlich noch überzeugt dieser, ein Produkt zu kaufen. Meiner Meinung nach sieht der Shop nach einer billigen Marke aus, bei der man nicht qualitativ hochwertige Outdoor-Bekleidung kaufen kann. Als mir, während dem ersten Digezz Projekt auffiel, dass es nur die Hälfte der erforderten Zeit in Anspruch nimmt, wurde mir sofort klar, dass ich dieses Design-Projekt als zweites Projekt abgeben kann.
Umsetzung
Am Anfang war bereits klar, dass ich den Prototyp in Adobe XD erstellen möchte. Ich kenne das Programm schon einigermassen und Online findet man hunderte Tutorials zu gewünschten Funktionen. Also war mir die Software bekannt. Nun habe ich angefangen diverse Online-Shops und andere Design-Prototypen zu studieren, um Inspiration zu sammeln und mögliche Funktionen zu notieren. Neben den normalen grossen Online-Shops habe ich auch explizit nach möglichen Outdoor-Label gesucht. Mir wurde dann schnell klar, dass viele dieser Outdoor-Shops mit möglichst viel Content Werbung machen. Also probierte ich diesen Ansatz auch zu verfolgen.
Glücklicherweise habe ich die ganze Farbpalette inklusive Logos von Sherpa in Originalauflösung. All die Bilder, die abgebildet sind, habe ich während meiner Vollzeitanstellung selbst erstellt. Nun, da ich alle Daten zusammen hatte, startete ich mit einem Wireframe. Gleichzeitig erstellte ich auch alle möglichen Komponenten, die ich während des Erstellens des Designs mehrmals verwenden werde.
Als ich alles zusammen hatte, fing ich mit der Home-Seite an, ging dann weiter zur Kategorie-Seite und dann zu einer möglichen Produktseite. Nach diesen Seiten erstellte ich das Dropdown-Menü, das Suchfeld, den Warenkorb und den Bezahlvorgang. Nachdem das Design vollendet war, verknüpfte ich alle Seiten miteinander und versuchte diverse Animationen einzubauen, die dem User ein spannenderes Einkaufserlebnis bieten könnte.
Fazit
Grossartige Websites haben mich schon immer fasziniert. Und was man heutzutage alles erstellen kann, ist meiner Meinung nach erstaunlich. Da es für mich die erste richtig grosse Website war, an die ich mich gewagt habe, war es doch noch ziemlich Zeitintensiv. Es gibt viele Unterseiten, an diese man ständig denken muss und auch ins Design einbinden sollte, da diese auch sehr wichtig sind. Diese Erkenntnis muss ich mir unbedingt merken, da es für weitere Projekte sicherlich nützlich sein kann. Auch habe ich mich intensiv mit Adobe XD beschäftigt. Am Anfang hatte ich doch mehr Mühe als ich gedacht habe, denn bei der Erstellung der Komponenten und deren Verlinkungen hatte immer wieder das Problem, dass plötzlich gewisse Effekte angezeigt werden oder eben nicht. Irgendeinmal habe ich dann gemerkt, an was es liegt und konnte es für die nächsten Verlinkungen anpassen und mir das Leben um einiges einfacher machen. Und auch durch die intensive Suche nach neuen und modernen Designs konnte ich mir viele mögliche Inspirationsquellen für andere Projekte sammeln und mir diese zu notieren. Am Schluss ist es für mich ein gelungenes Projekt, an dem ich mich Visuell austoben konnte und gleichzeitig davon profitiere.