Kellogg’s x Swatch
2025
Im Rahmen des Moduls «Visual Design» (Frühjahrssemester 2025) bestand die Aufgabe darin, eine fiktive Landingpage für eine limitierte Sonderedition von Swatch in Kooperation mit Kellogg’s zu gestalten. Ziel war es, ein aufmerksamkeitsstarkes digitales Erlebnis zu schaffen, das die Marken-DNA beider Brands verbindet – inklusive interaktiver Elemente wie einem Produkt-Countdown und einem «Draw»-Mechanismus (E-Mail-Eintrag).
Für die Umsetzung kam Figma zum Einsatz – sowohl für Layout, visuelles Design als auch für das Prototyping und die Integration von Animationen. Visuelle Elemente wurden individuell erstellt oder aus den jeweiligen Brand Guidelines abgeleitet. Der Fokus lag durchgehend auf responsiven Interaktionen und einer Gestaltung, die speziell für die Nutzung auf Tablets optimiert wurde.
Details
Ziele der Landingpage
Digitale Übersetzung des Corporate Designs von Kellogg’s und Swatch in ein kohärentes visuelles Erlebnis
Scrollbare Landingpage im iPad Pro 12.9"-Format mit Fokus auf Animation, Touch-Interaktion und Micro-Transitions
Integration eines Countdowns für den Produktlaunch und eines E-Mail-Draws zur Teilnahme an der Verlosung
Emotionalisierung der Produkteinführung durch ein ansprechendes visuelles Storytelling
Meine Aufgaben
Visuelle Analyse beider Marken und deren Identitäten (Farben, Typografie, Formen, Tonalität)
Konzeptentwicklung einer Onepager-Struktur mit klarer Nutzerführung
Ausarbeitung von Layout, Microinteractions und Prototyping in Figma
Feinschliff mit Fokus auf Animationen, Dynamik und Nutzeremotion im digitalen Raum
