Visualisieren
Was macht eigentlich eine gute Website aus? Was ist nutzerfreundlich? Was bleibt in Erinnerung? Mit solchen Fragen haben wir uns im zweiten Semester beschäftigt. Dazu
war die Aufgabe eine eigene Website zu gestalten. Programmiert haben wir sie nicht, aber testen kann man sie dennoch. Adobe Xd sei Dank!
Hier gehts zum Klick-Dummy.
Wireframes und Logo
Bevor es ans effektive Gestalten der Website ging, mussten Wireframes angefertigt werden. So konnte ich mir in kurzer Zeit verschiedene Versionen der Websitengestaltung vorstellen, ohne bereits das ganze gestaltete Layout verändern zu müssen. Das spart Zeit und Nerven. Die Wireframes habe ich zuerst auf Papier gesketcht und dann im Adobe Xd finalisiert. Teil der Aufgabe war es, auch ein eigenes Logo herzustellen.
Gestalten der Website
Aufgrund des finalen Wireframes, das ich mit Adobe Xd gestaltet habe, konnte ich nun meine Website "richtig" gestalten. Es war nicht so einfach wie gedacht, von abstrakten Wireframe zum effektiven Layout zu kommen. Schlussendlich mussten dann auch die ganzen Interaktionen (hovern, clicken etc.) eingebaut werden und die verschiedenen Unterseiten miteinener verlinkt werden. Auch die Bilder und Piktogramme habe ich selbst gemacht.
Skills
