1. Workshop Interaktion/Module Web
Wir haben uns die Webseite von Dr. Martens angeschaut.
Aktueller Link: https://www.drmartens.com/de/de/?srsltid=AfmBOorFJVtARe4mx9cZ7wUL0YgA-rs5taykoe8sFPHSfV75a3hf0fwO
Zuordnung
2. Website-Raster: Analyse Webseite allgemein
Wir haben uns zuerst die Webseite von Dr. Martens angeschaut, mussten dann aber feststellen, dass fast alle verwendeten Module Ausnahmen waren und fast nichts in ein „normales“ Raster passte.
Wir haben dann zu weiteren Bearbeitung der Aufgabe die Webseite von Nike verwendet. Hier hat alles in ein 6/12 Raster gepasst.
3. Raster und Rhythmus
Raster Ableitung 1.
Aktueller Link: https://www.thedesignersfoundry.com/gatch
Reinzeichnung der Module 1.
Raster Ableitung 2.
Aktueller Link: https://www.gt-pressura.com/
Reinzeichnung der Module 2.
Raster Ableitung 3.
Aktueller Link: https://www.luzi-type.ch/messina-sans
Reinzeichnung der Module 3.
Rasterzusammenfügung: alle Module
Rhythmusübungen und Reinzeichnungen
4. Typowebseite
Erster Entwurf Aufbau
Endgültiger Entwurf Aufbau
Anfangs hatte ich mit dem ersten Entwurf gearbeitet, habe dann aber ziemlich schnell gemerkt, dass manche Module nicht zu den jeweiligen Sections gepasst haben, weshalb ich einiges nochmal geändert und ausgetauscht habe.
Moodboards
Eingesetzte Moodboards
Überarbeitete Sections
aus zeitlichen Gründen hatte ich meine Moodboards eher sporadisch in den ersten drei Sections umgesetzt. Deshalb habe ich sie dann nach Rücksprache nochmals überarbeitet und verbessert. Schlussendlich habe ich mich für die erste Variante (das bunte mit Blumen) entschieden. Ehrlich gesagt viel mir diese Aufgabe nicht wirklich leicht, da ich eine kleine Blockade hatte und nicht wirklich wusste was ich zu meiner Schrift gestalten sollte und wie ich es umsetzten sollte. Diese Blockade hat sich dann aber nach einigen Tagen der Überlegung wieder gelöst.
Prozess
Stand 14.05
Leider habe ich seit dem 14.05 nichts mehr „richtig“ dokumentiert oder Screenshots gemacht. Seit diesem Datum ist aber sehr viel passiert. Ich habe alle Animationen erstellt, sondern auch Farben, Abstände und Module angepasst und verändert.
Endgültiger Stand 20.07
Seit meinem letzten Stand habe ich mich um die Startanimation gekümmert, aber auch viele Animationen nochmal überarbeitet und angepasst. Auch habe ich mich um das Prototyping gekümmert und nochmals Module (Glyphenraster, Regler, Slider) angepasst und verbessert.
Animationen
Titel Animation
Schriftschnitte
Glyphen
Merkmale
Geschichte
Aufgriff Titel Animation
5. Reinzeichnung
6. Styleguide
