Herausforderung
Für KYOO bestand die zentrale Herausforderung darin, eine digitale Markenpräsenz zu entwickeln, die ein stark visuelles Food-Konzept konsequent in den mobilen Nutzungskontext übersetzt. Da die Zielgruppe die Seite vor allem über das Smartphone aufruft, musste die Nutzerführung von Beginn an darauf ausgelegt werden, Gerichte, Markenwirkung und Bestellimpuls bereits in den ersten Sekunden spürbar zu machen. Gleichzeitig sollte die Webseite auch auf Desktop-Endgeräten eine hochwertige und konsistente Brand Experience schaffen. Die visuelle Inszenierung der Speisen sowie die detailgetreue technische Umsetzung des Designs mussten dabei so zusammengeführt werden, dass Markenästhetik, Nutzerführung und Performance auf allen Viewports präzise ineinandergreifen.
Umsetzungszeitraum
Januar – April 2026
Link zum Projekt
Strategie
Die Markenwirkung von KYOO sollte direkt über Bildsprache, Größenverhältnisse, Bewegungen und die strategische Platzierung zentraler Inhalte entstehen. Zunächst sollte ein Prototyp entwickelt werden, der die Mobile-Nutzererfahrung priorisiert und gleichzeitig eine hochwertige Desktop-Version mitdenkt. Das Design musste also technisch so umgesetzt werden, dass Animationen, Slider, Grafiken und Videoelemente auf unterschiedlichen Geräten konsistent funktionieren und die visuelle Sprache der Marke präzise erhalten bleibt. Zudem planten wir einen gezielten Einsatz von KI-gestützten Video-Assets, um die Qualität der Gerichte für die User unmittelbar erlebbar zu machen.
Umsetzung
Im ersten Schritt wurde das komplette UX-/UI-Konzept in Figma ausgearbeitet. Dabei entstand eine Mobile-First-Struktur, die Gerichte, Bildwelten und visuelle Reize auf dem Smartphone bewusst in den Vordergrund rückt. Die Speisen wurden größer inszeniert, zentrale Video-Assets prominent platziert und die Nutzerführung so aufgebaut, dass ein unmittelbarer Wow-Effekt entsteht.
In der technischen Umsetzung wurde das Design anschließend mit hoher Detailtreue übertragen. Besondere Aufmerksamkeit galt dabei der responsiven Adaption anspruchsvoller Elemente für unterschiedliche Bildschirmgrößen und Geräteklassen. Animationen, Slider und Grafiken mussten so entwickelt bzw. angepasst werden, dass sie dem ursprünglichen Designanspruch entsprechen und gleichzeitig performant bleiben. Auch die KI-generierten Video-Assets wurden gezielt so eingebunden, dass sie sowohl im mobilen Hochformat als auch in breiteren Desktop-Layouts ihre Wirkung entfalten, ohne an Fokus oder Bildqualität zu verlieren.
In der technischen Umsetzung wurde das Design anschließend mit hoher Detailtreue übertragen. Besondere Aufmerksamkeit galt dabei der responsiven Adaption anspruchsvoller Elemente für unterschiedliche Bildschirmgrößen und Geräteklassen. Animationen, Slider und Grafiken mussten so entwickelt bzw. angepasst werden, dass sie dem ursprünglichen Designanspruch entsprechen und gleichzeitig performant bleiben. Auch die KI-generierten Video-Assets wurden gezielt so eingebunden, dass sie sowohl im mobilen Hochformat als auch in breiteren Desktop-Layouts ihre Wirkung entfalten, ohne an Fokus oder Bildqualität zu verlieren.
Wirkung
Das Ergebnis ist eine moderne, markenstarke Webseite, die KYOO als visuell eigenständiges Food-Konzept positioniert und das Produkterlebnis digital so vermittelt, wie es für eine mobile Zielgruppe heute entscheidend ist: schnell, hochwertig, emotional und klar geführt. Das Zusammenspiel aus Design, Bewegung und responsiver Präzision sorgt dafür, dass die Marke auf allen Endgeräten konsistent wahrgenommen wird und die angebotenen Produkte sofort im Mittelpunkt stehen.
Aufgabenbereiche
Webdesign, Webentwicklung, UX/UI Design, KI-gestützte Content Creation
Vereinbaren Sie einen Termin mit uns
Wir freuen uns auf Sie!
