Arbeitstitel

amazon -Zwei Seiten eines Giganten

Ideenansätze

Thema: Alltagsrituale/ Alltagssituationen

1/ Handykonsum

2/ Foodwaste

3/ Onlinehandel (Amazon)

Kurzbeschreibung des Projekts

Final habe ich mich für Projektidee 3 entschieden- Onlinehandel

Gerade seit Corona, insbesondere als alle Geschäfte zu machen mussten, haben wahrscheinlich alle von uns immer öfter über Amazon bestellt. Es geht schnell, einfach und meistens kommen die Produkte zuverlässig an.

Aber keiner bekommt wirklich mit, welchen Weg unsere Pakete zurücklegen, bis sie bei uns ankommen. Die wenigsten hinterfragen, wie die Preise so günstig, die Produktauswahl so groß und der ganze Prozess der Lieferung so schnell sein kann.

Mit meiner Webstory möchte ich die Lieferkette von Amazon nachvollziehbar machen und zeigen, was „hinter den Kulissen“, und das nicht nur im positiven Sinne, passiert.

Mindmap und Storyline

Erstes Konzept der Storyline

Alternative Storylines/ Spannungsbögen

Überarbeitete Storyline

Finale Storyline

Moodboard

Auf meinem ersten Moodbard habe ich Ideen zu Gestaltung, Storyline sowie Aufbau der Website gesammelt.

Inspiration zur Gestaltung auf anderen Websites:

https://travelshift.com

https://wearedigitalfreelancers.com/sustainable-design/

https://spielzeit.jungesschauspielhaus.de/romeo-und-julia/

Auf meinem zweiten Moodbard bin ich konkreter auf das Design eingegangen, habe Schriften, Farben und Elemente passend zum Thema gesammelt.

Daten, Quellen, Recherche

Bei der Recherche habe ich mich an der Abfolge der einzelnen Stationen der Storyline bzw. Lieferkette orientiert.

Gesammelt habe ich Statistiken, Arbeitsabläufe, Aufbau und Kritik rund um Amazon.

Quellen:

(Folie 1)

https://nachhaltigkeit.aboutamazon.de/menschen/lieferkette/verpflichtungen-hinsichtlich-der-lieferkette

https://nachhaltigkeit.aboutamazon.de/menschen/lieferkette?workerCount=true&engagementProgram=true&productCategory=true

https://de.statista.com/statistik/daten/studie/297593/umfrage/mitarbeiter-von-amazon-weltweit/

https://www.welt.de/wirtschaft/article197011399/Amazon-Marktplatz-Lieferanten-in-einer-Abhaengigkeitsfalle.html

https://www.wsj.com/articles/amazon-demands-one-more-thing-from-some-vendors-a-piece-of-their-company-11624968099

(Folie 2)

https://youtu.be/JAGmkqzCCJ4

(Folie 3)

https://www.nordbayern.de/region/forchheim/pakete-ohne-ende-so-lauft-s-im-amazon-sortierzentrum-bei-eggolsheim-1.9494795

(Folie 4)

https://www.aboutamazon.de/logistikzentrum/unsere-logistikzentren/unser-logistiknetzwerk

https://de.wikipedia.org/wiki/Versandzentrum

https://www.infranken.de/lk/bad-kissingen/amazon-verteilzentrum-in-oerlenbach-plant-fuehrungen-fuer-buerger-art-5268245

https://youtu.be/gxyNR15kuJo

(Folie 5)

https://www.amazon.de/gp/help/customer/display.html/ref=hp_gt_w_dd_dd?nodeId=201910060

https://www.amazon.de/gp/help/customer/display.html/ref=hp_gt_w_dd_dd?nodeId=201910060

https://www.pocket-lint.com/de-de/smart-home/news/amazon/142667-was-sind-amazon-key-und-in-der-autozustellung-und-wie-funktionieren-sie

https://www.amazon-watchblog.de/prime/2669-amazon-prime-now-ende.html

https://www.amazon.com/Amazon-Prime-Air/b?ie=UTF8&node=8037720011

https://logistra.de/news/nfz-fuhrpark-lagerlogistik-intralogistik-amazon-testet-lieferung-lastenrad-freiburg-79968.html

https://www.focus.de/finanzen/boerse/

https://www.inside-digital.de/news/ueberraschende-zahlen-so-viele-pakete-bestellt-jeder-deutsche-bei-amazon

(Statistiken)

https://de.statista.com/themen/757/amazon/#dossierKeyfigures

(Kritik an Amazon)

https://www.vox.com/recode/2021/3/1/22306508/amazon-race-discrimination-sexual-harassment-assault-lawsuit-charlotte-newman

