![Webdesign einer Landingpage](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_768/https://www.tinowhite.com/wp-content/uploads/2018/02/Landingpage-aarondebuur-titelbild-1024x768.jpg)
Webdesign & App-Design für Online-Shop
Landingpage, Unterseiten und App-UI für Bekleidungsgeschäft
![Landingpage Online WEshop](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1920,h_1080/https://www.tinowhite.com/wp-content/uploads/2020/05/WeSHOP-Seite-1-v2.jpg)
Projekt
details
Der Kunde
WeSHOP verkauft seit 2007 Kleidung und Accessoires in ihrem Online-Shop, nachdem sie mit dem Verkauf von Sneakern angefangen haben. WeSHOP verfolgt die Philosophie, dass stylische Kleidung keine Frage des Budgets ist und bieten sie aus diesem Grund zu faire Preise an. Darum entschied sich WeSHOP dazu neben Sneakern auch sonstige Bekleidung für Männer und Frauen ins Sortiment aufzunhemen.
Projektziel
Die alte Website hatte fehlende Seiten, ein altes Design und alte Anwendungen sowie Inhalte. Der Kunde wollte etwas Frisches, das für die nächsten Jahre Bestand hat. Mehr Bildmaterial und weniger Text. Denn auf welche andere Weise kann man moderne Klamotten besser präsentieren als mit einem farbenfrohen und Bildreichen State-of-the-Art Design?
![Onlineshop Webdesign Präsentation (1)](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1500,h_4166/https://www.tinowhite.com/wp-content/uploads/2020/05/part1.jpg)
![Onlineshop Webdesign Präsentation (2)](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1500,h_2988/https://www.tinowhite.com/wp-content/uploads/2020/05/part-2.jpg)
Projekt
Ergebnis
Ich habe viel recherchiert, weil ich nicht mit einer durchschnittlichen Shop-Website aufwarten wollte. Mein Ziel war es ein herausstechendes Design präsentieren, welches die Outfits und Styles bereits auf der Website zu einem Erlebnis machen. Aus diesem Grund habe ich mich dafür entschieden, einige coole Design-Elemente einzubauen um den Look eines „nicht von der Stange“-Shops zu kreieren. Nach einigen Zeit kam ich zu dieser ansprechenden Shop-Website. Die Jungs und Mädels von WeSHOP haben bereits eine Menge positives Feedback erhalten, und auch ich bin sehr angetan von dem Ergebnis.
App-Design & Sortiment-Seite
Die Sortimentseite enthält Verweise zu Unterkategorien, eine Filteroption um zügig die Auswahl einzugrenzen sowie Produktkarten mit Hover-Effekt. Wenn ein Benutzer über eine Produktkarte mit der Maus schwebt, erscheinen weitere Informationen zum jeweiligen Produkt (weitere Größen, alternative Farben). Zusätzlich gibt es die Möglichkeit direkt aus der Sortimentansicht heraus Favoriten zu markieren oder Produkte über soziale Netzwerke zu teilen.
Die Benutzeroberfläche der App entspricht dem Design und Layout der Desktop-Version und ermöglicht somit ein Barrierefreies und intuitiver Shopping-Erlebnis.
![Onlineshop Webdesign Präsentation Teil 2](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1709,h_4999/https://www.tinowhite.com/wp-content/uploads/2020/05/Behance-Presentation-Deutsch-WeShop-v1-FULLWeSHop-Highlight-1.jpg)
Bezahlungsprozess in der Mobilvariante
Die Responsiveness einer Website spielt heutzutage eine elementare Rolle im Webdesign. Mindestens genauso wichtig ist es, dass eine Alternative zur Browser-Version zur Verfügung steht, eine App. Das Design und die Benutzerfreundlichkeit haben auch bei einer App einen hohen Stellenwert. Für den Bezahlprozess war es unablässig den einfachen und klaren Stil der Website beizubehalten. Die Fortschrittsanzeige macht es bequem und intuitiv auch auf dem Smartphone zu shoppen, ohne irgendwelche Abstriche machen zu müssen.
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_945,h_2048/https://www.tinowhite.com/wp-content/uploads/2020/05/Behance-Presentation-Deutsch-WeShop-v1-FULLWeshop-Highlight-2-945x2048.jpg)