reza tavasoli

Tourism App

UI/UX Case Study

Team

Mahmoud Amini

Product Design Lead

Reza Tavassoli

UIUX Designer

Group 759435 (1)

Shahin Servati

UIUX Designer

Verwendete Tools

Figma. Photoshop. Illustrator

Dauer

3 Months

🗂Projektübersicht

Als UI/UX-Designer arbeitete ich eng mit dem Projektmanager zusammen, um ein nahtloses Buchungserlebnis für den iranischen Reisemarkt zu gestalten. Unser Ziel war es, Hotel- und Flugreservierungen zu vereinfachen und gleichzeitig den Erwartungen der Nutzer gerecht zu werden – geprägt durch führende lokale Apps wie Alibaba, Flytoday und Jajiga. Wir analysierten diese Plattformen systematisch, um die mentalen Modelle der Nutzer zu verstehen, Best Practices zu identifizieren und gängige UX-Fehler zu vermeiden. Das Ergebnis ist eine moderne, mobiloptimierte Benutzeroberfläche, die auf einem skalierbaren Designsystem basiert – mit über 80 High-Fidelity-Screens, die die gesamte Nutzerreise vom Suchen bis zur Buchung abdecken.

❗️Problemstellung

In unserer Reisebuchungs-App traten vor dem Redesign mehrere schwerwiegende Probleme auf. Nutzer hatten Schwierigkeiten mit einer umständlichen und wenig intuitiven Benutzeroberfläche, die eine effiziente Buchung von Flügen, Hotels und Ausflügen erschwerte. Die App litt unter geringer Nutzerbindung, da zentrale Funktionen nur schwer zugänglich waren. Dies führte zu einem Rückgang der Nutzerzufriedenheit und der Wiederkehrraten. Unser Redesign zielt darauf ab, diese Herausforderungen zu bewältigen und ein nahtloseres, ansprechenderes Nutzungserlebnis zu schaffen – mit dem Ziel, den Wert und die Relevanz der App in der Reisebranche deutlich zu steigern.

Die Informationsarchitektur der vorherigen App war unübersichtlich, was es den Nutzern erschwerte, essenzielle Funktionen wie Flug- und Hotelbuchungen zu finden und zu nutzen.
Komplexe Nutzerflüsse führten zu Verwirrung und Frustration, was sich negativ auf das gesamte Nutzungserlebnis auswirkte.
Usability-Tests deckten mehrere kritische Schwachstellen auf – darunter Schwierigkeiten beim Abschluss von Buchungen und eine fehlende, klare Navigation –, was zu Unzufriedenheit und einem Rückgang der Nutzung führte.
Inkonsistenzen im User Interface (UI) sowie im eingesetzten UI-Kit sorgten für ein uneinheitliches Nutzungserlebnis.
Das Fehlen eines standardisierten UI-Kits führte zu Unstimmigkeiten bei Designelementen wie Buttons und Typografie und verstärkte die bestehenden Usability-Probleme zusätzlich.

🎯 Ziele und Bedürfnisse der Nutzer:innen

Durch umfassende Usability-Tests, Benchmark-Analysen und Nutzerinterviews konnten wir die spezifischen Ziele und Bedürfnisse der Nutzer klar herausarbeiten – eine essenzielle Grundlage für unsere UX-Design-Entscheidungen im Projekt.

Die zentralen Nutzeranforderungen umfassten:

  • Buchungen mit möglichst wenigen Schritten abschließen und Reservierungen problemlos verwalten können

  • Detaillierte Informationen wie Bewertungen und Empfehlungen finden, um fundierte Entscheidungen treffen zu können

  • Erlebnisse mühelos teilen und so zur aktiven Community-Beteiligung beitragen

  • Personalisierte Vorschläge für Flüge, Hotels und Sehenswürdigkeiten erhalten

  • Schnelle und präzise Suchfunktion, um relevante Ergebnisse ohne Umwege zu finde

 

⚙️ Design Prozess

1. 🗣 Interviews mit Product Manager