https://www.businessinsider.de/wirtschaft/handel/belaestigung-entlassungen-arbeitsdruck-so-ist-amazon-als-arbeitgeber-c/

https://www.spiegel.de/karriere/amazon-ein-mitarbeiter-erzaehlt-warum-er-gegen-schlechte-arbeitsbedingungen-streikt-a-fd4bcfce-ef1f-4acf-bfde-e2f015791282

https://www.faz.net/aktuell/wirtschaft/unternehmen/amazon-kopierte-in-indien-produkte-anderer-hersteller-17584608.html

https://www.zeit.de/wirtschaft/unternehmen/2018-06/amazon-foxconn-china-echo-arbeitsschutz

https://www.sueddeutsche.de/wirtschaft/amazon-monopol-1.5337627

Skizzen/ erste Layouts

Erste Illustrationsentwürfe in Adobe Illustrator und Spline

Animation in After Effects:

Da die erste Illustration als Produkt missverständlich war, habe ich sie durch eine Illustration eines typischen braunen Amazonkartons ersetzt. So wurde die Storyline verständlicher und das Päckchen führt als roter Faden durch die ganze Seite.

Figma Prototyp (Screencast)

Figma Board: https://www.figma.com/file/pliXdXnFoJCcsAeBgqKtcv/Untitled?node-id=0%3A1

Zwischenpräsentation (15.12.21)

Überarbeitung Prototyp in Figma

Als ich begann, die Seite in Webflow aufzubauen, habe ich mich gegen das Scrolling im Viewport entschieden, da ich einen besseren Weg für die Umsetzung der Lottie Animationen fand. Um eine bessere Organisation und Struktur in Webflow zu haben, überarbeitete und strukturierte ich meinen Prototypen in Figma noch einmal, sodass die Seite als Onepager aufgebaut war. So konnte ich auch genauer auf den Rhythmus der Seite in Bezug auf Animationen, horizontales Scrollen, statischen Parts und Unterseiten achten. Später hat sich der Aufbau erneut leicht verändert, indem der letzte Part ein zweites „horizontales Scrollen“ wurde.

Styleguide

Webflow (finales Design)

Meinen ausgearbeiteten Figma-Prototypen habe ich dann in Webflow umgesetzt. 

In Stil und Farbschema lassen sich zwei Ebenen erkennen. Die eine erzählt positiv, die andere negativ über Amazon. Die zweite Ebene im Zeitungsstil besteht aus 4 Unterseiten, auf die man durch Zeitungsbuttons auf der Startseite gelangt.

Außerdem habe ich mit After Effects und der Erweiterung Bodymovin gearbeitet, um Lottie Animationen einzusetzten. Durch die Platzierung in Sticky Containern, lassen sich diese durch Scrollen abspielen.

Das horizontale Scrollen konnte ich direkt in Webflow umsetzten.

Als der Aufbau der Seite soweit fertig war, habe ich noch kleinere Webflowanimationen, wie das Hereinrücken der Loadingbar, das versetzte Erscheinen der zehn Pakete oder die Bewegung der Zeitungsbuttons hinzugefügt.

Des Weiteren war die Platzierung und das Timing der Zeitungsbuttons noch nicht optimal. Durch das Verwenden von Sticky Containern und Animationen bleiben die Buttons am unteren Viewportrand und blenden zum richtigen Zeitpunkt ein und aus.

Webflow Screencast

https://amazonkritik.webflow.io/

(1439x900px)

Abschlusspräsentation (26.1.22)

https://www.figma.com/proto/6zUD7ccE0x7avPKfhoGHf0/Abschlusspr%C3%A4sentation-Storytelling?page-id=0%3A1&node-id=2%3A17&viewport=241%2C48%2C0.02&scaling=contain

Dokumentationsvideo

Niedrige Preise, wann und wo Sie wollen.

Als größter Onlinehändler weltweit weiß Amazon nicht nur, wie Marketing funktioniert, sondern auch wie Prozesse immer weiter optimiert werden können, um KundInnen zufriedenzustellen.

Meine Webstory verfolgt den Weg einer Bestellung vom Kauf bis zur Auslieferung.

In 5 Stationen finden sich Zahlen und Fakten, sowie Arbeitsabläufe von Amazon. 

Das Unternehmen scheint perfekt zu funktionieren. So gut wie jeder greift darauf zurück, um Zeit und Geld zu sparen.

Mitarbeiterberichte zeigen jedoch ein anderes Bild. Interaktive Elemente auf der Website öffnen eine zweite Ebene, auf der Amazon stark kritisiert wird. In Zeitungsartikeln kann man Berichte zu Überwachung, Diskriminierung und konstantem Druck am Arbeitsplatz lesen. 

UserInnen wird so die Möglichkeit geboten sich ein eigenes Urteil über den Konzern zu bilden.