UX/UI Case
Storytelling Tool
Entwicklung einer intuitiven UX/UI-Lösung für Scrolly – ein Tool, das Content-Erstellern ermöglicht, in wenigen Minuten immersive, scroll-getriebene Geschichten zu erstellen. Das Designkonzept folgt dem Prinzip 'Focus ist das Seltenste im Internet' und schafft eine ruhige, konzentrierte Arbeitsumgebung, die Ablenkungen minimiert und den Fokus auf das Wesentliche lenkt.
Projekt auf einen Blick
Unternehmen
Scrollytelling
Ziel
Entwicklung einer intuitiven Benutzeroberfläche für die einfache Erstellung immersiver Scroll-Geschichten mit fokussierter, ablenkungsfreie…
Herausforderung
Einfache Erstellung von immersiven Scroll-Geschichten in wenigen Minuten ermöglichen
Methoden & Inhalte
Stakeholder Workshops · Designkonzeption · User Experience Design · Interface Design · UX Design · UI Design · Designkonzept · User Interface Development
Jahr: 2025 · Branche: Content Creation & Digital Storytelling · Rolle: UX/UI Designer · Dauer: 3 Monate
Ausgangslage
Die Herausforderung
Kontext, Zielbild und Produktdruck werden in einem einzigen Problemrahmen gebündelt statt auf viele kleine Berichtsmodule verteilt.
Ausgangslage
Komplette UX/UI-Konzeption für Scrolly, eine Plattform zur Erstellung immersiver, scroll-getriebener Geschichten. Das Projekt umfasste die Entwicklung eines intuitiven Designsystems, das Content-Erstellern ermöglicht, in wenigen Minuten ansprechende Storytelling-Inhalte zu erstellen. Kernprinzip war die Schaffung einer fokussierten Arbeitsumgebung, die Ablenkungen minimiert und das Wesentliche in den Vordergrund stellt.
Fokus
Entwicklung einer intuitiven Benutzeroberfläche für die einfache Erstellung immersiver Scroll-Geschichten mit fokussierter, ablenkungsfreier User Experience
Mandat
- Einfache Erstellung von immersiven Scroll-Geschichten in wenigen Minuten ermöglichen
- Intuitive Benutzerführung für Content-Ersteller ohne technische Vorkenntnisse entwickeln
- Fokussierte, ablenkungsfreie Nutzererfahrung schaffen, die das Wesentliche in den Vordergrund stellt
Leistungen & Methoden
Lösung
Die Lösung
Fokuspunkt
Erstellung eines scrollys
Der Erstellungsbereich zeigt die zentrale Arbeitsfläche für neue Scroll-Geschichten. Im Fokus steht der Title-Slide-Editor mit klarer Strukturierung: Oben die Eingabefelder für Titel und Untertitel, darunter die Vorschau des aktuellen Slides. Die minimalistische Benutzeroberfläche reduziert Ablenkungen und ermöglicht fokussiertes Arbeiten. Links ist die Slide-Navigation zu erkennen, rechts befinden sich die Gestaltungsoptionen. Das Design folgt dem Prinzip 'Focus ist das Seltenste im Internet' und bietet eine ruhige, konzentrierte Arbeitsumgebung für die Erstellung immersiver Storytelling-Inhalte.
Visual Gallery
Warum diese Loesung
Erstellung eines scrollys
Der Erstellungsbereich zeigt die zentrale Arbeitsfläche für neue Scroll-Geschichten. Im Fokus steht der Title-Slide-Editor mit klarer Strukturierung: Oben die Eingabefelder für Titel und Untertitel, darunter die Vorschau des aktuellen Slides. Die minimalistische Benutzeroberfläche reduziert Ablenkungen und ermöglicht fokussiertes Arbeiten. Links ist die Slide-Navigation zu erkennen, rechts befinden sich die Gestaltungsoptionen. Das Design folgt dem Prinzip 'Focus ist das Seltenste im Internet' und bietet eine ruhige, konzentrierte Arbeitsumgebung für die Erstellung immersiver Storytelling-Inhalte.
Entscheidungs-Highlights
- Entwicklung einer intuitiven Benutzeroberfläche für die einfache Erstellung immersiver Scroll-Geschichten mit fokussierter, ablenkungsfreier User Experience
- Entwicklung des kompletten UX/UI-Konzepts von Grund auf
- Enge Zusammenarbeit mit Stakeholdern zur Anforderungsanalyse
Ansatz
Unser Ansatz
Der Weg wird als lesbare Folge von Entscheidungen und Ergebnissen erzählt. Nicht jede Aktivität bekommt ihren eigenen Unterabschnitt.
Schritt 1
Stakeholder Workshops
Anforderungsanalyse und Zieldefinition mit dem Scrolly-Team
Ergebnis
Projektbriefing und Designstrategie
Beitrag & Delivery
Beitrag
- Entwicklung des kompletten UX/UI-Konzepts von Grund auf
- Enge Zusammenarbeit mit Stakeholdern zur Anforderungsanalyse
- Gestaltung eines passenden Designkonzepts für immersive Storytelling-Erfahrungen
- Entwicklung einer intuitiven Benutzeroberfläche für die Story-Erstellung
- Konzeption der fokussierten Arbeitsumgebung nach dem Prinzip 'Focus ist das Seltenste im Internet'
Deliverables
- Vollständiges UX/UI-Designkonzept
- Designsystem für Storytelling-Tool
- Interaktive Prototypen für Story-Erstellung
- Style Guide und Component Library
- User Interface Spezifikationen
Wirkung
Das entwickelte UX/UI-Konzept für Scrolly schafft eine intuitive, fokussierte Plattform für die Erstellung immersiver Scroll-Geschichten. Die minimalistische B…
Messlogik
Die Messungen konzentrieren sich auf qualitative Nutzererfahrung und Effizienz der Story-Erstellung, da das Projekt primär auf die Entwicklung einer intuitiven…
Projektfokus
Entwicklung einer intuitiven Benutzeroberfläche für die einfache Erstellung immersiver Scroll-Geschichten mit fokussierter, ablenkungsfreier User Experience
Wirkung
Wirkung & Proof
Wirkung & Learnings
Das entwickelte UX/UI-Konzept für Scrolly schafft eine intuitive, fokussierte Plattform für die Erstellung immersiver Scroll-Geschichten. Die minimalistische Benutzeroberfläche reduziert Ablenkungen und ermöglicht Content-Erstellern, in wenigen Minuten ansprechende Storytelling-Inhalte zu entwickeln. Das Designsystem folgt konsequent dem Prinzip 'Focus ist das Seltenste im Internet' und bietet eine ruhige Arbeitsumgebung, die das Wesentliche in den Vordergrund stellt.
Erfolgsmessung durch Usability-Tests mit Content-Erstellern, Analyse der Story-Erstellungszeiten, Bewertung der Lernkurve für neue Nutzer und Feedback-Sammlung zur Benutzerfreundlichkeit der fokussierten Interface-Gestaltung
Messrahmen
Die Messungen konzentrieren sich auf qualitative Nutzererfahrung und Effizienz der Story-Erstellung, da das Projekt primär auf die Entwicklung einer intuitiven, ablenkungsfreien Benutzeroberfläche abzielte
Abschluss
Was bleibt
Zum Schluss bleiben die entscheidenden Learnings, die nächste Iteration und ein klarer Anschluss für das nächste Produktziel.
Aus der Zusammenarbeit
- Minimalistische Gestaltung verstärkt den Fokus auf das Wesentliche und reduziert kognitive Belastung
- Klare Strukturierung der Story-Erstellungsflows verbessert die Benutzerführung erheblich
- Eng abgestimmte Stakeholder-Workshops sind entscheidend für die Entwicklung passgenauer Designkonzepte
- Das Prinzip 'weniger ist mehr' funktioniert besonders gut bei kreativen Tools
- Fokussierte Arbeitsumgebungen steigern die Produktivität von Content-Erstellern
Nächste Schritte
- Implementierung des Designsystems in die finale Scrolly-Plattform
- Durchführung von Usability-Tests mit echten Content-Erstellern
- Iterative Verfeinerung basierend auf Nutzerfeedback
- Erweiterung der Component Library um zusätzliche Story-Elemente
- Entwicklung von Onboarding-Flows für neue Nutzer
Nächste Optimierung
- Frühere Einbindung von echten Content-Erstellern in den Designprozess
- Mehr Prototyping-Iterationen für komplexere Story-Flows
- Ausführlichere Dokumentation der Designprinzipien für das Entwicklungsteam
- Stärkere Berücksichtigung von Accessibility-Anforderungen von Beginn an
Ähnliches Produktprojekt starten
Lass uns dein nächstes Produktziel definieren und direkt in einen skalierbaren Flow übersetzen.