Ginger's World Website
Mai 2022
Ginger's World Website – Akademisches Design
Ich freue mich, das akademische Designprojekt für "Ginger's World" vorzustellen, das als Übung während meiner Ausbildung entstanden ist. Diese Arbeit bot die Gelegenheit, verschiedene Aspekte des Webdesigns und der Prototypenentwicklung zu vertiefen, mit besonderem Fokus auf Marktforschung und -analyse. Als akademisches Projekt mögen einige grafische Entscheidungen im Vergleich zu aktuellen Trends etwas veraltet wirken, doch jedes Element wurde sorgfältig durchdacht, um eine solide Designgrundlage zu gewährleisten.
Konzeption und Analyse
Der erste Schritt war die Definition des Seitenkonzepts, gefolgt von der Analyse der wichtigsten Mitbewerber. Ich identifizierte die Stärken und Schwächen jedes Konkurrenten, um eine Website zu gestalten, die den Bedürfnissen der Zielgruppe effektiv gerecht wird.
Personas-Forschung und -Entwicklung
Für ein besseres Verständnis der Zielgruppe führte ich Interviews, Fokusgruppen und Umfragen durch. Anschliessend erstellte ich mit Miro detaillierte Personas, die die Zielnutzer repräsentieren und die Designentscheidungen in jeder Projektphase leiten.
Layout-Design und Prototyping
Ich entwickelte erste Wireframes in Miro, um die Seitenstruktur und Inhaltsanordnung zu definieren. Anschliessend erstellte ich detaillierte Mockups der Seiten in Sketch, um das vollständige Design zu visualisieren. Schliesslich verknüpfte und animierte ich die Mockups in InVision und verwandelte sie in einen interaktiven Prototyp, der die finale Nutzererfahrung simuliert.
Interaktiver Prototyp
Der interaktive Prototyp ist auf InVision verfügbar und ermöglicht es, das gesamte navigierbare Layout zu erkunden – eine konkrete Darstellung, wie die Website in der Realität aussehen würde.
Galerie
