Urlaub an der Ostsee digital neu erleben

UX/UI Rebranding der Ostsee Guide App

Abbildung eines Handyscreens auf dem die neue Ostsee Guide App abgebildet ist (Startscreen mit Kartenausschnitt der Region Scharbeutz)

Mit einem ganzheitlichen UX/UI-Redesign wurde der Ostsee Guide zu einer modernen, intuitiven Erlebnis­plattform weiterentwickelt. Durch die klare Informations­architektur erhalten Nutzer:innen individuellere Informationen zu ihrem Urlaubsort.

  • 4

    Monate Projektlaufzeit

  • 5

    paralle KI-Agenten

  • 1

    klickbarer Protyp mit zahlreichen Funktionen

  • 4

    Monate Projektlaufzeit

  • 5

    paralle KI-Agenten

  • 1

    klickbarer Protyp mit zahlreichen Funktionen

Was war unsere Aufgabe?

Die App des Ostsee Guides sollte grundlegend neu gedacht werden – inklusive Branding, einer überarbeiteten User Experience und einem vollständig klickbaren Prototypen. Gleichzeitig standen für das gesamte Projekt nur wenige Monate zur Verfügung. Für uns bedeutete das, neben einem engen Zeitrahmen, dass wir die Anforderungen auf Kundenseite sowie Entscheidungen parallel zum Design-Prozess umsetzten. Mit klassischen UX- und UI-Prozessen wäre die gewünschte Detailtiefe innerhalb der verfügbaren Zeit kaum realisierbar gewesen, so dass wir umdenken mussten.

Neuer Workflow mit Prototyp

Aufgrund der zeitlich begrenzten Rahmenbedingungen entschieden wir uns bewusst für einen neuen Workflow. Anstatt zunächst sämtliche Screens in Figma zu gestalten und anschließend einen Prototypen zu erstellen, wurde der Prozess umgekehrt.

Der interaktive Prototyp entstand mithilfe verschiedener KI-Werkzeuge in einer frühen, bewusst groben Version. Anschließend wurde dieser erste Prototyp iterativ erweitert, getestet und verfeinert. Die benötigten Screens wurden anschließend manuell in Figma ausgearbeitet, finalisiert und in den klickbaren Prototypen übernommen. So mussten nicht alle Screen-Varianten von Beginn an vollständig gestaltet werden, sondern nur dort manuell nachgearbeitet werden, wo es wirklich erforderlich war.

Ergänzend zum Prototypen wurden interne UX-Tests durchgeführt, um Logiklücken aufzudecken und das intuitive Verständnis der App weiter zu optimieren.

Da die Interaktions­logiken und das Wissen über das Produkt bereits im Prototypen und den KI-Sessions verankert waren, konnte auch die Dokumentation auf dieser Basis aufgebaut werden. Der fertige Prototyp wurde damit die Grundlage der Projektdokumentation.

Simeon Ortmüller Senior Experience Designer | AI Specialist

KI als Hebel für die Entwicklung

Der eigentliche Innovationsschritt lag bei diesem Projekt nicht nur im fertigen Design, sondern im Entwicklungs­prozess selbst. Durch den KI-gestützten Workflow konnten Prototyp, Gestaltung und Dokumentation parallel entstehen. Dadurch war es uns möglich, innerhalb des engen Zeitrahmens einen außergewöhnlich detaillierten und nahezu produktions­reifen Prototypen zu entwickeln.

Dieser Prototyp konnte unserem Kunden bereits einen Eindruck davon vermitteln, wie das Re-Design der App aussehen würde, da bereits sämtliche relevante Nutzungsszenarien abgedeckt wurden.

Das neue Logo des Ostsee Guide.
Abbildung der digitalen ostseecard innerhalb der Ostsee Guide App.
Abbildungen der Veränderungen im Design. Vorher-Nachher Grafiken der App-Screens der Startseite und der Kartenansicht.
Neues Look und Feel

Mit wenigen Klicks zum entspannten Urlaub

Innerhalb weniger Monate entstand durch den innovativen Prozess ein vollständig überarbeitetes Konzept für die Ostsee Guide-App – inklusive neuem Corporate Design, UX-Konzept, UI-Design, klickbarem High-Fidelity-Prototypen und umfassender Projekt­dokumentation. Die re-designte App orientiert sich stärker an den Bedürfnissen der Nutzer:innen und bietet ein interaktives Erlebnis für das Entdecken von Orten und Veranstaltungen entlang der Ostseeregion. 

In der Nutzung des Ostsee Guides äußert sich dies vor allem durch eine deutlich klarere Informationsarchitektur und ein modernes, konsistentes Nutzungserlebnis. Auch die Integration der OstseeCard wurde neu konzipiert und ist nun auf jedem Screen sichtbar und schnell auffindbar.

Zukünftig wird ein konzipiertes KI-Tagesplan-Feature Nutzer:innen ermöglichen, einen kompletten Tagesaufenthalt mit mehreren Stationen und zusätzlichen Empfehlungen vorzuplanen und anschließend im Durchführungs­modus zu begleiten.

Auch aus Kundensicht entstand ein klarer Mehrwert. Die Ostsee Guide-App wurde stärker von der Marke Lübecker Bucht abgegrenzt. Gleichzeitig wurden Möglichkeiten zur zukünftigen Monetarisierung der App berücksichtigt, um eine spätere Skalierung der Anwendung zu unterstützen.

Zukünftig wird ein konzipiertes KI-Tagesplan-Feature Nutzer:innen ermöglichen, einen kompletten Tagesaufenthalt mit mehreren Stationen und zusätzlichen Empfehlungen vorzuplanen und anschließend im Durchführungs­modus zu begleiten.

Auch aus Kundensicht entstand ein klarer Mehrwert. Die Ostsee Guide-App wurde stärker von der Marke Lübecker Bucht abgegrenzt. Gleichzeitig wurden Möglichkeiten zur zukünftigen Monetarisierung der App berücksichtigt, um eine spätere Skalierung der Anwendung zu unterstützen.

Ausblick und Fazit

Dieses Projekt hat uns zeigt, wie KI nicht nur einzelne Arbeitsschritte beschleunigt, sondern den gesamten UX- und UI-Prozess neu organisieren kann. Anstatt lineare Design­phasen nacheinander abzuarbeiten, entstand ein iterativer Workflow, in dem Prototyping, Design, Dokumentation und Konzept­entwicklung ineinandergreifen. Dadurch konnten wir komplexe digitale Produkte in kürzerer Zeit deutlich detaillierter entwickeln und das ohne Abstriche bei der konzeptionellen Qualität oder dem Nutzer:innen­erlebnis.

Wir verfolgen den Ausbau der Ostsee Guide App weiterhin mit großem Interesse und freuen uns darüber einen wesentlichen Beitrag zu einem regionalen Projekt beigetragen zu haben.

Abbildung der Ostsee Guide App innerhalb einer Grafik im neu erarbeiten Brand Design.

Portrait Paul Stellmacher - Tourismus Agentur Lübecker Bucht

Paul Stellmacher Stellvertretender Vorstand | Fachbereichsleiter Online-Marketing von der Tourismus-Agentur Lübecker Bucht

Hier kannst du den Ostsee Guide herunterladen:

  • 4

    Monate Projektlaufzeit

  • 5

    paralle KI-Agenten

  • 1

    klickbarer Protyp mit zahlreichen Funktionen

Referenzen

Projektidee? Schreiben Sie uns!