{"id":63,"date":"2025-04-12T14:06:34","date_gmt":"2025-04-12T10:36:34","guid":{"rendered":"https:\/\/rezatavasoli.ir\/?page_id=63"},"modified":"2025-05-03T01:14:00","modified_gmt":"2025-05-02T21:44:00","slug":"tourism-app","status":"publish","type":"page","link":"https:\/\/reza-tavasoli.com\/en\/tourism-app\/","title":{"rendered":"Tourism App"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Tourism App<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UI\/UX Case Study<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Team<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Mahmoud Amini<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Product Design Lead<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Reza Tavassoli<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UIUX Designer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Group\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Shahin Servati<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UIUX Designer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Verwendete Tools<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Figma. Photoshop. Illustrator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Dauer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

3 Months<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\ud83d\uddc2Projekt\u00fcbersicht<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Als UI\/UX-Designer arbeitete ich eng mit dem Projektmanager zusammen, um ein nahtloses Buchungserlebnis f\u00fcr den iranischen Reisemarkt zu gestalten. Unser Ziel war es, Hotel- und Flugreservierungen zu vereinfachen und gleichzeitig den Erwartungen der Nutzer gerecht zu werden \u2013 gepr\u00e4gt durch f\u00fchrende 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\u00e4ngige UX-Fehler zu vermeiden. Das Ergebnis ist eine moderne, mobiloptimierte Benutzeroberfl\u00e4che, die auf einem skalierbaren Designsystem basiert \u2013 mit \u00fcber 80 High-Fidelity-Screens, die die gesamte Nutzerreise vom Suchen bis zur Buchung abdecken.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\u2757\ufe0fProblemstellung<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In unserer Reisebuchungs-App traten vor dem Redesign mehrere schwerwiegende Probleme auf. Nutzer hatten Schwierigkeiten mit einer umst\u00e4ndlichen und wenig intuitiven Benutzeroberfl\u00e4che, die eine effiziente Buchung von Fl\u00fcgen, Hotels und Ausfl\u00fcgen erschwerte. Die App litt unter geringer Nutzerbindung, da zentrale Funktionen nur schwer zug\u00e4nglich waren. Dies f\u00fchrte zu einem R\u00fcckgang der Nutzerzufriedenheit und der Wiederkehrraten. Unser Redesign zielt darauf ab, diese Herausforderungen zu bew\u00e4ltigen und ein nahtloseres, ansprechenderes Nutzungserlebnis zu schaffen \u2013 mit dem Ziel, den Wert und die Relevanz der App in der Reisebranche deutlich zu steigern.<\/p>

Die Informationsarchitektur der vorherigen App war un\u00fcbersichtlich, was es den Nutzern erschwerte, essenzielle Funktionen wie Flug- und Hotelbuchungen zu finden und zu nutzen.
Komplexe Nutzerfl\u00fcsse f\u00fchrten zu Verwirrung und Frustration, was sich negativ auf das gesamte Nutzungserlebnis auswirkte.
Usability-Tests deckten mehrere kritische Schwachstellen auf \u2013 darunter Schwierigkeiten beim Abschluss von Buchungen und eine fehlende, klare Navigation \u2013, was zu Unzufriedenheit und einem R\u00fcckgang der Nutzung f\u00fchrte.
Inkonsistenzen im User Interface (UI) sowie im eingesetzten UI-Kit sorgten f\u00fcr ein uneinheitliches Nutzungserlebnis.
Das Fehlen eines standardisierten UI-Kits f\u00fchrte zu Unstimmigkeiten bei Designelementen wie Buttons und Typografie und verst\u00e4rkte die bestehenden Usability-Probleme zus\u00e4tzlich.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\ud83c\udfaf Ziele und Bed\u00fcrfnisse der Nutzer:innen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Durch umfassende Usability-Tests, Benchmark-Analysen und Nutzerinterviews konnten wir die spezifischen Ziele und Bed\u00fcrfnisse der Nutzer klar herausarbeiten \u2013 eine essenzielle Grundlage f\u00fcr unsere UX-Design-Entscheidungen im Projekt.<\/p>

Die zentralen Nutzeranforderungen umfassten:<\/p>

  • Buchungen mit m\u00f6glichst wenigen Schritten abschlie\u00dfen<\/strong> und Reservierungen problemlos verwalten k\u00f6nnen<\/p><\/li>

  • Detaillierte Informationen<\/strong> wie Bewertungen und Empfehlungen finden, um fundierte Entscheidungen treffen zu k\u00f6nnen<\/p><\/li>

  • Erlebnisse m\u00fchelos teilen<\/strong> und so zur aktiven Community-Beteiligung beitragen<\/p><\/li>

  • Personalisierte Vorschl\u00e4ge<\/strong> f\u00fcr Fl\u00fcge, Hotels und Sehensw\u00fcrdigkeiten erhalten<\/p><\/li>

  • Schnelle und pr\u00e4zise Suchfunktion<\/strong>, um relevante Ergebnisse ohne Umwege zu finde<\/p><\/li><\/ul><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article>

    \u00a0<\/h5><\/article>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    \"\u2699\ufe0f\" Design Prozess<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    1. \"\ud83d\udde3\" Interviews mit Product Manager<\/h2>

    Wir starteten das Tourismus-App-Projekt in enger Zusammenarbeit mit dem Projektmanager, um die Gesch\u00e4ftsziele, Nutzerbed\u00fcrfnisse und technischen Rahmenbedingungen umfassend zu verstehen. Diese fr\u00fchen Gespr\u00e4che erm\u00f6glichten es uns, eine klare Vision zu entwickeln \u2013 mit dem Fokus darauf, Hotel- und Flugbuchungen zu vereinfachen und so ein reibungsloseres Reiseerlebnis zu schaffen.<\/p>

    2. \"\ud83d\udcca\" Benchmarking und Wetbewerbanalyse<\/h2>

    Wir f\u00fchrten 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\u00f6sungen zu bewerten.<\/p><\/div><\/div><\/div><\/div>

    \u00a0<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/article>
    \u00a0<\/h5><\/article>

    \u00a0<\/p>

    \"\"<\/p>

    \u00a0<\/p>
    \"\u2705\" St\u00f6rken<\/td>\"\u274c\" Schw\u00f6chen<\/td><\/tr>
    Vertraute und \u00fcbersichtliche Benutzeroberfl\u00e4che<\/td>\u00dcberladene und un\u00fcbersichtliche Bildschirme<\/td><\/tr>
    Schnelle Buchungsabl\u00e4ufe f\u00fcr Hotels und Fl\u00fcge<\/td>Inkonsistente Designmuster<\/td><\/tr>
    \u00a0<\/td>\u00a0<\/td><\/tr>
    Preisfilter sowie Sortierung nach Klasse und Datum<\/td>Eingeschr\u00e4nkte Barrierefreiheit (z.\u202fB. Kontrast, Schriftart)<\/td><\/tr>
    Integrierte lokale Zahlungsanbieter<\/td>Verwirrende Navigationsmen\u00fcs<\/td><\/tr>
    Karten- und standortbasierte Hotelvorschl\u00e4ge<\/td>Ruckelnde Performance auf einigen Ger\u00e4ten<\/td><\/tr>
    Trusted reviews & ratings<\/td>Lack of microinteractions\/feedback<\/td><\/tr><\/tbody><\/table>

    3. \"\ud83e\udd1d\" Teamzusammenarbeit<\/h2>

    Wir f\u00fchrten 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 \u2013 von Entwickler:innen bis hin zu Content-Strateg:innen \u2013 aktiv ein.<\/p>

    4. \"\ud83e\uddf1\" Wireframing<\/h2>

    Auf Grundlage unserer Erkenntnisse erstellten wir Low-Fidelity-Wireframes, um die Nutzerreise zu gestalten und zentrale Funktionen zu strukturieren. Diese Wireframes erm\u00f6glichten es uns, Ideen schnell zu testen und fr\u00fchzeitig Feedback einzuholen. So konnten wir einen klaren User Flow entwickeln, der logisch, intuitiv und auf die Bed\u00fcrfnisse der Nutzer abgestimmt ist.<\/p>

    5. \"\ud83d\udd04\" Iteration & Feedback<\/h2>

    W\u00e4hrend des gesamten Prozesses arbeiteten wir nach einem agilen Workflow basierend auf der Scrum-Methodik \u2013 mit Sprints und regelm\u00e4\u00dfigen Stand-up-Meetings. Dadurch konnten wir kontinuierlich iterieren und flexibel auf Feedback reagieren. Wir teilten unsere Entw\u00fcrfe mit Stakeholdern und Testnutzern, deren R\u00fcckmeldungen uns halfen, Funktionen gezielt zu verfeinern, die Verst\u00e4ndlichkeit zu verbessern und Abl\u00e4ufe zu vereinfachen \u2013 insbesondere bei Benachrichtigungen zu Sto\u00dfzeiten und erkl\u00e4renden Tipps.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    \ud83c\udfa8UI Kit and Styles<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

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

    \u00a0<\/div><\/div><\/div><\/div><\/div><\/article>
    \u00a0<\/div>

    \"\"<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    \ud83e\udde9Komponenten<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    \ud83d\uddfaInformationsarchitektur<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    \"\u2705\" Finales Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    \"\ud83d\udd01\"Prototypen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Nach Abschluss der Designphase der Anwendung wurde ein Prototyp entwickelt, um umfassende Usability-Tests durchzuf\u00fchren. Diese Tests lieferten wertvolle Einblicke in das Nutzerverhalten und die Funktionalit\u00e4t der Anwendung.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

    Tourism App UI\/UX Case Study Team Mahmoud Amini Product Design Lead Reza Tavassoli UIUX Designer Shahin Servati UIUX Designer Verwendete Tools Figma. Photoshop. Illustrator Dauer 3 Months \ud83d\uddc2Projekt\u00fcbersicht Als UI\/UX-Designer arbeitete ich eng mit dem Projektmanager zusammen, um ein nahtloses Buchungserlebnis f\u00fcr den iranischen Reisemarkt zu gestalten. Unser Ziel war es, Hotel- und Flugreservierungen zu […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":49,"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":457,"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/pages\/63\/revisions\/457"}],"wp:attachment":[{"href":"https:\/\/reza-tavasoli.com\/en\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}