Wir starteten das Tourismus-App-Projekt in enger Zusammenarbeit mit dem Projektmanager, um die Geschäftsziele, Nutzerbedürfnisse und technischen Rahmenbedingungen umfassend zu verstehen. Diese frühen Gespräche ermöglichten es uns, eine klare Vision zu entwickeln – mit dem Fokus darauf, Hotel- und Flugbuchungen zu vereinfachen und so ein reibungsloseres Reiseerlebnis zu schaffen.

2. 📊 Benchmarking und Wetbewerbanalyse

Wir führten eine Benchmark-Analyse bekannter iranischer Reise-Apps wie Alibaba, Flytoday, Flightio und Jajiga durch, um die mentalen Modelle lokaler Nutzer zu verstehen, Best Practices zu identifizieren und sowohl positive als auch negative Aspekte bestehender Lösungen zu bewerten.

 
 

 

 

✅ Störken❌ Schwöchen
Vertraute und übersichtliche BenutzeroberflächeÜberladene und unübersichtliche Bildschirme
Schnelle Buchungsabläufe für Hotels und FlügeInkonsistente Designmuster
  
Preisfilter sowie Sortierung nach Klasse und DatumEingeschränkte Barrierefreiheit (z. B. Kontrast, Schriftart)
Integrierte lokale ZahlungsanbieterVerwirrende Navigationsmenüs
Karten- und standortbasierte HotelvorschlägeRuckelnde Performance auf einigen Geräten
Trusted reviews & ratingsLack of microinteractions/feedback

3. 🤝 Teamzusammenarbeit

Wir führten Brainstorming-Sessions und Workshops mit unserem Produktteam durch, um uns auf zentrale Funktionen abzustimmen, Aufgaben zu priorisieren und das MVP (Minimum Viable Product) zu definieren. Dabei brachten sich alle Teammitglieder – von Entwickler:innen bis hin zu Content-Strateg:innen – aktiv ein.

4. 🧱 Wireframing

Auf Grundlage unserer Erkenntnisse erstellten wir Low-Fidelity-Wireframes, um die Nutzerreise zu gestalten und zentrale Funktionen zu strukturieren. Diese Wireframes ermöglichten es uns, Ideen schnell zu testen und frühzeitig Feedback einzuholen. So konnten wir einen klaren User Flow entwickeln, der logisch, intuitiv und auf die Bedürfnisse der Nutzer abgestimmt ist.

5. 🔄 Iteration & Feedback

Während des gesamten Prozesses arbeiteten wir nach einem agilen Workflow basierend auf der Scrum-Methodik – mit Sprints und regelmäßigen Stand-up-Meetings. Dadurch konnten wir kontinuierlich iterieren und flexibel auf Feedback reagieren. Wir teilten unsere Entwürfe mit Stakeholdern und Testnutzern, deren Rückmeldungen uns halfen, Funktionen gezielt zu verfeinern, die Verständlichkeit zu verbessern und Abläufe zu vereinfachen – insbesondere bei Benachrichtigungen zu Stoßzeiten und erklärenden Tipps.

🎨UI Kit and Styles

Das UI-Kit im UI-Design dient als grundlegendes Werkzeugset zur effizienten Gestaltung von Interface-Elementen wie Buttons, Formularen und Navigationsleisten. Es gewährleistet ein konsistentes Design und beschleunigt den Entwicklungsprozess, indem es eine Bibliothek wiederverwendbarer Komponenten bereitstellt, die auf eine nahtlose Nutzerinteraktion abgestimmt sind

 

🧩Komponenten

🗺Informationsarchitektur

✅ Finales Design

🔁Prototypen

Nach Abschluss der Designphase der Anwendung wurde ein Prototyp entwickelt, um umfassende Usability-Tests durchzuführen. Diese Tests lieferten wertvolle Einblicke in das Nutzerverhalten und die Funktionalität der Anwendung.

Lets Design Together

Have a project in mind? ? Let’s collaborate to create thoughtful, user-centered designs that make an impact.

Twitter Instagram Linkedin