Scrollen um zu Entdecken
Grafik &
Web
10 Projekte
Webseiten
Plakate
Cover
From old to new
Webseite
2023
BLRN WEBSEITE
Webseite
2023
From old to new
Überblick
| Projektart: | Webseite |
| Entstehungsjahr: | 2023 |
| Programme: |
|
| Kurzbeschreibung: | Um vergangenen und zukünftigen Projekten meinerseits eine Plattform zu geben, habe ich mich dazu entschieden meine alte Webseite aufzufrischen und das Branding komplett zu überarbeiten. Im Folgenden sieht man Vergleiche zwischen der alten und der neuen Seite und den Prozess des Designs. |
Details
Im ersten Schritt ging es darum in der Discover-Phase herauszufinden, wer
die Zielgruppe der Webseite sind. Dazu passend wurden zwei Personas erstellt, mit individuellen
Wünschen und Vorstellungen. Zudem wurde der Nutzungskontext definiert.
Im nächsten Schritt der Define-Phase wurden als erstes die Nutzungsbedürfnisse und
-anforderungen definiert. Im Genaueren bedeutet das, dass der Nutzer ein bestimmtes Bedürfnis
hat, wie z.B. das Finden des Kontaktformulars. Passend zu diesem Bedürfnis werden dann die
Anforderungen daran definiert, wie z.B. Shortcut im Menü. Diese Bedürfnisse und Anforderungen
werden anschließend mit Wichtigkeiten von niedrig bis hoch belegt.
Ein weiterer Punkt in der Define-Phase ist das Brainstorming und das Anlegen von Moodboards und
ersten Designkonzepten. Daraufhin wurden die Farben, die Typografie, die Keyvisuals und der
allgemeine Look festgelegt und festgehalten.
Als dritter Schritt kommt die Prototypen-Phase. Hier wurden zuerst auf einem Blatt Papier
Low-Fidelity Prototypen gezeichnet und mit dem groben Layout experimentiert. Anschließend wurden
in Adobe XD High-Fidelity Prototypen (Bild 7) angelegt, getestet und Fehler im Layout und der
Interaktion behoben.
Im letzten Schritt wurde die Webseite in Visual Studio Code programmiert, responsive gemacht und
auf mehreren Endgeräten mit verschiedenen Betriebssystemen und Browsern getestet.
Eine Webseite für die Zukunft
Webseite
2022/2023
INGOT
Webseite
2022/2023
Eine Webseite für die Zukunft
Überblick
| Projektart: | Webseite |
| Entstehungsjahr: | 2022/2023 |
| Programme: |
|
| Link: | INGOT jewelry |
| Kurzbeschreibung: | Aus recycelten Wertmetallen KI Designs in Form von
handgefertigtem exklusivem Schmuck realisieren – Das ist INGOT. Eine Webseite für eine innovative, moderne und zukunftsweisende Marke. |
Details
Im 5. Semester war es in der Vorlesung Mediendesign 2 unsere Aufgabe ein
fiktives Startup zu gründen und das Branding dafür zu designen. Entstanden ist die
zukunftsweisende Marke INGOT. Die weltweit erste Schmuckmarke, die ausschließlich recycelte
Edelmetalle für ihren Schmuck benutzt und dabei die Stärken von Menschen und Maschinen vereint.
Zusammen mit drei anderen Teammitgliedern wurde diese anspruchsvolle Aufgabe realisiert.
Meine Aufgabe in diesem Team war es beim Branding mitzuwirken und das Design und die
Interaktivität der Webseite zu definieren. Dafür wurden Low- und High-Fidelity Prototypen
entwickelt und getestet. Anschließend wurde die Webseite in Visual Studio Code programmiert und
final auf verschiedenen Endgeräten mit unterschiedlichen Betriebssystemen und Browsern getestet.
