Aqua Slay

Hero Image
Hero Image
Hero Image

(About)

Semester:

3. Semester

Meine Rolle:

Konzept · Design · Prototyp

Projektteam

Berch

Jahr:

2025

Semester:

3. Semester

Meine Rolle:

Konzept · Design · Prototyp

Projektteam

Berch

Jahr:

2025

Semester:

3. Semester

Meine Rolle:

Konzept · Design · Prototyp

Projektteam

Berch

Jahr:

2025

Aqua Slay ist ein konzeptionelles UI/UX-Projekt für eine personalisierbare Vitaminwasser-Brand. Im Fokus stand die Gestaltung eines klar strukturierten, interaktiven Produkterlebnisses von der Landingpage bis zum Checkout. Das Projekt wurde als klickbarer Prototyp für Desktop und Mobile umgesetzt.
Aqua Slay ist ein konzeptionelles UI/UX-Projekt für eine personalisierbare Vitaminwasser-Brand. Im Fokus stand die Gestaltung eines klar strukturierten, interaktiven Produkterlebnisses von der Landingpage bis zum Checkout. Das Projekt wurde als klickbarer Prototyp für Desktop und Mobile umgesetzt.
Placeholder image
Placeholder image
Placeholder image
Placeholder image
Placeholder image
Placeholder image
Placeholder image
Placeholder image
Placeholder image

(01)

Analyse, Zielgruppen & Konzept

Zu Beginn wurden Zielgruppen, Nutzungskontexte und Bedürfnisse analysiert und in klaren Personas ausgearbeitet. Darauf aufbauend entstand das inhaltliche und visuelle Grundkonzept der Marke, inklusive Positionierung, Tonalität und zentraler Design-Prinzipien. Ziel war es, ein digitales Erlebnis zu definieren, das Individualität, Gesundheit und Lifestyle glaubwürdig verbindet.

Placeholder Image

(01)

Analyse, Zielgruppen & Konzept

Zu Beginn wurden Zielgruppen, Nutzungskontexte und Bedürfnisse analysiert und in klaren Personas ausgearbeitet. Darauf aufbauend entstand das inhaltliche und visuelle Grundkonzept der Marke, inklusive Positionierung, Tonalität und zentraler Design-Prinzipien. Ziel war es, ein digitales Erlebnis zu definieren, das Individualität, Gesundheit und Lifestyle glaubwürdig verbindet.

Placeholder Image

(01)

Analyse, Zielgruppen & Konzept

Zu Beginn wurden Zielgruppen, Nutzungskontexte und Bedürfnisse analysiert und in klaren Personas ausgearbeitet. Darauf aufbauend entstand das inhaltliche und visuelle Grundkonzept der Marke, inklusive Positionierung, Tonalität und zentraler Design-Prinzipien. Ziel war es, ein digitales Erlebnis zu definieren, das Individualität, Gesundheit und Lifestyle glaubwürdig verbindet.

Placeholder Image

(02)

Wireframes, UI/UX & visuelle Ausarbeitung

Auf Basis der Analyse wurden Wireframes entwickelt, um Struktur, User Flow und Interaktionslogik festzulegen. Anschließend folgte die Ausarbeitung des UI/UX-Designs mit Fokus auf klare Nutzerführung, visuelle Hierarchie und spielerische Interaktionen. Parallel entstanden 3D-Visuals und Packaging-Designs, deren Renderings gezielt zur Markeninszenierung im Interface eingesetzt wurden.

Placeholder Image

(02)

Wireframes, UI/UX & visuelle Ausarbeitung

Auf Basis der Analyse wurden Wireframes entwickelt, um Struktur, User Flow und Interaktionslogik festzulegen. Anschließend folgte die Ausarbeitung des UI/UX-Designs mit Fokus auf klare Nutzerführung, visuelle Hierarchie und spielerische Interaktionen. Parallel entstanden 3D-Visuals und Packaging-Designs, deren Renderings gezielt zur Markeninszenierung im Interface eingesetzt wurden.

Placeholder Image

(02)

Wireframes, UI/UX & visuelle Ausarbeitung

Auf Basis der Analyse wurden Wireframes entwickelt, um Struktur, User Flow und Interaktionslogik festzulegen. Anschließend folgte die Ausarbeitung des UI/UX-Designs mit Fokus auf klare Nutzerführung, visuelle Hierarchie und spielerische Interaktionen. Parallel entstanden 3D-Visuals und Packaging-Designs, deren Renderings gezielt zur Markeninszenierung im Interface eingesetzt wurden.

Placeholder Image

(03)

Prototyping, Rendering & Feinschliff

Alle Elemente wurden zu einem klickbaren Prototyp für Desktop und Mobile zusammengeführt. In der finalen Phase lag der Fokus auf Detailarbeit, Konsistenz zwischen Screen-, 3D- und Packaging-Design sowie einer hochwertigen visuellen Gesamtwirkung.

Placeholder Image

(03)

Prototyping, Rendering & Feinschliff

Alle Elemente wurden zu einem klickbaren Prototyp für Desktop und Mobile zusammengeführt. In der finalen Phase lag der Fokus auf Detailarbeit, Konsistenz zwischen Screen-, 3D- und Packaging-Design sowie einer hochwertigen visuellen Gesamtwirkung.

Placeholder Image

(03)

Prototyping, Rendering & Feinschliff

Alle Elemente wurden zu einem klickbaren Prototyp für Desktop und Mobile zusammengeführt. In der finalen Phase lag der Fokus auf Detailarbeit, Konsistenz zwischen Screen-, 3D- und Packaging-Design sowie einer hochwertigen visuellen Gesamtwirkung.

Placeholder Image