{"id":197,"date":"2024-01-02T19:33:58","date_gmt":"2024-01-02T18:33:58","guid":{"rendered":"http:\/\/neledrechsler.com\/?p=197"},"modified":"2025-01-11T15:32:39","modified_gmt":"2025-01-11T14:32:39","slug":"ux-ui-for-a-travel-app","status":"publish","type":"post","link":"https:\/\/neledrechsler.com\/de\/works\/communication-design\/ux-ui-for-a-travel-app\/","title":{"rendered":"UX\/UI f\u00fcr eine Reiseapp"},"content":{"rendered":"<br>\n\n\n\n<p>Das Ziel bei der Entwicklung dieser Reise App bestand darin, die Planung verschiedener Reisen zu erm\u00f6glichen. Dabei sollte die App sowohl \u00e4sthetisch ansprechend sein, als auch keine unn\u00f6tigen Funktionen besitzen.<\/p>\n\n\n\n<p>- Eine Arbeit mit Maria Ettelt -<\/p>\n\n\n\n<br>\n<br>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-2ac0b19657386776b73ec0092e36c25c\" style=\"color:#e84435\">Paper Prototyping<\/p>\n\n\n\n<p>Wir begannen des Projekt mit Paperprototyping. Unsere Idee bestand darin, die Reisen verschachtelt in Unterkategorien (Land, Stadt, Sehensw\u00fcrdigkeiten) anzulegen.<\/p>\n\n\n\n<p>Diesen Ansatz testeten wir mit Hilfe der App <a href=\"https:\/\/apps.apple.com\/de\/app\/pop-prototyping-on-paper\/id555647796\">POP<\/a>. Das verschachtelte Design erwies sich dabei als zu kompliziert und wurde verworfen.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"834\" height=\"1024\" src=\"http:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Paper_Prototype-834x1024.png\" alt=\"\" class=\"wp-image-199 size-full\" srcset=\"https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Paper_Prototype-834x1024.png 834w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Paper_Prototype-244x300.png 244w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Paper_Prototype-768x943.png 768w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Paper_Prototype-1251x1536.png 1251w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Paper_Prototype-1668x2048.png 1668w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Paper_Prototype-600x737.png 600w\" sizes=\"auto, (max-width: 834px) 100vw, 834px\" \/><\/figure><\/div>\n\n\n\n<br>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1012\" src=\"http:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Flow-1024x1012.png\" alt=\"\" class=\"wp-image-203 size-full\" srcset=\"https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Flow-1024x1012.png 1024w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Flow-300x296.png 300w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Flow-768x759.png 768w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Flow-1536x1518.png 1536w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Flow-600x593.png 600w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Flow.png 1542w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-81ea40a7e9ffa50ba646b33f86c37242\" style=\"color:#e84435\">Programmablauf<\/p>\n\n\n\n<p>F\u00fcr die weitere Bearbeitung des UX\/UI nutzten wir <a href=\"https:\/\/www.figma.com\/de\/\">Figma<\/a>.<\/p>\n\n\n\n<p>Wir bestimmten die Personas und Use Cases. Ein wichtiger inhaltlicher Aspekt besteht darin, dass die Reisen unabh\u00e4ngig voneinander und individuell zusammengestellt werden k\u00f6nnen.<\/p>\n\n\n\n<p>Beim Planen der Reise hat der Nutzer nun die M\u00f6glichkeit, sich zwischen den folgenden Reisearten zu entscheiden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pauschalreise<\/li>\n\n\n\n<li>Wander-\/Fahrradtour<\/li>\n\n\n\n<li>Segeltrip<\/li>\n\n\n\n<li>Roadtrip<\/li>\n\n\n\n<li>Winterurlaub<\/li>\n\n\n\n<li>Individuelle Planung<\/li>\n<\/ul>\n\n\n\n<p>Nach der Auswahl der passenden Kategorie wird der Nutzer durch eine Reihe von Abfragen durch die m\u00f6glichen Reisen gef\u00fchrt. Die Reise kann gespeichert und bei Bedarf sp\u00e4ter weiter bearbeitet werden. Au\u00dferdem k\u00f6nnen weitere Nutzer hinzugef\u00fcgt werden.<\/p>\n<\/div><\/div>\n\n\n\n<br>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-b51e120d675b392e0c8095b87b40faa2\" style=\"color:#e84435\">Maskottchen und Farbpalette <\/p>\n\n\n\n<p>Um das schlichte Design der App zu unterstreichen w\u00e4hlten wir Pastellt\u00f6ne in Orange (Prim\u00e4rfarbe) und Lila (Sekund\u00e4rfarbe). Maskottchen und Guide wurde ein T-Rex, der den Nutzer durch die App leitet - Der Trip-Rex.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"818\" src=\"http:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.42.09-1024x818.png\" alt=\"\" class=\"wp-image-209 size-full\" srcset=\"https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.42.09-1024x818.png 1024w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.42.09-300x240.png 300w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.42.09-768x613.png 768w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.42.09-1536x1226.png 1536w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.42.09-600x479.png 600w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.42.09.png 1776w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<br>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:51% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1009\" src=\"http:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.33.37-1024x1009.png\" alt=\"\" class=\"wp-image-210 size-full\" srcset=\"https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.33.37-1024x1009.png 1024w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.33.37-300x296.png 300w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.33.37-768x757.png 768w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.33.37-600x591.png 600w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/01\/Bildschirmfoto-2024-01-01-um-19.33.37.png 1514w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-bf325e3043049e98859f8781c4468e76\" style=\"color:#e84435\">Digitaler Prototyp: Low-fidelity <\/p>\n\n\n\n<p>Um von Anfang an auf Barrierefreiheit zu achten, versuchten wir die App in dunklen Hintergrundfarben zu gestalten. Leider entsprach das Ergebnis nicht unseren Vorstellungen: Die App wirkte zu \u00fcberladen und zu bunt. Wir w\u00e4hlten deshalb hellere Farben und f\u00fcgten erst sp\u00e4ter einen barrierefreien Modus hinzu (siehe unten). Des Weiteren musste f\u00fcr die Elemente (Buttons, Navigationsleiste,...) eine konsequente Struktur erarbeitet werden.<\/p>\n<\/div><\/div>\n\n\n\n<br>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-b6967810a4e023584ffac1fbd20c4afe\" style=\"color:#e84435\">Mehr Struktur <\/p>\n\n\n\n<p>Im n\u00e4chsten Schritt wurde die App strukturiert. Mit den Prim\u00e4ren und Sekund\u00e4ren Farben wurden die Elemente gestaltet. Dabei wurden Varianten der Elemente f\u00fcr die verschiedenen Zust\u00e4nde erstellt und farbig codiert.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"1024\" src=\"http:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Bildschirmfoto-2024-02-08-um-20.53.08-872x1024.png\" alt=\"\" class=\"wp-image-453 size-full\" srcset=\"https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Bildschirmfoto-2024-02-08-um-20.53.08-872x1024.png 872w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Bildschirmfoto-2024-02-08-um-20.53.08-255x300.png 255w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Bildschirmfoto-2024-02-08-um-20.53.08-768x902.png 768w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Bildschirmfoto-2024-02-08-um-20.53.08-600x705.png 600w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Bildschirmfoto-2024-02-08-um-20.53.08.png 1262w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/figure><\/div>\n\n\n\n<br>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"606\" height=\"1024\" src=\"http:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Lightmode-606x1024.png\" alt=\"\" class=\"wp-image-374 size-full\" srcset=\"https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Lightmode-606x1024.png 606w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Lightmode-178x300.png 178w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Lightmode-768x1297.png 768w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Lightmode-7x12.png 7w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Lightmode-600x1013.png 600w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/Lightmode.png 813w\" sizes=\"auto, (max-width: 606px) 100vw, 606px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-ddfa1120d5568176dd49d7bebac80007\" style=\"color:#e84435\">Digitaler Prototyp: High-fidelity<\/p>\n\n\n\n<p>Zugunsten der Schlichtheit hat der fertige Prototyp einen wei\u00dfen Hintergrund. Die verschiedenen Reisearten haben nun individuelle Icons. Au\u00dferdem besteht nun die M\u00f6glichkeit, zu einer geplanten Reise Personen hinzuzuf\u00fcgen, die die App selbst nicht benutzen (z. B. Kinder). Die Option \u201eWinterreise\" wurde entfernt, weil sie sich nur unwesentlich von der Pauschalreise unterscheidet und ohnehin \u00fcber die Option \u201eIndividuelle Reise\" geplant werden kann. Um die App so \u00fcbersichtlich wie m\u00f6glich zu halten, haben wir den Umfang an Fenstern begrenzt: Alle Funktionen der App werden in nur 11 Fenstern dargestellt.<\/p>\n<\/div><\/div>\n\n\n\n<br>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-177264a3938d3deacb37a0c9b73982e4\" style=\"color:#e84435\">Barrierefreiheit<\/p>\n\n\n\n<p>Um einen barrierefreien Zugang zu gew\u00e4hrleisten, wurde der Dark Mode hinzugef\u00fcgt. Dieser ist im Gegensatz zu unserem urspr\u00fcnglichen Design nicht in dunklem Lila, sondern in Schwarz gehalten. Es ist nun jederzeit m\u00f6glich, zwischen hellem und dunklem Thema zu wechseln.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"609\" height=\"1024\" src=\"http:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/DarkMode-1-609x1024.png\" alt=\"\" class=\"wp-image-377 size-full\" srcset=\"https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/DarkMode-1-609x1024.png 609w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/DarkMode-1-179x300.png 179w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/DarkMode-1-768x1290.png 768w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/DarkMode-1-7x12.png 7w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/DarkMode-1-600x1008.png 600w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/DarkMode-1.png 813w\" sizes=\"auto, (max-width: 609px) 100vw, 609px\" \/><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1022\" src=\"http:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/QR_Code-1024x1022.png\" alt=\"\" class=\"wp-image-378 size-full\" srcset=\"https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/QR_Code-1024x1022.png 1024w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/QR_Code-300x300.png 300w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/QR_Code-150x150.png 150w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/QR_Code-768x766.png 768w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/QR_Code-1536x1532.png 1536w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/QR_Code-2048x2043.png 2048w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/QR_Code-12x12.png 12w, https:\/\/neledrechsler.com\/wp-content\/uploads\/2024\/02\/QR_Code-600x599.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-dac79eedff5275812e4b78db23d7ec15\" style=\"color:#e84435\">Finaler Prototyp<\/p>\n\n\n\n<p>Die Videos zeigen das erste \u00d6ffnen sowie einen \u00fcblichen User Flow der App. Die Trip-Rex App kann auch gern durch Scannen des QR-Codes ausprobiert werden!<\/p>\n<\/div><\/div>\n\n\n\n<\/br>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n\t\t<div class=\"embed-privacy-container is-disabled embed-youtube\" data-embed-id=\"oembed_acdf2c4b35acd583cfb72fc36c4b227f\" data-embed-provider=\"youtube\" style=\"aspect-ratio: 770\/578;\">\t\t\t\t\t\t<button type=\"button\" class=\"embed-privacy-enable screen-reader-text\">\u201eTrip-Rex, A Travel Planning App &#8211; first opening of the app\u201c von YouTube anzeigen<\/button>\t\t\t\t\t\t<div class=\"embed-privacy-overlay\">\t\t\t\t<div class=\"embed-privacy-inner\">\t\t\t\t\t<div class=\"embed-privacy-logo\" style=\"background-image: url(https:\/\/neledrechsler.com\/wp-content\/plugins\/embed-privacy\/assets\/images\/embed-youtube.png?ver=1.12.3);\"><\/div>\t\t<p>\t\tHier klicken, um den Inhalt von YouTube anzuzeigen.\t\t\t\t\t<br>\t\t\t\t\tErfahre mehr in der <a href=\"https:\/\/policies.google.com\/privacy?hl=de\" target=\"_blank\">Datenschutzerkl\u00e4rung von YouTube<\/a>.\t\t<\/p>\t\t<p class=\"embed-privacy-input-wrapper\">\t\t\t<input id=\"embed-privacy-store-youtube-acdf2c4b35acd583cfb72fc36c4b227f\" type=\"checkbox\" value=\"1\" class=\"embed-privacy-input\" data-embed-provider=\"youtube\">\t\t\t<label for=\"embed-privacy-store-youtube-acdf2c4b35acd583cfb72fc36c4b227f\" class=\"embed-privacy-label\" data-embed-provider=\"youtube\">\t\t\t\tInhalt von YouTube immer anzeigen\t\t\t<\/label>\t\t<\/p>\t\t\t\t\t\t<\/div>\t\t\t\t\t\t\t\t<div class=\"embed-privacy-footer\"><span class=\"embed-privacy-url\"><a href=\"https:\/\/youtu.be\/PfvjuZaCpNI\">\u201eTrip-Rex, A Travel Planning App &#8211; first opening of the app\u201c direkt \u00f6ffnen<\/a><\/span><\/div>\t\t\t<\/div>\t\t\t\t\t\t<div class=\"embed-privacy-content\">\t\t\t\t<script>var _oembed_acdf2c4b35acd583cfb72fc36c4b227f = '{\\\"embed\\\":\\\"&lt;iframe title=&quot;Trip-Rex, A Travel Planning App - first opening of the app&quot; width=&quot;770&quot; height=&quot;578&quot; src=&quot;https:\\\\\/\\\\\/www.youtube-nocookie.com\\\\\/embed\\\\\/PfvjuZaCpNI?feature=oembed&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&gt;&lt;\\\\\/iframe&gt;\\\"}';<\/script>\t\t\t<\/div>\t\t<\/div>\t\t\n<\/div><figcaption class=\"wp-element-caption\">Erstes \u00d6ffnen der App<\/figcaption><\/figure>\n\n\n\n<\/br>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n\t\t<div class=\"embed-privacy-container is-disabled embed-youtube\" data-embed-id=\"oembed_220ab02cba9d15f891b138f8d6079898\" data-embed-provider=\"youtube\" style=\"aspect-ratio: 770\/578;\">\t\t\t\t\t\t<button type=\"button\" class=\"embed-privacy-enable screen-reader-text\">\u201eTrip-Rex, A Travel Planning App &#8211; all functions and screens\u201c von YouTube anzeigen<\/button>\t\t\t\t\t\t<div class=\"embed-privacy-overlay\">\t\t\t\t<div class=\"embed-privacy-inner\">\t\t\t\t\t<div class=\"embed-privacy-logo\" style=\"background-image: url(https:\/\/neledrechsler.com\/wp-content\/plugins\/embed-privacy\/assets\/images\/embed-youtube.png?ver=1.12.3);\"><\/div>\t\t<p>\t\tHier klicken, um den Inhalt von YouTube anzuzeigen.\t\t\t\t\t<br>\t\t\t\t\tErfahre mehr in der <a href=\"https:\/\/policies.google.com\/privacy?hl=de\" target=\"_blank\">Datenschutzerkl\u00e4rung von YouTube<\/a>.\t\t<\/p>\t\t<p class=\"embed-privacy-input-wrapper\">\t\t\t<input id=\"embed-privacy-store-youtube-220ab02cba9d15f891b138f8d6079898\" type=\"checkbox\" value=\"1\" class=\"embed-privacy-input\" data-embed-provider=\"youtube\">\t\t\t<label for=\"embed-privacy-store-youtube-220ab02cba9d15f891b138f8d6079898\" class=\"embed-privacy-label\" data-embed-provider=\"youtube\">\t\t\t\tInhalt von YouTube immer anzeigen\t\t\t<\/label>\t\t<\/p>\t\t\t\t\t\t<\/div>\t\t\t\t\t\t\t\t<div class=\"embed-privacy-footer\"><span class=\"embed-privacy-url\"><a href=\"https:\/\/youtu.be\/x9dtxsIeTOY\">\u201eTrip-Rex, A Travel Planning App &#8211; all functions and screens\u201c direkt \u00f6ffnen<\/a><\/span><\/div>\t\t\t<\/div>\t\t\t\t\t\t<div class=\"embed-privacy-content\">\t\t\t\t<script>var _oembed_220ab02cba9d15f891b138f8d6079898 = '{\\\"embed\\\":\\\"&lt;iframe title=&quot;Trip-Rex, A Travel Planning App - all functions and screens&quot; width=&quot;770&quot; height=&quot;578&quot; src=&quot;https:\\\\\/\\\\\/www.youtube-nocookie.com\\\\\/embed\\\\\/x9dtxsIeTOY?feature=oembed&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&gt;&lt;\\\\\/iframe&gt;\\\"}';<\/script>\t\t\t<\/div>\t\t<\/div>\t\t\n<\/div><figcaption class=\"wp-element-caption\">Alle Funktionen und Screens<\/figcaption><\/figure>","protected":false},"excerpt":{"rendered":"<p>The goal in developing this travel app was to make it possible to plan various trips. The app should be aesthetically pleasing and should not have any unnecessary functions. &#8211; A work with Maria Ettelt &#8211; Paper Prototyping We started the project with a simple paper prototype. Our idea was to create the trips nested [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":384,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-197","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-communication-design"],"_links":{"self":[{"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/posts\/197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/comments?post=197"}],"version-history":[{"count":29,"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/posts\/197\/revisions"}],"predecessor-version":[{"id":1172,"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/posts\/197\/revisions\/1172"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/media\/384"}],"wp:attachment":[{"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/media?parent=197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/categories?post=197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/neledrechsler.com\/de\/wp-json\/wp\/v2\/tags?post=197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}