<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>consumer &#8211; Sauer-Creations</title>
	<atom:link href="https://sauer-creations.de/portfolio_tags/consumer/feed/" rel="self" type="application/rss+xml" />
	<link>https://sauer-creations.de</link>
	<description>Der Profi im Produktdesign, UX Design und Mediendesign</description>
	<lastBuildDate>Tue, 06 Jan 2026 11:22:51 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://sauer-creations.de/wp-content/uploads/2017/10/cropped-Favicon-32x32.png</url>
	<title>consumer &#8211; Sauer-Creations</title>
	<link>https://sauer-creations.de</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Crossmedia UX &#8211;  LuckyChef</title>
		<link>https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=crossmedia-ux-luckychef</link>
		
		<dc:creator><![CDATA[Ronny]]></dc:creator>
		<pubDate>Fri, 29 Aug 2025 18:49:24 +0000</pubDate>
				<guid isPermaLink="false">https://sauer-creations.de/?post_type=avada_portfolio&#038;p=2855</guid>

					<description><![CDATA[Crossmedia UX - LuckyChef  UX/UI DESIGN FÜR DAS MULTIMEDIALE KOCHERLEBNIS        Start   Von 2021 bis 2024 entstand ein Projekt, das weit über die Gestaltung eines einzelnen Produkts hinausging. Ziel war es, eine durchgängige User Experience zu entwickeln – vom Küchengerät selbst über die dazugehörigen Apps  [...]]]></description>
										<content:encoded><![CDATA[<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-bottom:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_3_5 3_5 fusion-three-fifth fusion-column-first" style="--awb-bg-blend:overlay;--awb-bg-size:cover;width:58.4%; margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-1"><h1>Crossmedia UX &#8211; LuckyChef</h1>
</div><div class="fusion-text fusion-text-2"><p style="font-weight: 300; font-size: 16px; letter-spacing: 2px;">UX/UI DESIGN FÜR DAS MULTIMEDIALE KOCHERLEBNIS</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-image-element in-legacy-container" style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-1 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_2_5 2_5 fusion-two-fifth fusion-column-last" style="--awb-bg-blend:overlay;--awb-bg-size:cover;width:37.6%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-2 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:70px;--awb-padding-bottom:65px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_3_5 3_5 fusion-three-fifth fusion-column-first" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-margin-bottom:70px;width:60%;width:calc(60% - ( ( 4% ) * 0.6 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-image-element in-legacy-container" style="--awb-liftup-border-radius:0px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="awb-image-frame awb-image-frame-2 imageframe-liftup"><span class=" fusion-imageframe imageframe-none imageframe-2"><a href="https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-Appatizer_LuckyChef.jpg" class="fusion-lightbox" data-rel="iLightbox[6879f9cefb91a018027]" data-caption="UX UI Design" data-title="Portfolio-Appatizer_LuckyChef" title="Portfolio-Appatizer_LuckyChef"><img fetchpriority="high" decoding="async" width="800" height="800" alt="App mit sehr gutem UX Design für Tiernahrung auf Tisch mit Hund dahinter." src="https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-Appatizer_LuckyChef.jpg" class="img-responsive wp-image-2858" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-Appatizer_LuckyChef-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-Appatizer_LuckyChef-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-Appatizer_LuckyChef-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-Appatizer_LuckyChef.jpg 800w" sizes="(max-width: 800px) 100vw, 800px" /></a></span></div></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_2_5 2_5 fusion-two-fifth fusion-column-last" style="--awb-bg-blend:overlay;--awb-bg-size:cover;width:40%;width:calc(40% - ( ( 4% ) * 0.4 ) );"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-3"><h2>Start</h2>
</div><div class="fusion-image-element in-legacy-container" style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-3 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-4"><p>Von 2021 bis 2024 entstand ein Projekt, das weit über die Gestaltung eines einzelnen Produkts hinausging. Ziel war es, eine durchgängige User Experience zu entwickeln – vom Küchengerät selbst über die dazugehörigen Apps bis hin zur Website und zum Online-Shop. Diese ganzheitliche Lösung verbindet Technologie, Design und Alltag auf neuem Niveau. Das Ergebnis ist eine kleine Revolution im Haushalt, die nicht nur das Kocherlebnis optimiert, sondern zugleich das Tierwohl in den Mittelpunkt stellt und so einen verantwortungsvollen Umgang mit Lebensmitteln fördert.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-padding-bottom:70px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-content-wrap" style="max-width:1216.8px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_2_3 2_3 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:66.666666666667%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.88%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-text fusion-text-5"><h2 style="text-align: left;">Research</h2>
</div><div class="fusion-image-element " style="text-align:left;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-4 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-text fusion-text-6"><p>Im Rahmen des Design <strong>Thinking Prozesses</strong> wurde die Perspektive der Persona <em data-start="156" data-end="176">„Haustierbesitzer“</em> eingenommen. Ziel war es, Bedürfnisse, Wünsche und mögliche Herausforderungen im Alltag mit Haustieren besser zu verstehen. Durch Empathie-Übungen, Interviews und die Erstellung detaillierter <strong data-start="369" data-end="386">User Journeys</strong> konnten zentrale <strong data-start="404" data-end="413" data-is-only-node="">Needs</strong> identifiziert werden – von der einfachen Handhabung des Geräts bis hin zu transparenten Informationen rund um Tierwohl und Ernährung. Diese Erkenntnisse bildeten die Basis für alle weiteren Designentscheidungen.</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_3 1_3 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;width:100%;"></div><div class="fusion-image-element " style="text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-5 hover-type-none" style="border-radius:16px;"><img decoding="async" width="597" height="597" alt="Pinwand im Büro zur UX Research zum Thema Farben und Branding für Tier Ernährungs App." title="Research_LuckyChef" src="https://sauer-creations.de/wp-content/uploads/2023/04/Research_LuckyChef.jpg" class="img-responsive wp-image-2863" srcset="https://sauer-creations.de/wp-content/uploads/2023/04/Research_LuckyChef-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2023/04/Research_LuckyChef-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2023/04/Research_LuckyChef.jpg 597w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 400px" /></span></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-padding-bottom:70px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-content-wrap" style="max-width:1216.8px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_2_5 2_5 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:40%;--awb-margin-top-large:0px;--awb-spacing-right-large:4.8%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:4.8%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-6 hover-type-none" style="border-radius:16px;"><img decoding="async" width="800" height="600" alt="UX moodboard und Wort Collage für das App Design Projekt." title="Gemini_Generated_Collage" src="https://sauer-creations.de/wp-content/uploads/2025/08/Gemini_Generated_Collage.jpg" class="img-responsive wp-image-2867" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/Gemini_Generated_Collage-200x150.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/Gemini_Generated_Collage-400x300.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/Gemini_Generated_Collage-600x450.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/Gemini_Generated_Collage.jpg 800w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 600px" /></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;width:100%;"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_3_5 3_5 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:60%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.2%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.2%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-text fusion-text-7"><h2>Konzeption</h2>
</div><div class="fusion-image-element " style="text-align:left;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-7 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-text fusion-text-8"><p>Anschließen hieß es in der Konzeptionsphase, sämtliche Ergebnisse aus der Research-Phase und den User-Interviews auszuwerten und auch zu hinterfragen. <br />Ein erfolgreiches Projekt beginnt mit einer klaren gestalterischen Sprache. Dafür entwickelte ich <strong data-start="193" data-end="264">Konzepte für Corporate Design, Interface Design und User Experience</strong>, die nicht nur funktional sind, sondern auch emotional überzeugen.<br />
Um das gesamte Team auf eine gemeinsame Vision einzustimmen, setzte ich auf <strong data-start="410" data-end="440">Moodboards und Styleguides</strong>. Sie schaffen Orientierung, visualisieren Ideen und geben allen Beteiligten ein gemeinsames Verständnis für das Look &amp; Feel. So entstand eine <strong data-start="579" data-end="606">konsistente Designbasis</strong>, die Kreativität fördert und den roten Faden im gesamten Projekt sichtbar macht.</p>
</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:8%;--awb-margin-bottom:8%;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1216.8px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_4 1_4 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="20" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">RE</div></div></div></div><div class="fusion-text fusion-text-9"><p style="text-align: center;">Research</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_4 1_4 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="66" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">KON</div></div></div></div><div class="fusion-text fusion-text-10"><p style="text-align: center;">Konzeption</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-10 fusion_builder_column_1_4 1_4 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="89" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">UI</div></div></div></div><div class="fusion-text fusion-text-11"><p style="text-align: center;">UI Design</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion_builder_column_1_4 1_4 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="50" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">PR</div></div></div></div><div class="fusion-text fusion-text-12"><p style="text-align: center;">Prototyping</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-6 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-bottom:48px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-12 fusion_builder_column_1_5 1_5 fusion-one-fifth fusion-column-first" style="--awb-bg-size:cover;width:20%;width:calc(20% - ( ( 4% + 4% ) * 0.2 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-13 fusion_builder_column_3_5 3_5 fusion-three-fifth" style="--awb-bg-blend:overlay;--awb-bg-size:cover;width:60%;width:calc(60% - ( ( 4% + 4% ) * 0.6 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-13"><h2 style="text-align: center;">Design Thinking</h2>
</div><div class="fusion-image-element fusion-image-align-center in-legacy-container" style="text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="imageframe-align-center"><span class=" fusion-imageframe imageframe-none imageframe-8 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-14"><p style="text-align: center;">Im Projekt wurden die typischen Schritte des Design Thinking konsequent durchlaufen – von der Problemdefinition über die Ideengenerierung bis hin zu Prototyping und Testing. Besonders prägend war die <strong data-start="299" data-end="316">Empathy-Phase</strong>, in der durch gezielte Kreativ-Workshops ein tiefes Verständnis für die Bedürfnisse aller Stakeholder entstand.<br />
An diesen Workshops nahmen <strong data-start="459" data-end="520">Veterinäre, Designer, Programmierer und der Product Owner</strong> teil. Durch ihre unterschiedlichen Perspektiven konnten wertvolle Einsichten gewonnen werden, die halfen, die Anforderungen an Produkt und Nutzererlebnis ganzheitlich zu erfassen. So entstand eine fundierte Basis, auf der innovative Lösungen entwickelt und weiter verfeinert werden konnten.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-14 fusion_builder_column_1_5 1_5 fusion-one-fifth fusion-column-last" style="--awb-bg-size:cover;width:20%;width:calc(20% - ( ( 4% + 4% ) * 0.2 ) );"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-15 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-image-element in-legacy-container" style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-9 hover-type-none" style="border-radius:16px;"><img decoding="async" width="1400" height="546" alt="FIGMA Screenshot des Design Thinking Prozesses." title="Screenshot_FIGMA" src="https://sauer-creations.de/wp-content/uploads/2025/08/Screenshot_FIGMA.jpg" class="img-responsive wp-image-2873" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/Screenshot_FIGMA-200x78.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/Screenshot_FIGMA-400x156.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/Screenshot_FIGMA-600x234.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/Screenshot_FIGMA-800x312.jpg 800w, https://sauer-creations.de/wp-content/uploads/2025/08/Screenshot_FIGMA-1200x468.jpg 1200w, https://sauer-creations.de/wp-content/uploads/2025/08/Screenshot_FIGMA.jpg 1400w" sizes="(max-width: 800px) 100vw, 1200px" /></span></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-7 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:50px;--awb-padding-bottom:55px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-16 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-top:0px;--awb-padding-right:40px;--awb-padding-bottom:50px;--awb-padding-left:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-15"><p style="text-align: center;"><span style="font-family: 'playfair'; font-size: 90px; line-height: 30px; vertical-align: middle; margin-bottom: -20px; margin-right: 20px;">&#8222;</span><span style="font-family: 'playfair'; font-size: 30px; line-height: 60px; font-weight: 400; font-style: normal;">Die Aufgabe des Designers ist es, eine Brücke zu bauen zwischen dem, was der Nutzer braucht, und dem, was die Technologie leisten kann.</span></p>
</div><div class="fusion-text fusion-text-16"><p style="font-weight: bold; letter-spacing: 4px; text-align: center;"><span style="color: #fff; background-color: #2176ff;">DAVID</span> KELLEY</p>
</div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-bg-parallax" data-bg-align="center center" data-direction="up" data-mute="false" data-opacity="100" data-velocity="-0.5" data-mobile-enabled="true" data-break_parents="0" data-bg-image="https://sauer-creations.de/wp-content/uploads/2025/08/ParallaxBackground_Bild_LuckyChef.jpg" data-bg-repeat="false" ></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-8 has-pattern-background has-mask-background fusion-parallax-up nonhundred-percent-fullwidth hundred-percent-height hundred-percent-height-center-content non-hundred-percent-height-scrolling fusion-equal-height-columns" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:url(&quot;https://sauer-creations.de/wp-content/uploads/2025/08/ParallaxBackground_Bild_LuckyChef.jpg&quot;);--awb-background-size:cover;--awb-flex-wrap:wrap;" ><div class="fusion-fullwidth-center-content"><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-17 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-top:18%;--awb-padding-bottom:18%;--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-9 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-padding-bottom:79px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-content-wrap" style="max-width:1216.8px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-18 fusion_builder_column_3_5 3_5 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:60%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.2%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-text fusion-text-17"><h2>Prototyping</h2>
</div><div class="fusion-image-element " style="text-align:left;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-10 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-text fusion-text-18"><p data-start="85" data-end="518">In den frühen Phasen des Design Thinking Prozesses kamen Tools wie <strong data-start="152" data-end="164">Balsamiq</strong> und <strong data-start="169" data-end="177">Miro</strong> zum Einsatz, um erste Ideen schnell zu visualisieren und gemeinsam im Team zu strukturieren. Mit dem Übergang in die Entwurfsphase rückte jedoch <strong data-start="323" data-end="332">Figma</strong> immer stärker in den Mittelpunkt: Hier wurden <strong data-start="379" data-end="424">Styleguides, Bildsprachen und Clickdummys</strong> erarbeitet und die Entwicklung von <strong data-start="460" data-end="500">Low-, Mid- und High-Fidelity Mockups</strong> vorangetrieben.<br />
Während Figma die ideale Plattform für ein kollaboratives Arbeiten bot, erforderte die Gestaltung des eigentlichen Geräts eine Ausnahme: Aufgrund technischer Einschränkungen musste auf <strong data-start="705" data-end="715">Sketch</strong> zurückgegriffen werden. Dieser Bruch im Workflow stellte eine echte Herausforderung dar, da unterschiedliche Software-Ökosysteme miteinander verbunden werden mussten. Gleichzeitig eröffnete er aber auch die Möglichkeit, die Konzepte noch präziser auf die jeweiligen Anforderungen zuzuschneiden.</p>
</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-19 fusion_builder_column_2_5 2_5 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:40%;--awb-margin-top-large:0px;--awb-spacing-right-large:4.8%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:4.8%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-11 hover-type-none" style="border-radius:16px;"><img decoding="async" width="797" height="1000" alt="Screenshot vom Figma UI Design Prozess." title="Screenshot-Figma-03" src="https://sauer-creations.de/wp-content/uploads/2023/04/Screenshot-Figma-03.jpg" class="img-responsive wp-image-2892" srcset="https://sauer-creations.de/wp-content/uploads/2023/04/Screenshot-Figma-03-200x251.jpg 200w, https://sauer-creations.de/wp-content/uploads/2023/04/Screenshot-Figma-03-400x502.jpg 400w, https://sauer-creations.de/wp-content/uploads/2023/04/Screenshot-Figma-03-600x753.jpg 600w, https://sauer-creations.de/wp-content/uploads/2023/04/Screenshot-Figma-03.jpg 797w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 600px" /></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;width:100%;"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-10 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1216.8px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-20 fusion_builder_column_1_1 1_1 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-12 hover-type-none" style="border-radius:16px;"><img decoding="async" width="1200" height="600" alt="Darstellung von iPhone und iPad mit App Design, welches in Figma erstellt wurde." title="Portfolio UX LuckyChef" src="https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-UX-LuckyChef.jpg" class="img-responsive wp-image-2896" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-UX-LuckyChef-200x100.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-UX-LuckyChef-400x200.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-UX-LuckyChef-600x300.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-UX-LuckyChef-800x400.jpg 800w, https://sauer-creations.de/wp-content/uploads/2025/08/Portfolio-UX-LuckyChef.jpg 1200w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 1200px" /></span></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-11 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-color:#f2f2f2;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-21 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-section-separator section-separator waves-opacity fusion-section-separator-1" style="--awb-spacer-padding-top:21.09375%;--awb-svg-margin-left:0;--awb-svg-margin-right:0;--awb-sep-font-size:0;--awb-sep-line-height:0;"><div class="fusion-section-separator-svg"><svg class="fusion-waves-opacity-candy" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" viewBox="0 1 1024 216" preserveAspectRatio="none" fill="rgba(255,255,255,1)"><path class="st0" d="M0 215.4c19.4.5 38.7 1.6 57.7.3 206.6-15 248.5-126.6 455-143.8 184.8-15.5 285.7 60.9 464.3 41.3 16.9-1.8 32.5-4.4 47.1-7.6L1024 .4H0v215z"/>
										<path class="st1" d="M0 196.4c30.2 1.6 59.6 1.6 86.8-.4C293.4 180.9 284.1 73.4 490.7 56.2c184.9-15.5 278.5 58.2 457.1 38.4 28.3-3.2 53.5-8.2 76.2-14.6V.256H0V196.4z"/>
										<path class="st2" d="M0 169.8c22.2.3 43.8-.2 64.2-1.7C270.8 153.1 262 55.6 468.6 38.4 653.4 22.9 695.4 89.5 874 69.7c54.8-6 104.9-18.3 150-33.7V.256H0V169.8z"/>
										<path class="st3" d="M0 162.1c4-.2 8-.4 11.9-.7C218.4 146.3 239.8 37 446.4 19.8 631.3 4.3 672.7 60.9 851.3 41.1c64-7.2 121.9-20.8 172.7-37.9V.156H0V162.1z"/>
									</svg></div><div class="fusion-section-separator-spacer"><div class="fusion-section-separator-spacer-height"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-12 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-padding-bottom:70px;--awb-background-color:#f2f2f2;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-22 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-right:10%;--awb-padding-left:10%;--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-19"><h2 style="text-align: center;">UI/UX Design Workflow allgemein</h2>
</div><div class="fusion-image-element fusion-image-align-center in-legacy-container" style="text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="imageframe-align-center"><span class=" fusion-imageframe imageframe-none imageframe-13 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-20"><p>Ein UX-Designprozess folgt normalerweise einem Design Thinking-Ansatz, der aus fünf grundlegenden Phasen besteht:</p>
<ol>
<li style="text-align: left;">Mit dem Benutzer vertraut machen</li>
<li style="text-align: left;">Definieren des Problems (Ermittlung der Benutzer-Anforderungen)</li>
<li style="text-align: left;">Ideen für das Design generieren</li>
<li style="text-align: left;">Prototyping</li>
<li style="text-align: left;">Test-Phase</li>
</ol>
<p>Übrigens, diese 5 Schritte müssen nicht streng hierarchisch abgearbeitet werden. Im Gegenteil! Denn es ist sehr oft erforderlich diese Schritte zu wiederholen, parallel zu bearbeiten und deren Reihenfolge zu tauschen. Kurzum, es ist ein iterativer Prozess.</p>
<h4>Kernstrategien</h4>
<p>Doch welche Kernstrategien beinhaltet ein solches UX-Design? Je nachdem, welche Strategie man für das aktuelle Projekt für richtig erachtet, sollte man zwischen <span style="font-weight: bold;">User-Centered-Design, Design-Thinking, Activity-Centered-Design</span> und <span style="font-weight: bold;">Design-Sprints (von Goolge)</span> wählen. Also um vor allem Probleme aus der Welt zu schaffen. Gleichwohl jede dieser Strategien Vor- und Nachteile besitzt.<br />
Wenn diese Phase des UX-Designs abgeschlossen ist, geht es an die Gestaltung des Produktes. Und zwar an die grafische Umsetzung des <span style="font-weight: bold;">User Interfaces (UI). </span>Bei diesem Prozess werden im ersten Schritt Use Cases, Papier Prototypen, Wireframes und/oder Klickdummies erstellt. Danach gestaltet man sämtliche Screens und Icons grafisch, dem Styleguide entsprechend.</p>
<h4>Software</h4>
<p>Abgesehen von Stift und Papier kommt folgende Software beim UX/UI Design oftmals zum Einsatz: Adobe XD, Sketch, Figma, InVision, Axure, Balsamiq, Adobe Photoshop, Adobe Illustrator, Adobe After Effects usw.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="awb-gallery-wrapper awb-gallery-wrapper-1 button-span-no" style="--more-btn-alignment:center;"><div style="margin:-5px;--awb-bordersize:2px;--awb-bordercolor:#cccccc;--awb-columns-medium:100%;--awb-columns-small:100%;" class="fusion-gallery fusion-gallery-container fusion-grid-3 fusion-columns-total-6 fusion-gallery-layout-grid fusion-gallery-1"><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07.png" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07.png" width="1000" height="800" alt="UI Design Trends 2021" title="Portfolio-Projekte_Layout-Projektbilder_07" aria-label="Portfolio-Projekte_Layout-Projektbilder_07" class="img-responsive wp-image-2431" srcset="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07-200x160.png 200w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07-400x320.png 400w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07-600x480.png 600w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07-800x640.png 800w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07.png 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2025/08/Research_LuckyChef.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2025/08/Research_LuckyChef.jpg" width="1000" height="800" alt="Pinwand im Büro zur UX Research zum Thema Farben und Branding für Tier Ernährungs App." title="Research LuckyChef" aria-label="Research LuckyChef" class="img-responsive wp-image-2904" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/Research_LuckyChef-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/Research_LuckyChef-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/Research_LuckyChef-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/Research_LuckyChef-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2025/08/Research_LuckyChef.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2025/08/Figma-Mockup.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2025/08/Figma-Mockup.jpg" width="1000" height="800" alt="Darstellung Figma Mockup auf Apple Notebook." title="Figma Mockup" aria-label="Figma Mockup" class="img-responsive wp-image-2901" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/Figma-Mockup-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/Figma-Mockup-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/Figma-Mockup-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/Figma-Mockup-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2025/08/Figma-Mockup.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2025/08/Figma-UI-Design-LuckyChef.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2025/08/Figma-UI-Design-LuckyChef.jpg" width="1000" height="800" alt="Screenshot vom Figma Prototyping Prozess." title="Figma UI Design LuckyChef" aria-label="Figma UI Design LuckyChef" class="img-responsive wp-image-2902" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/Figma-UI-Design-LuckyChef-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/Figma-UI-Design-LuckyChef-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/Figma-UI-Design-LuckyChef-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/Figma-UI-Design-LuckyChef-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2025/08/Figma-UI-Design-LuckyChef.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup.jpg" width="1000" height="800" alt="Screenshot vom Figma UI Design Prozess und High Fidelity Mockup." title="High Fidelity Mockup" aria-label="High Fidelity Mockup" class="img-responsive wp-image-2903" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup_02.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_1]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup_02.jpg" width="1000" height="800" alt="High Fidelity Mockup im UX Design für Tier Ernährungs App." title="High Fidelity Mockup 02" aria-label="High Fidelity Mockup 02" class="img-responsive wp-image-2905" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup_02-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup_02-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup_02-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup_02-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2025/08/High-Fidelity-Mockup_02.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div></div></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-23 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-13 hundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-bottom:-80px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-24 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height" style="--awb-padding-bottom:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-recent-works fusion-portfolio-element fusion-portfolio fusion-portfolio-1 fusion-portfolio-grid fusion-portfolio-paging-none fusion-portfolio-five fusion-portfolio-no_text fusion-portfolio-rollover" data-id="-rw-1" data-columns="five"><style type="text/css">.fusion-portfolio-1 .fusion-portfolio-wrapper .fusion-col-spacing{padding:0px;}</style><div class="fusion-portfolio-wrapper" id="fusion-portfolio-1" data-picturesize="auto" data-pages="3" style="margin:-0px;"><article id="portfolio-1-post-3100" class="fusion-portfolio-post ai-design produkt-design fusion-col-spacing post-3100"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">EVE &#8211; Electric Truck Design</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2026-01-16T11:42:07+01:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design.webp" class="attachment-full size-full wp-post-image" alt="Seitliche Darstellung des cool designten e-Truck." srcset="https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design-200x200.webp 200w, https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design-400x400.webp 400w, https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design-600x600.webp 600w, https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design.webp 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/eve-electric_truck_design/">EVE &#8211; Electric Truck Design</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/eve-electric_truck_design/">
						EVE &#8211; Electric Truck Design					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/ai-design/" rel="tag">AI Design</a>, <a href="https://sauer-creations.de/portfolio_category/produkt-design/" rel="tag">Product Design</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/eve-electric_truck_design/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-1-post-2907" class="fusion-portfolio-post mediendesign fusion-col-spacing post-2907"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Dozent Mediendesign &#8211; HS Macromedia</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2025-12-03T18:52:27+01:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign.jpg" class="attachment-full size-full wp-post-image" alt="Designer Ronny Sauer zeichnet Bild zum Thema Design Thinking." srcset="https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/dozent-fuer-mediendesign-hs-macromedia/">Dozent Mediendesign &#8211; HS Macromedia</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/dozent-fuer-mediendesign-hs-macromedia/">
						Dozent Mediendesign &#8211; HS Macromedia					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/mediendesign/" rel="tag">Mediendesign</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/dozent-fuer-mediendesign-hs-macromedia/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-1-post-2855" class="fusion-portfolio-post mediendesign ui_ux fusion-col-spacing post-2855"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Crossmedia UX &#8211;  LuckyChef</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2026-01-06T12:22:51+01:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover.jpg" class="attachment-full size-full wp-post-image" alt="App Design und Geräte Design passen vom Branding, UI und UX Design zusammen." srcset="https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/">Crossmedia UX &#8211;  LuckyChef</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/">
						Crossmedia UX &#8211;  LuckyChef					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/mediendesign/" rel="tag">Mediendesign</a>, <a href="https://sauer-creations.de/portfolio_category/ui_ux/" rel="tag">UI UX</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-1-post-2797" class="fusion-portfolio-post produkt-design ui_ux fusion-col-spacing post-2797"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Thermomix TM7 &#8211; VORWERK</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2025-09-03T10:44:40+02:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7.jpg" class="attachment-full size-full wp-post-image" alt="Design Thermomix" srcset="https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/design_thermomix_tm7/">Thermomix TM7 &#8211; VORWERK</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/design_thermomix_tm7/">
						Thermomix TM7 &#8211; VORWERK					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/produkt-design/" rel="tag">Product Design</a>, <a href="https://sauer-creations.de/portfolio_category/ui_ux/" rel="tag">UI UX</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/design_thermomix_tm7/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-1-post-2742" class="fusion-portfolio-post produkt-design ui_ux fusion-col-spacing post-2742"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Kobold VK 7 &#8211; VORWERK</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2025-09-05T14:15:44+02:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01.jpg" class="attachment-full size-full wp-post-image" alt="Product Design und Ux/UI" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/kobold-vk-7-vorwerk/">Kobold VK 7 &#8211; VORWERK</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/kobold-vk-7-vorwerk/">
						Kobold VK 7 &#8211; VORWERK					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/produkt-design/" rel="tag">Product Design</a>, <a href="https://sauer-creations.de/portfolio_category/ui_ux/" rel="tag">UI UX</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/kobold-vk-7-vorwerk/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-bg-parallax" data-bg-align="center center" data-direction="left" data-mute="false" data-opacity="100" data-velocity="-0.5" data-mobile-enabled="false" data-break_parents="0" data-bg-image="https://sauer-creations.de/wp-content/uploads/2017/12/ParallaxBackground_Design_01-1024x630.jpg" data-bg-repeat="false" ></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-14 has-pattern-background has-mask-background fusion-parallax-left nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style="--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:url(&quot;https://sauer-creations.de/wp-content/uploads/2017/12/ParallaxBackground_Design_01-1024x630.jpg&quot;);--awb-background-size:cover;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-25 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-top:18%;--awb-padding-bottom:18%;--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-21"><h2 style="text-align: center;" data-inline-fontsize="true" data-inline-lineheight="true" data-fontsize="84" data-lineheight="60"><span style="color: #ffffff;">Noch Fragen?</span></h2>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-22"><p style="font-weight: 300; text-align: center; color: #fff; letter-spacing: 2px;">GERN KÖNNEN WIR UNS DAZU UNTERHALTEN.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-15 has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-color:#333333;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-26 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-bottom:48px;--awb-bg-color:rgba(102,102,102,0);--awb-bg-color-hover:rgba(102,102,102,0);--awb-bg-size:cover;" data-scroll-devices="small-visibility,medium-visibility,large-visibility"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-sharing-box fusion-sharing-box-1 boxed-icons has-taglines layout-floated layout-medium-floated layout-small-stacked" style="background-color:rgba(102,102,102,0);padding:0;--awb-separator-border-sizes:0px;--awb-layout:row;--awb-alignment-small:space-between;--awb-stacked-align-small:center;" data-title="Crossmedia UX Design" data-description="Crossmedia UX - LuckyChef 
UX/UI DESIGN FÜR DAS MULTIMEDIALE KOCHERLEBNIS    
Start 
Von 2021 bis 2024 entstand ein Projekt, das weit über die Gestaltung eines einzelnen Produkts hinausging. Ziel war es, eine durchgängige User Experience zu entwickeln – vom Küchengerät selbst über die" data-link="https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/" data-image="https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover.jpg"><h4 class="tagline" style="color:#f2f2f2;">Teilen erwünscht!</h4><div class="fusion-social-networks sharingbox-shortcode-icon-wrapper sharingbox-shortcode-icon-wrapper-1 boxed-icons"><span><a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fcrossmedia-ux-luckychef%2F&amp;t=Crossmedia%20UX%20Design" target="_blank" rel="noreferrer" title="Facebook" aria-label="Facebook" data-placement="top" data-toggle="tooltip" data-title="Facebook"><i class="fusion-social-network-icon fusion-tooltip fusion-facebook awb-icon-facebook" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://x.com/intent/post?text=Crossmedia%20UX%20Design&amp;url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fcrossmedia-ux-luckychef%2F" target="_blank" rel="noopener noreferrer" title="X" aria-label="X" data-placement="top" data-toggle="tooltip" data-title="X"><i class="fusion-social-network-icon fusion-tooltip fusion-twitter awb-icon-twitter" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fcrossmedia-ux-luckychef%2F&amp;title=Crossmedia%20UX%20Design&amp;summary=Crossmedia%20UX%20-%20LuckyChef%20%0D%0AUX%2FUI%20DESIGN%20F%C3%9CR%20DAS%20MULTIMEDIALE%20KOCHERLEBNIS%20%20%20%20%20%20%20%0D%0AStart%20%20%0D%0AVon%202021%20bis%202024%20entstand%20ein%20Projekt%2C%20das%20weit%20%C3%BCber%20die%20Gestaltung%20eines%20einzelnen%20Produkts%20hinausging.%20Ziel%20war%20es%2C%20eine%20durchg%C3%A4ngige%20User%20Experience%20zu%20entwickeln%20%E2%80%93%20vom%20K%C3%BCchenger%C3%A4t%20selbst%20%C3%BCber%20die" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn" data-placement="top" data-toggle="tooltip" data-title="LinkedIn"><i class="fusion-social-network-icon fusion-tooltip fusion-linkedin awb-icon-linkedin" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://www.tumblr.com/share/link?url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fcrossmedia-ux-luckychef%2F&amp;name=Crossmedia%20UX%20Design&amp;description=Crossmedia%20UX%20-%20LuckyChef%20%0D%0AUX%2FUI%20DESIGN%20F%C3%9CR%20DAS%20MULTIMEDIALE%20KOCHERLEBNIS%20%20%20%20%20%20%20%0D%0AStart%20%20%0D%0AVon%202021%20bis%202024%20entstand%20ein%20Projekt%2C%20das%20weit%20%C3%BCber%20die%20Gestaltung%20eines%20einzelnen%20Produkts%20hinausging.%20Ziel%20war%20es%2C%20eine%20durchg%C3%A4ngige%20User%20Experience%20zu%20entwickeln%20%E2%80%93%20vom%20K%C3%BCchenger%C3%A4t%20selbst%20%C3%BCber%20die" target="_blank" rel="noopener noreferrer" title="Tumblr" aria-label="Tumblr" data-placement="top" data-toggle="tooltip" data-title="Tumblr"><i class="fusion-social-network-icon fusion-tooltip fusion-tumblr awb-icon-tumblr" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fcrossmedia-ux-luckychef%2F&amp;description=Crossmedia%20UX%20-%20LuckyChef%20%0D%0AUX%2FUI%20DESIGN%20F%C3%9CR%20DAS%20MULTIMEDIALE%20KOCHERLEBNIS%20%20%20%20%20%20%20%0D%0AStart%20%20%0D%0AVon%202021%20bis%202024%20entstand%20ein%20Projekt%2C%20das%20weit%20%C3%BCber%20die%20Gestaltung%20eines%20einzelnen%20Produkts%20hinausging.%20Ziel%20war%20es%2C%20eine%20durchg%C3%A4ngige%20User%20Experience%20zu%20entwickeln%20%E2%80%93%20vom%20K%C3%BCchenger%C3%A4t%20selbst%20%C3%BCber%20die&amp;media=https%3A%2F%2Fsauer-creations.de%2Fwp-content%2Fuploads%2F2025%2F08%2FLuckyChef_cover.jpg" target="_blank" rel="noopener noreferrer" title="Pinterest" aria-label="Pinterest" data-placement="top" data-toggle="tooltip" data-title="Pinterest"><i class="fusion-social-network-icon fusion-tooltip fusion-pinterest awb-icon-pinterest" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="mailto:?subject=Crossmedia%20UX%20Design&amp;body=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fcrossmedia-ux-luckychef%2F" target="_self" title="E-Mail" aria-label="E-Mail" data-placement="top" data-toggle="tooltip" data-title="E-Mail"><i class="fusion-social-network-icon fusion-tooltip fusion-mail awb-icon-mail" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span></div></div><div class="fusion-clearfix"></div></div></div></div></div></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sport UX &#8211; IDA Software</title>
		<link>https://sauer-creations.de/portfolio-items/sport-ux-ida-software/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=sport-ux-ida-software</link>
		
		<dc:creator><![CDATA[Ronny]]></dc:creator>
		<pubDate>Mon, 02 Aug 2021 13:03:42 +0000</pubDate>
				<guid isPermaLink="false">https://sauer-creations.de/?post_type=avada_portfolio&#038;p=2394</guid>

					<description><![CDATA[Sport UX - IDA Software  UX/UI DESIGN FÜR DIE PROFI-SPORTLER-APP "IDA"        Start   Im November 2020 kam das IAT (Institut für Angewandte Trainingswissenschaften) auf mich zu, um den ersten Teil ihrer Profi-Sportler-Software "IDA" für den User zu optimieren. Dabei lernte ich meinen zukünftigen Projekt-Partner Lukas  [...]]]></description>
										<content:encoded><![CDATA[<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-16 has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-bottom:0px;--awb-margin-top:4%;--awb-margin-bottom:4%;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-27 fusion_builder_column_3_5 3_5 fusion-three-fifth fusion-column-first" style="--awb-bg-size:cover;width:58.4%; margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-23"><h1>Sport UX &#8211; IDA Software</h1>
</div><div class="fusion-text fusion-text-24"><p style="font-weight: 300; font-size: 16px; letter-spacing: 2px;">UX/UI DESIGN FÜR DIE PROFI-SPORTLER-APP &#8222;IDA&#8220;</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-image-element in-legacy-container" style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-14 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-28 fusion_builder_column_2_5 2_5 fusion-two-fifth fusion-column-last" style="--awb-bg-size:cover;width:37.6%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-17 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-bottom:0px;--awb-margin-bottom:4%;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-content-wrap" style="max-width:1216.8px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-29 fusion_builder_column_3_5 3_5 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:60%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.2%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;" data-scroll-devices="small-visibility,medium-visibility,large-visibility"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-image-element " style="--awb-liftup-border-radius:0px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="awb-image-frame awb-image-frame-15 imageframe-liftup"><span class=" fusion-imageframe imageframe-none imageframe-15"><a href="https://sauer-creations.de/wp-content/uploads/2021/07/IDA-App.jpg" class="fusion-lightbox" data-rel="iLightbox[43a170a8fe4a8f27993]" data-title="IDA-App" title="IDA-App"><img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2021/07/IDA-App.jpg" alt class="img-responsive wp-image-2397" srcset="https://sauer-creations.de/wp-content/uploads/2021/07/IDA-App-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2021/07/IDA-App-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2021/07/IDA-App-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2021/07/IDA-App.jpg 800w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px" /></a></span></div></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-30 fusion_builder_column_2_5 2_5 fusion-flex-column" style="--awb-bg-size:cover;--awb-width-large:40%;--awb-margin-top-large:0px;--awb-spacing-right-large:4.8%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-text fusion-text-25"><h2>Start</h2>
</div><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-16 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-text fusion-text-26"><p>Im November 2020 kam das IAT (Institut für Angewandte Trainingswissenschaften) auf mich zu, um den ersten Teil ihrer Profi-Sportler-Software &#8222;IDA&#8220; für den User zu optimieren. Dabei lernte ich meinen zukünftigen Projekt-Partner Lukas kennen und wir waren uns recht schnell einig: Es sollten unbedingt User-Interviews durchgeführt werden.</p>
<p><strong>Was ist die IDA-App?</strong><br />
Die IDA-App ist über viele Jahre zu einem der TOP-Tools im Profi-Sport herangewachsen. Es werden traditionelle sportlicher Bereiche wie z.B. Schwimmen, Laufen und Biathlon abgedeckt. Aber auch moderne Olympia-Disziplinen wie Snowboarden und Surfen finden sich wieder. IDA ermöglicht den Sportlern eine direkte Kommunikation mit ihren Trainern. Es werden Trainingseinheiten und Wettkämpfe mit höchstem wissenschaftlichen Ansatz geplant und verwaltet. Zusätzlich hat der Sportler auch die Möglichkeit, seinen Fortschritt und psychischen/physischen Zustand zu analysieren.</p>
</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-18 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-padding-bottom:70px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-31 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-first" style="--awb-bg-size:cover;width:65.3333%; margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-27"><h2 style="text-align: left;">Research</h2>
</div><div class="fusion-image-element fusion-image-align-left in-legacy-container" style="text-align:left;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-17 hover-type-none" style="margin-right:25px;float:left;"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-28"><p>Der erste Schritt stellte das Durchführen von User-Interviews dar. Es ist jedes mal aufs Neue absolut erstaunlich, was durch eine solche Nutzer-Befragung herausgefunden wird. Bedingt durch Corona wurden die Interviews via Facetime und Apps wie z.B. <a href="https://zoom.us/de-de/meetings.html" target="_blank" rel="noopener">Zoom</a> oder <a href="https://www.microsoft.com/de-de/microsoft-teams/group-chat-software" target="_blank" rel="noopener">Teams</a> durchgeführt, was sich als extrem unterhaltsam herauskristallisierte.</p>
</div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-32 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-last" style="--awb-padding-bottom:100px;--awb-bg-size:cover;width:30.6666%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-image-element fusion-image-align-center in-legacy-container" style="text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="imageframe-align-center"><span class=" fusion-imageframe imageframe-none imageframe-18 hover-type-none" style="border-radius:16px;"><img decoding="async" width="800" height="800" alt="ux_user-interview" title="UX_interview_XL" src="https://sauer-creations.de/wp-content/uploads/2021/04/UX_interview_XL.jpg" class="img-responsive wp-image-2381" srcset="https://sauer-creations.de/wp-content/uploads/2021/04/UX_interview_XL-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2021/04/UX_interview_XL-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2021/04/UX_interview_XL-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2021/04/UX_interview_XL.jpg 800w" sizes="(max-width: 800px) 100vw, 400px" /></span></div></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-19 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-padding-bottom:70px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-33 fusion_builder_column_2_5 2_5 fusion-two-fifth fusion-column-first" style="--awb-padding-bottom:100px;--awb-bg-size:cover;width:40%;width:calc(40% - ( ( 4% ) * 0.4 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-image-element in-legacy-container" style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-19 hover-type-none" style="border-radius:16px;"><img decoding="async" width="600" height="480" alt="PersonasUX" title="IDA_personas" src="https://sauer-creations.de/wp-content/uploads/2021/07/IDA_personas.jpg" class="img-responsive wp-image-2401" srcset="https://sauer-creations.de/wp-content/uploads/2021/07/IDA_personas-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2021/07/IDA_personas-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2021/07/IDA_personas.jpg 600w" sizes="(max-width: 800px) 100vw, 600px" /></span></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-34 fusion_builder_column_3_5 3_5 fusion-three-fifth fusion-column-last" style="--awb-bg-size:cover;width:60%;width:calc(60% - ( ( 4% ) * 0.6 ) );"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-29"><h2>Konzeption</h2>
</div><div class="fusion-image-element fusion-image-align-left in-legacy-container" style="text-align:left;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-20 hover-type-none" style="margin-right:25px;float:left;"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-30"><p>Anschließen hieß es in der Konzeptionsphase, sämtliche Ergebnisse aus der Research-Phase und den User-Interviews auszuwerten und auch zu hinterfragen. Jetzt war es an der Zeit, diese gesammelten Daten in den UX-Design-Prozess einzubinden. Welche UX-Prozesse machen Sinn und helfen beim weiteren Design-Prozess? Wir entschieden uns für folgende UX-Bausteine:<br />
<strong>1.Personas, 2. Customer Journey Map, 3. Empathy Map</strong></p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-35 fusion_builder_column_1_4 1_4 fusion-one-fourth fusion-column-first" style="--awb-bg-size:cover;width:25%;width:calc(25% - ( ( 4% + 4% + 4% ) * 0.25 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="20" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">RE</div></div></div></div><div class="fusion-text fusion-text-31"><p style="text-align: center;">Research</p>
</div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-36 fusion_builder_column_1_4 1_4 fusion-one-fourth" style="--awb-bg-size:cover;width:25%;width:calc(25% - ( ( 4% + 4% + 4% ) * 0.25 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="50" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">KON</div></div></div></div><div class="fusion-text fusion-text-32"><p style="text-align: center;">Konzeption</p>
</div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-37 fusion_builder_column_1_4 1_4 fusion-one-fourth" style="--awb-bg-size:cover;width:25%;width:calc(25% - ( ( 4% + 4% + 4% ) * 0.25 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="90" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">PR</div></div></div></div><div class="fusion-text fusion-text-33"><p style="text-align: center;">Prototyping</p>
</div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-38 fusion_builder_column_1_4 1_4 fusion-one-fourth fusion-column-last" style="--awb-bg-size:cover;width:25%;width:calc(25% - ( ( 4% + 4% + 4% ) * 0.25 ) );"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="20" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">UI</div></div></div></div><div class="fusion-text fusion-text-34"><p style="text-align: center;">UI Design</p>
</div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-20 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-39 fusion_builder_column_1_5 1_5 fusion-one-fifth fusion-column-first" style="--awb-bg-size:cover;width:20%;width:calc(20% - ( ( 4% + 4% ) * 0.2 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-40 fusion_builder_column_3_5 3_5 fusion-three-fifth" style="--awb-bg-size:cover;width:60%;width:calc(60% - ( ( 4% + 4% ) * 0.6 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-35"><h2 style="text-align: center;">Design Thinking</h2>
</div><div class="fusion-image-element fusion-image-align-center in-legacy-container" style="text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="imageframe-align-center"><span class=" fusion-imageframe imageframe-none imageframe-21 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-36"><p style="text-align: center;">Projektarbeit kann &#8211; nein, sollte auch Spaß machen. Bei diesem Projekt wurden typische Schritte des Design-Thinking-Prozesses auch spielerisch und sportlich interpretiert. Durch Apps wie bspw. <a href="https://miro.com/?utm_source%3Dgoogle%26utm_medium%3Dcpc%26utm_campaign%3DS|GOO|BRN|DE|EN-EN|Brand|Exact%26utm_adgroup=%26utm_custom%3D10031645019%26utm_content%3D434602393646%26utm_term%3Dmiro%26matchtype=e%26device=c%26location=9042970&amp;gclid=CjwKCAjwr56IBhAvEiwA1fuqGi8ISWndoYRU9raKxfbrrR4d0qH-Ob6u6ftldGpbmAIxFFWnUURmtRoCQK8QAvD_BwE" target="_blank" rel="noopener">Miro</a> oder <a href="https://www.figma.com/" target="_blank" rel="noopener">Figma</a> konnten die wöchentlich online stattfindenden Meetings erfrischend und barrierefrei abgehalten werden. Denn diese Tools ermöglichen einen fortschrittlichen Projekt-Ablauf &#8211; vor allem während der Corona-Pandemie.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-41 fusion_builder_column_1_5 1_5 fusion-one-fifth fusion-column-last" style="--awb-bg-size:cover;width:20%;width:calc(20% - ( ( 4% + 4% ) * 0.2 ) );"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-42 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-image-element in-legacy-container" style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-22 hover-type-none" style="border-radius:16px;"><img decoding="async" width="1200" height="600" alt="Design Thinking IDA" title="Portfolio_IDA-sport-App" src="https://sauer-creations.de/wp-content/uploads/2021/07/Portfolio_IDA-sport-App.jpg" class="img-responsive wp-image-2407" srcset="https://sauer-creations.de/wp-content/uploads/2021/07/Portfolio_IDA-sport-App-200x100.jpg 200w, https://sauer-creations.de/wp-content/uploads/2021/07/Portfolio_IDA-sport-App-400x200.jpg 400w, https://sauer-creations.de/wp-content/uploads/2021/07/Portfolio_IDA-sport-App-600x300.jpg 600w, https://sauer-creations.de/wp-content/uploads/2021/07/Portfolio_IDA-sport-App-800x400.jpg 800w, https://sauer-creations.de/wp-content/uploads/2021/07/Portfolio_IDA-sport-App.jpg 1200w" sizes="(max-width: 800px) 100vw, 1200px" /></span></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-21 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:50px;--awb-padding-bottom:55px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-43 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-top:0px;--awb-padding-right:40px;--awb-padding-bottom:50px;--awb-padding-left:0px;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-37"><p style="text-align: center;"><span style="font-family: 'playfair'; font-size: 90px; line-height: 30px; vertical-align: middle; margin-bottom: -20px; margin-right: 20px;">&#8222;</span><span style="font-family: 'playfair'; font-size: 30px; line-height: 60px; font-weight: 400; font-style: normal;">Wenn ich die Leute gefragt hätte, was sie wollen, hätten sie gesagt: »schnellere Pferde«</span></p>
</div><div class="fusion-text fusion-text-38"><p style="font-weight: bold; letter-spacing: 4px; text-align: center;"><span style="color: #fff; background-color: #2176ff;">HENRY</span> FORD</p>
</div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-22 fusion-parallax-fixed nonhundred-percent-fullwidth hundred-percent-height hundred-percent-height-center-content non-hundred-percent-height-scrolling fusion-equal-height-columns fusion-no-small-visibility" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:url(&quot;https://sauer-creations.de/wp-content/uploads/2021/07/Parallax_IDA_UX-Workflow.png&quot;);--awb-background-size:cover;--awb-flex-wrap:wrap;background-attachment:fixed;" ><div class="fusion-fullwidth-center-content"><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-44 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-top:18%;--awb-padding-bottom:18%;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-23 fusion-parallax-fixed hundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-no-medium-visibility fusion-no-large-visibility" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:url(&quot;https://sauer-creations.de/wp-content/uploads/2021/07/Parallax_IDA_UX-Workflow.png&quot;);--awb-background-size:cover;--awb-flex-wrap:wrap;background-attachment:fixed;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-45 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height fusion-no-medium-visibility fusion-no-large-visibility" style="--awb-padding-top:18%;--awb-padding-bottom:18%;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-24 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-padding-bottom:70px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-46 fusion_builder_column_3_5 3_5 fusion-three-fifth fusion-column-first" style="--awb-bg-size:cover;width:58.4%; margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-39"><h2>Prototyping</h2>
</div><div class="fusion-image-element fusion-image-align-left in-legacy-container" style="text-align:left;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-23 hover-type-none" style="margin-right:25px;float:left;"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-40"><p>Heutige UX Design-Tools wie Figma oder <a href="https://www.adobe.com/de/products/xd.html" target="_blank" rel="noopener">Adobe XD</a> erlauben es, sehr schnell klickbare Prototypen zu erstellen. Dadurch kann auch zügig in A/B-Testings herausgefunden werden, welche der entworfenen Lösungen gut beim User ankommen und welche eher ungeeignet sind. Nachdem eine perfekte Lösung für den Benutzer gefunden wurde, war es nun an der Zeit das Interface (UI) zu gestalten.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-47 fusion_builder_column_2_5 2_5 fusion-two-fifth fusion-column-last" style="--awb-padding-bottom:100px;--awb-bg-size:cover;width:37.6%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-image-element in-legacy-container" style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-24 hover-type-none" style="border-radius:16px;"><img decoding="async" width="1000" height="800" alt="Figma Screen UX design" title="Figma_Screenshot" src="https://sauer-creations.de/wp-content/uploads/2021/07/Figma_Screenshot.png" class="img-responsive wp-image-2413" srcset="https://sauer-creations.de/wp-content/uploads/2021/07/Figma_Screenshot-200x160.png 200w, https://sauer-creations.de/wp-content/uploads/2021/07/Figma_Screenshot-400x320.png 400w, https://sauer-creations.de/wp-content/uploads/2021/07/Figma_Screenshot-600x480.png 600w, https://sauer-creations.de/wp-content/uploads/2021/07/Figma_Screenshot-800x640.png 800w, https://sauer-creations.de/wp-content/uploads/2021/07/Figma_Screenshot.png 1000w" sizes="(max-width: 800px) 100vw, 600px" /></span></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-25 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-color:#f2f2f2;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-48 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-section-separator section-separator waves-opacity fusion-section-separator-2" style="--awb-spacer-padding-top:21.09375%;--awb-svg-margin-left:0;--awb-svg-margin-right:0;--awb-sep-font-size:0;--awb-sep-line-height:0;"><div class="fusion-section-separator-svg"><svg class="fusion-waves-opacity-candy" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" viewBox="0 1 1024 216" preserveAspectRatio="none" fill="rgba(255,255,255,1)"><path class="st0" d="M0 215.4c19.4.5 38.7 1.6 57.7.3 206.6-15 248.5-126.6 455-143.8 184.8-15.5 285.7 60.9 464.3 41.3 16.9-1.8 32.5-4.4 47.1-7.6L1024 .4H0v215z"/>
										<path class="st1" d="M0 196.4c30.2 1.6 59.6 1.6 86.8-.4C293.4 180.9 284.1 73.4 490.7 56.2c184.9-15.5 278.5 58.2 457.1 38.4 28.3-3.2 53.5-8.2 76.2-14.6V.256H0V196.4z"/>
										<path class="st2" d="M0 169.8c22.2.3 43.8-.2 64.2-1.7C270.8 153.1 262 55.6 468.6 38.4 653.4 22.9 695.4 89.5 874 69.7c54.8-6 104.9-18.3 150-33.7V.256H0V169.8z"/>
										<path class="st3" d="M0 162.1c4-.2 8-.4 11.9-.7C218.4 146.3 239.8 37 446.4 19.8 631.3 4.3 672.7 60.9 851.3 41.1c64-7.2 121.9-20.8 172.7-37.9V.156H0V162.1z"/>
									</svg></div><div class="fusion-section-separator-spacer"><div class="fusion-section-separator-spacer-height"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-26 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-padding-bottom:70px;--awb-background-color:#f2f2f2;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-49 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-right:10%;--awb-padding-left:10%;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-41"><h2 style="text-align: center;">UI/UX Design Workflow allgemein</h2>
</div><div class="fusion-image-element fusion-image-align-center in-legacy-container" style="text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="imageframe-align-center"><span class=" fusion-imageframe imageframe-none imageframe-25 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-42"><p>Ein UX-Designprozess folgt normalerweise einem Design Thinking-Ansatz, der aus fünf grundlegenden Phasen besteht:</p>
<ol>
<li style="text-align: left;">Mit dem Benutzer vertraut machen</li>
<li style="text-align: left;">Definieren des Problems (Ermittlung der Benutzer-Anforderungen)</li>
<li style="text-align: left;">Ideen für das Design generieren</li>
<li style="text-align: left;">Prototyping</li>
<li style="text-align: left;">Test-Phase</li>
</ol>
<p>Übrigens, diese 5 Schritte müssen nicht streng hierarchisch abgearbeitet werden. Im Gegenteil! Denn es ist sehr oft erforderlich diese Schritte zu wiederholen, parallel zu bearbeiten und deren Reihenfolge zu tauschen. Kurzum, es ist ein iterativer Prozess.</p>
<h4>Kernstrategien</h4>
<p>Doch welche Kernstrategien beinhaltet ein solches UX-Design? Je nachdem, welche Strategie man für das aktuelle Projekt für richtig erachtet, sollte man zwischen <span style="font-weight: bold;">User-Centered-Design, Design-Thinking, Activity-Centered-Design</span> und <span style="font-weight: bold;">Design-Sprints (von Goolge)</span> wählen. Also um vor allem Probleme aus der Welt zu schaffen. Gleichwohl jede dieser Strategien Vor- und Nachteile besitzt.<br />
Wenn diese Phase des UX-Designs abgeschlossen ist, geht es an die Gestaltung des Produktes. Und zwar an die grafische Umsetzung des <span style="font-weight: bold;">User Interfaces (UI). </span>Bei diesem Prozess werden im ersten Schritt Use Cases, Papier Prototypen, Wireframes und/oder Klickdummies erstellt. Danach gestaltet man sämtliche Screens und Icons grafisch, dem Styleguide entsprechend.</p>
<h4>Software</h4>
<p>Abgesehen von Stift und Papier kommt folgende Software beim UX/UI Design oftmals zum Einsatz: Adobe XD, Sketch, Figma, InVision, Axure, Balsamiq, Adobe Photoshop, Adobe Illustrator, Adobe After Effects usw.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="awb-gallery-wrapper awb-gallery-wrapper-2 button-span-no"><div style="margin:-5px;--awb-bordersize:2px;--awb-bordercolor:#cccccc;--awb-columns-medium:100%;--awb-columns-small:100%;" class="fusion-gallery fusion-gallery-container fusion-grid-3 fusion-columns-total-8 fusion-gallery-layout-grid fusion-gallery-2"><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2021/08/IDA_UX-Prozess-01.png" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2021/08/IDA_UX-Prozess-01.png" width="1000" height="800" alt="Product-Overview" title="IDA_UX-Prozess-01" aria-label="IDA_UX-Prozess-01" class="img-responsive wp-image-2426" srcset="https://sauer-creations.de/wp-content/uploads/2021/08/IDA_UX-Prozess-01-200x160.png 200w, https://sauer-creations.de/wp-content/uploads/2021/08/IDA_UX-Prozess-01-400x320.png 400w, https://sauer-creations.de/wp-content/uploads/2021/08/IDA_UX-Prozess-01-600x480.png 600w, https://sauer-creations.de/wp-content/uploads/2021/08/IDA_UX-Prozess-01-800x640.png 800w, https://sauer-creations.de/wp-content/uploads/2021/08/IDA_UX-Prozess-01.png 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_02.png" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_02.png" width="1000" height="800" alt="Brainstorming_Moodboard" title="Portfolio-Projekte_Layout-Projektbilder_02" aria-label="Portfolio-Projekte_Layout-Projektbilder_02" class="img-responsive wp-image-2427" srcset="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_02-200x160.png 200w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_02-400x320.png 400w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_02-600x480.png 600w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_02-800x640.png 800w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_02.png 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_03.png" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_03.png" width="1000" height="800" alt="App Research" title="Portfolio-Projekte_Layout-Projektbilder_03" aria-label="Portfolio-Projekte_Layout-Projektbilder_03" class="img-responsive wp-image-2428" srcset="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_03-200x160.png 200w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_03-400x320.png 400w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_03-600x480.png 600w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_03-800x640.png 800w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_03.png 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_04.png" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_04.png" width="1000" height="800" alt="User Interviews" title="Portfolio-Projekte_Layout-Projektbilder_04" aria-label="Portfolio-Projekte_Layout-Projektbilder_04" class="img-responsive wp-image-2429" srcset="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_04-200x160.png 200w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_04-400x320.png 400w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_04-600x480.png 600w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_04-800x640.png 800w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_04.png 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_06.png" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_06.png" width="1000" height="800" alt="Empathy Map" title="Portfolio-Projekte_Layout-Projektbilder_06" aria-label="Portfolio-Projekte_Layout-Projektbilder_06" class="img-responsive wp-image-2430" srcset="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_06-200x160.png 200w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_06-400x320.png 400w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_06-600x480.png 600w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_06-800x640.png 800w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_06.png 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07.png" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07.png" width="1000" height="800" alt="UI Design Trends 2021" title="Portfolio-Projekte_Layout-Projektbilder_07" aria-label="Portfolio-Projekte_Layout-Projektbilder_07" class="img-responsive wp-image-2431" srcset="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07-200x160.png 200w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07-400x320.png 400w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07-600x480.png 600w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07-800x640.png 800w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_07.png 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_08.png" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_08.png" width="1000" height="800" alt="Miro App" title="Portfolio-Projekte_Layout-Projektbilder_08" aria-label="Portfolio-Projekte_Layout-Projektbilder_08" class="img-responsive wp-image-2432" srcset="https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_08-200x160.png 200w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_08-400x320.png 400w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_08-600x480.png 600w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_08-800x640.png 800w, https://sauer-creations.de/wp-content/uploads/2021/08/Portfolio-Projekte_Layout-Projektbilder_08.png 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2021/08/IDA_Mockup.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_2]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2021/08/IDA_Mockup.jpg" width="1000" height="800" alt="UI Design" title="IDA_Mockup" aria-label="IDA_Mockup" class="img-responsive wp-image-2434" srcset="https://sauer-creations.de/wp-content/uploads/2021/08/IDA_Mockup-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2021/08/IDA_Mockup-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2021/08/IDA_Mockup-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2021/08/IDA_Mockup-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2021/08/IDA_Mockup.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div></div></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-50 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-27 hundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-bottom:-80px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-51 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height" style="--awb-padding-bottom:0px;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-recent-works fusion-portfolio-element fusion-portfolio fusion-portfolio-2 fusion-portfolio-grid fusion-portfolio-paging-none fusion-portfolio-five fusion-portfolio-no_text fusion-portfolio-rollover" data-id="-rw-2" data-columns="five"><style type="text/css">.fusion-portfolio-2 .fusion-portfolio-wrapper .fusion-col-spacing{padding:0px;}</style><div class="fusion-portfolio-wrapper" id="fusion-portfolio-2" data-picturesize="auto" data-pages="3" style="margin:-0px;"><article id="portfolio-2-post-3100" class="fusion-portfolio-post ai-design produkt-design fusion-col-spacing post-3100"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">EVE &#8211; Electric Truck Design</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2026-01-16T11:42:07+01:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design.webp" class="attachment-full size-full wp-post-image" alt="Seitliche Darstellung des cool designten e-Truck." srcset="https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design-200x200.webp 200w, https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design-400x400.webp 400w, https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design-600x600.webp 600w, https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design.webp 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/eve-electric_truck_design/">EVE &#8211; Electric Truck Design</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/eve-electric_truck_design/">
						EVE &#8211; Electric Truck Design					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/ai-design/" rel="tag">AI Design</a>, <a href="https://sauer-creations.de/portfolio_category/produkt-design/" rel="tag">Product Design</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/eve-electric_truck_design/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-2-post-2907" class="fusion-portfolio-post mediendesign fusion-col-spacing post-2907"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Dozent Mediendesign &#8211; HS Macromedia</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2025-12-03T18:52:27+01:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign.jpg" class="attachment-full size-full wp-post-image" alt="Designer Ronny Sauer zeichnet Bild zum Thema Design Thinking." srcset="https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/dozent-fuer-mediendesign-hs-macromedia/">Dozent Mediendesign &#8211; HS Macromedia</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/dozent-fuer-mediendesign-hs-macromedia/">
						Dozent Mediendesign &#8211; HS Macromedia					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/mediendesign/" rel="tag">Mediendesign</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/dozent-fuer-mediendesign-hs-macromedia/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-2-post-2855" class="fusion-portfolio-post mediendesign ui_ux fusion-col-spacing post-2855"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Crossmedia UX &#8211;  LuckyChef</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2026-01-06T12:22:51+01:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover.jpg" class="attachment-full size-full wp-post-image" alt="App Design und Geräte Design passen vom Branding, UI und UX Design zusammen." srcset="https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/">Crossmedia UX &#8211;  LuckyChef</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/">
						Crossmedia UX &#8211;  LuckyChef					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/mediendesign/" rel="tag">Mediendesign</a>, <a href="https://sauer-creations.de/portfolio_category/ui_ux/" rel="tag">UI UX</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-2-post-2797" class="fusion-portfolio-post produkt-design ui_ux fusion-col-spacing post-2797"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Thermomix TM7 &#8211; VORWERK</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2025-09-03T10:44:40+02:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7.jpg" class="attachment-full size-full wp-post-image" alt="Design Thermomix" srcset="https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/design_thermomix_tm7/">Thermomix TM7 &#8211; VORWERK</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/design_thermomix_tm7/">
						Thermomix TM7 &#8211; VORWERK					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/produkt-design/" rel="tag">Product Design</a>, <a href="https://sauer-creations.de/portfolio_category/ui_ux/" rel="tag">UI UX</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/design_thermomix_tm7/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-2-post-2742" class="fusion-portfolio-post produkt-design ui_ux fusion-col-spacing post-2742"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Kobold VK 7 &#8211; VORWERK</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2025-09-05T14:15:44+02:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01.jpg" class="attachment-full size-full wp-post-image" alt="Product Design und Ux/UI" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/kobold-vk-7-vorwerk/">Kobold VK 7 &#8211; VORWERK</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/kobold-vk-7-vorwerk/">
						Kobold VK 7 &#8211; VORWERK					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/produkt-design/" rel="tag">Product Design</a>, <a href="https://sauer-creations.de/portfolio_category/ui_ux/" rel="tag">UI UX</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/kobold-vk-7-vorwerk/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-bg-parallax" data-bg-align="center center" data-direction="left" data-mute="false" data-opacity="100" data-velocity="-0.5" data-mobile-enabled="false" data-break_parents="0" data-bg-image="https://sauer-creations.de/wp-content/uploads/2017/12/ParallaxBackground_Design_01-1024x630.jpg" data-bg-repeat="false" ></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-28 has-pattern-background has-mask-background fusion-parallax-left nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style="--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:url(&quot;https://sauer-creations.de/wp-content/uploads/2017/12/ParallaxBackground_Design_01-1024x630.jpg&quot;);--awb-background-size:cover;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-52 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-top:18%;--awb-padding-bottom:18%;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-43"><h2 style="text-align: center;" data-inline-fontsize="true" data-inline-lineheight="true" data-fontsize="84" data-lineheight="60"><span style="color: #ffffff;">Noch Fragen?</span></h2>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-44"><p style="font-weight: 300; text-align: center; color: #fff; letter-spacing: 2px;">GERN KÖNNEN WIR UNS DAZU UNTERHALTEN.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-29 has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-color:#333333;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-53 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-bottom:48px;--awb-bg-color:rgba(102,102,102,0);--awb-bg-color-hover:rgba(102,102,102,0);--awb-bg-size:cover;" data-scroll-devices="small-visibility,medium-visibility,large-visibility"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-sharing-box fusion-sharing-box-2 boxed-icons has-taglines layout-floated layout-medium-floated layout-small-stacked" style="background-color:rgba(102,102,102,0);padding:0;--awb-separator-border-sizes:0px;--awb-layout:row;--awb-alignment-small:space-between;--awb-stacked-align-small:center;" data-title="UX Design - IDA Software" data-description="Sport UX - IDA Software 
UX/UI DESIGN FÜR DIE PROFI-SPORTLER-APP &quot;IDA&quot;    
Start 

Im November 2020 kam das IAT (Institut für Angewandte Trainingswissenschaften) auf mich zu, um den ersten Teil ihrer Profi-Sportler-Software &quot;IDA&quot; für den User zu optimieren. Dabei lernte ich meinen zukünftigen" data-link="https://sauer-creations.de/portfolio-items/sport-ux-ida-software/"><h4 class="tagline" style="color:#f2f2f2;">Teilen erwünscht!</h4><div class="fusion-social-networks sharingbox-shortcode-icon-wrapper sharingbox-shortcode-icon-wrapper-2 boxed-icons"><span><a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fsport-ux-ida-software%2F&amp;t=UX%20Design%20-%20IDA%20Software" target="_blank" rel="noreferrer" title="Facebook" aria-label="Facebook" data-placement="top" data-toggle="tooltip" data-title="Facebook"><i class="fusion-social-network-icon fusion-tooltip fusion-facebook awb-icon-facebook" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://x.com/intent/post?text=UX%20Design%20-%20IDA%20Software&amp;url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fsport-ux-ida-software%2F" target="_blank" rel="noopener noreferrer" title="X" aria-label="X" data-placement="top" data-toggle="tooltip" data-title="X"><i class="fusion-social-network-icon fusion-tooltip fusion-twitter awb-icon-twitter" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fsport-ux-ida-software%2F&amp;title=UX%20Design%20-%20IDA%20Software&amp;summary=Sport%20UX%20-%20IDA%20Software%20%0D%0AUX%2FUI%20DESIGN%20F%C3%9CR%20DIE%20PROFI-SPORTLER-APP%20%26quot%3BIDA%26quot%3B%20%20%20%20%20%20%20%0D%0AStart%20%20%0D%0A%0D%0AIm%20November%202020%20kam%20das%20IAT%20%28Institut%20f%C3%BCr%20Angewandte%20Trainingswissenschaften%29%20auf%20mich%20zu%2C%20um%20den%20ersten%20Teil%20ihrer%20Profi-Sportler-Software%20%26quot%3BIDA%26quot%3B%20f%C3%BCr%20den%20User%20zu%20optimieren.%20Dabei%20lernte%20ich%20meinen%20zuk%C3%BCnftigen" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn" data-placement="top" data-toggle="tooltip" data-title="LinkedIn"><i class="fusion-social-network-icon fusion-tooltip fusion-linkedin awb-icon-linkedin" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://www.tumblr.com/share/link?url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fsport-ux-ida-software%2F&amp;name=UX%20Design%20-%20IDA%20Software&amp;description=Sport%20UX%20-%20IDA%20Software%20%0D%0AUX%2FUI%20DESIGN%20F%C3%9CR%20DIE%20PROFI-SPORTLER-APP%20%26quot%3BIDA%26quot%3B%20%20%20%20%20%20%20%0D%0AStart%20%20%0D%0A%0D%0AIm%20November%202020%20kam%20das%20IAT%20%28Institut%20f%C3%BCr%20Angewandte%20Trainingswissenschaften%29%20auf%20mich%20zu%2C%20um%20den%20ersten%20Teil%20ihrer%20Profi-Sportler-Software%20%26quot%3BIDA%26quot%3B%20f%C3%BCr%20den%20User%20zu%20optimieren.%20Dabei%20lernte%20ich%20meinen%20zuk%C3%BCnftigen" target="_blank" rel="noopener noreferrer" title="Tumblr" aria-label="Tumblr" data-placement="top" data-toggle="tooltip" data-title="Tumblr"><i class="fusion-social-network-icon fusion-tooltip fusion-tumblr awb-icon-tumblr" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fsport-ux-ida-software%2F&amp;description=Sport%20UX%20-%20IDA%20Software%20%0D%0AUX%2FUI%20DESIGN%20F%C3%9CR%20DIE%20PROFI-SPORTLER-APP%20%26quot%3BIDA%26quot%3B%20%20%20%20%20%20%20%0D%0AStart%20%20%0D%0A%0D%0AIm%20November%202020%20kam%20das%20IAT%20%28Institut%20f%C3%BCr%20Angewandte%20Trainingswissenschaften%29%20auf%20mich%20zu%2C%20um%20den%20ersten%20Teil%20ihrer%20Profi-Sportler-Software%20%26quot%3BIDA%26quot%3B%20f%C3%BCr%20den%20User%20zu%20optimieren.%20Dabei%20lernte%20ich%20meinen%20zuk%C3%BCnftigen&amp;media=" target="_blank" rel="noopener noreferrer" title="Pinterest" aria-label="Pinterest" data-placement="top" data-toggle="tooltip" data-title="Pinterest"><i class="fusion-social-network-icon fusion-tooltip fusion-pinterest awb-icon-pinterest" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="mailto:?subject=UX%20Design%20-%20IDA%20Software&amp;body=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fsport-ux-ida-software%2F" target="_self" title="E-Mail" aria-label="E-Mail" data-placement="top" data-toggle="tooltip" data-title="E-Mail"><i class="fusion-social-network-icon fusion-tooltip fusion-mail awb-icon-mail" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span></div></div><div class="fusion-clearfix"></div></div></div></div></div></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>shift by wire &#8211; AUDI</title>
		<link>https://sauer-creations.de/portfolio-items/shift-by-wire-audi/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=shift-by-wire-audi</link>
		
		<dc:creator><![CDATA[Ronny]]></dc:creator>
		<pubDate>Tue, 06 Oct 2020 12:05:08 +0000</pubDate>
				<guid isPermaLink="false">http://sauer-creations.de/?post_type=avada_portfolio&#038;p=2185</guid>

					<description><![CDATA[shift by wire - AUDI  UX/UI DESIGN-KONZEPTE FÜR DIE FIRMA AUDI        Briefing   Es war eines meiner ersten Projekte im Bereich des UX Designs. Aber Projektpartner sollte keine Geringere als die in Ingolstadt ansässige Automobilfirma AUDI sein. Natürlich war man damals sehr aufgeregt. Schließlich ergeben  [...]]]></description>
										<content:encoded><![CDATA[<p><div class="fusion-fullwidth fullwidth-box fusion-builder-row-30 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-bottom:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-54 fusion_builder_column_3_5 3_5 fusion-three-fifth fusion-column-first" style="--awb-bg-blend:overlay;--awb-bg-size:cover;width:58.4%; margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-45"><h1>shift by wire &#8211; AUDI</h1>
</div><div class="fusion-text fusion-text-46"><p style="font-weight: 300; font-size: 16px; letter-spacing: 2px;">UX/UI DESIGN-KONZEPTE FÜR DIE FIRMA AUDI</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-image-element in-legacy-container" style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-26 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-55 fusion_builder_column_2_5 2_5 fusion-two-fifth fusion-column-last" style="--awb-bg-blend:overlay;--awb-bg-size:cover;width:37.6%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-31 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-bottom:0px;--awb-margin-top:4%;--awb-margin-bottom:4%;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-content-wrap" style="max-width:1216.8px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-56 fusion_builder_column_3_5 3_5 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:60%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.2%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;" data-scroll-devices="small-visibility,medium-visibility,large-visibility"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-image-element " style="--awb-liftup-border-radius:0px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="awb-image-frame awb-image-frame-27 imageframe-liftup"><span class=" fusion-imageframe imageframe-none imageframe-27"><a href="https://sauer-creations.de/wp-content/uploads/2020/09/Audi_ux_XL.jpg" class="fusion-lightbox" data-rel="iLightbox[4202169b154a7c7ec78]" data-caption="audi_ux_project" data-title="Audi_ux_XL" title="Audi_ux_XL"><img decoding="async" width="800" height="800" alt="audi_project" src="https://sauer-creations.de/wp-content/uploads/2020/09/Audi_ux_XL.jpg" class="img-responsive wp-image-2230" srcset="https://sauer-creations.de/wp-content/uploads/2020/09/Audi_ux_XL-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/09/Audi_ux_XL-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/09/Audi_ux_XL-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/09/Audi_ux_XL.jpg 800w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 800px" /></a></span></div></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-57 fusion_builder_column_2_5 2_5 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:40%;--awb-margin-top-large:0px;--awb-spacing-right-large:4.8%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-text fusion-text-47"><h2>Briefing</h2>
</div><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-28 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-text fusion-text-48"><p>Es war eines meiner ersten Projekte im Bereich des UX Designs. Aber Projektpartner sollte keine Geringere als die in Ingolstadt ansässige Automobilfirma AUDI sein. Natürlich war man damals sehr aufgeregt. Schließlich ergeben sich solche Chancen nicht jeden Tag. Doch die anfängliche Aufregung wich sehr schnell dem Tatendrang.<br />
Ziel dieses Projektes war es, zu erforschen wie das Gangschalten in einem Fahrzeug (AUDI A8) in der Zukunft aussehen könnte. Dabei wurden 3 Zeit-Szenarien fokussiert:</p>
<ol type="1">
<li value="1">Today</li>
<li>Tomorrow</li>
<li>Vision</li>
</ol>
<p>Je nach Einordnung in die Zeit-Segmente (today, tomorrow, vision), sollten die Konzepte bodenständig-real bis hin zu visionär-beflügelt ausgearbeitet werden.</p>
</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-32 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-padding-bottom:70px;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-58 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-first" style="--awb-bg-blend:overlay;--awb-bg-size:cover;width:65.3333%; margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-49"><h2 style="text-align: left;">Research</h2>
</div><div class="fusion-image-element fusion-image-align-left in-legacy-container" style="text-align:left;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-29 hover-type-none" style="margin-right:25px;float:left;"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-50"><p>Am Anfang eines jeden Projektes steht natürlich die Recherche und Analyse. Bewaffnet mit Kamera und Notizblock ging es also auf in die verschiedensten Autohäuser der gehobenen Klasse, wie z.B. BMW, Porsche, Mercedes und natürlich AUDI. Anschließend wurden die Ergebnisse aus dieser umfangreichen Phase sehr genau dokumentiert.</p>
</div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-59 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-last" style="--awb-padding-bottom:100px;--awb-bg-blend:overlay;--awb-bg-size:cover;width:30.6666%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-image-element fusion-image-align-center in-legacy-container" style="text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="imageframe-align-center"><span class=" fusion-imageframe imageframe-none imageframe-30 hover-type-none" style="border-radius:16px;"><img decoding="async" width="800" height="800" alt="research_audi_ag" title="Research_Audi" src="https://sauer-creations.de/wp-content/uploads/2020/09/Research_Audi.jpg" class="img-responsive wp-image-2205" srcset="https://sauer-creations.de/wp-content/uploads/2020/09/Research_Audi-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/09/Research_Audi-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/09/Research_Audi-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/09/Research_Audi.jpg 800w" sizes="(max-width: 800px) 100vw, 400px" /></span></div></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-33 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-bottom:4%;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-content-wrap" style="max-width:1216.8px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-60 fusion_builder_column_2_5 2_5 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:40%;--awb-margin-top-large:0px;--awb-spacing-right-large:4.8%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:4.8%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;" data-scroll-devices="small-visibility,medium-visibility,large-visibility"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-31 hover-type-none" style="border-radius:16px;"><img decoding="async" width="1000" height="800" alt="brainstorming_audi" title="Portfolio-Audi_Konzeption_01" src="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_Konzeption_01.jpg" class="img-responsive wp-image-2211" srcset="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_Konzeption_01-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_Konzeption_01-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_Konzeption_01-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_Konzeption_01-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_Konzeption_01.jpg 1000w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 600px" /></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;width:100%;"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-61 fusion_builder_column_3_5 3_5 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:60%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.2%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.2%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-text fusion-text-51"><h2>Konzeption</h2>
</div><div class="fusion-image-element " style="text-align:left;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-32 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-text fusion-text-52"><p>Zuerst hieß es in der Konzeptionsphase, sämtliche Ergebnisse aus der Recherche auszuwerten, zu hinterfragen und neu zu interpretieren. Nachdem diese Re-Interpretation abgeschlossen war, wurden die am besten für dieses Projekt geeigneten <a href="https://de.wikipedia.org/wiki/Kreativitätstechniken" target="_blank" rel="noopener noreferrer">Kreativitätsprozesse</a> angewendet. Sogar etwas Schauspielunterricht stand auf dem Plan. Des Weiteren wurden Unzählige Skizzen, CAD-Modelle und Haptik-Mockups erstellt. Auch um ein Gefühl dafür zu bekommen, welches Konzept weiterverfolgt werden sollte und welches weniger Potential hatte. Ebenfalls spielte der Prozess des <a href="https://de.wikipedia.org/wiki/Design_Thinking" target="_blank" rel="noopener noreferrer">Design-Thinkings</a> eine tragende und vorantreibende Rolle.</p>
</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-34 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-bottom:4%;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap" style="max-width:1216.8px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-62 fusion_builder_column_1_4 1_4 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="55" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">RE</div></div></div></div><div class="fusion-text fusion-text-53"><p style="text-align: center;">Research</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-63 fusion_builder_column_1_4 1_4 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="80" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">KON</div></div></div></div><div class="fusion-text fusion-text-54"><p style="text-align: center;">Konzeption</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-64 fusion_builder_column_1_4 1_4 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="35" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">PR</div></div></div></div><div class="fusion-text fusion-text-55"><p style="text-align: center;">Prototyping</p>
</div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-65 fusion_builder_column_1_4 1_4 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:25%;--awb-margin-top-large:0px;--awb-spacing-right-large:7.68%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:7.68%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column"><div class="fusion-counters-circle counters-circle" data-animationOffset="top-into-view"><div class="counter-circle-wrapper" style="--awb-font-size:25px;--awb-size:110px;" data-originalsize="110"><div class="fusion-counter-circle counter-circle counter-circle-content" data-percent="90" data-countdown="" data-filledcolor="rgba(160,206,78,1)" data-unfilledcolor="rgba(242,242,242,1)" data-scale="" data-size="110" data-speed="1500" data-strokesize="5.5"><div class="fusion-counter-circle-content-inner">UI UX</div></div></div></div><div class="fusion-text fusion-text-56"><p style="text-align: center;">UI/UX DESIGN</p>
</div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-35 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-66 fusion_builder_column_1_5 1_5 fusion-one-fifth fusion-column-first" style="--awb-bg-size:cover;width:20%;width:calc(20% - ( ( 4% + 4% ) * 0.2 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-67 fusion_builder_column_3_5 3_5 fusion-three-fifth" style="--awb-bg-blend:overlay;--awb-bg-size:cover;width:60%;width:calc(60% - ( ( 4% + 4% ) * 0.6 ) );margin-right: 4%;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-57"><h2 style="text-align: center;">Entwurf &amp; Prototyping</h2>
</div><div class="fusion-image-element fusion-image-align-center in-legacy-container" style="text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="imageframe-align-center"><span class=" fusion-imageframe imageframe-none imageframe-33 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-58"><p style="text-align: center;">Während der Entwurfsphase wurden die Konzepte aus der vorhergehenden Phase immer wieder gemischt und neu angeordnet. Nachdem die Favoriten gesichtet und in Team-Besprechungen fokussiert wurden, entwickelten die Teams technische Funktions-Modelle (siehe Abbildung). Zusätzlich programmierte ein anderes Team einen Fahrsimulator, um die erstellten Prototypen möglichst realitätsgetreu zu testen. Es war viel kreative und analytische Arbeit, aber der &#8222;Spaß an der Freude&#8220; war stets dabei.</p>
<p style="text-align: center;">Erkenntnis: Das heißt, in einem tollen, respektvollen und ambitionierten Team entstehen definitiv bessere Lösungen.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-68 fusion_builder_column_1_5 1_5 fusion-one-fifth fusion-column-last" style="--awb-bg-size:cover;width:20%;width:calc(20% - ( ( 4% + 4% ) * 0.2 ) );"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-69 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-column-wrapper-legacy"><div class="fusion-image-element in-legacy-container" style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-34 hover-type-none" style="border-radius:16px;"><img decoding="async" width="1200" height="600" title="Portfolio_Audi_Collage" src="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio_Audi_Collage.jpg" alt class="img-responsive wp-image-2246" srcset="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio_Audi_Collage-200x100.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio_Audi_Collage-400x200.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio_Audi_Collage-600x300.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio_Audi_Collage-800x400.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio_Audi_Collage.jpg 1200w" sizes="(max-width: 800px) 100vw, 1200px" /></span></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-36 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:50px;--awb-padding-bottom:55px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-70 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-top:0px;--awb-padding-right:40px;--awb-padding-bottom:50px;--awb-padding-left:0px;--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-59"><p style="text-align: center;"><span style="font-family: 'playfair'; font-size: 90px; line-height: 30px; vertical-align: middle; margin-bottom: -20px; margin-right: 20px;">&#8222;</span><span style="font-family: 'playfair'; font-size: 30px; line-height: 60px; font-weight: 400; font-style: normal;">A user interface is like a joke. If you have to explain it, it´s not that good.<br />
</span></p>
</div><div class="fusion-text fusion-text-60"><p style="font-weight: bold; letter-spacing: 4px; text-align: center;"><span style="color: #fff; background-color: #2176ff;">MARTIN</span> LeBLANK (CEO of iconfinder)</p>
</div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-bg-parallax" data-bg-align="center top" data-direction="up" data-mute="false" data-opacity="100" data-velocity="-0.5" data-mobile-enabled="true" data-break_parents="0" data-bg-image="https://sauer-creations.de/wp-content/uploads/2020/10/Parallax_Bild_Audi.jpg" data-bg-repeat="false" ></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-37 fusion-parallax-up nonhundred-percent-fullwidth hundred-percent-height hundred-percent-height-center-content non-hundred-percent-height-scrolling fusion-equal-height-columns" style="--awb-background-position:center top;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:url(&quot;https://sauer-creations.de/wp-content/uploads/2020/10/Parallax_Bild_Audi.jpg&quot;);--awb-background-size:cover;--awb-flex-wrap:wrap;" ><div class="fusion-fullwidth-center-content"><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-71 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-top:18%;--awb-padding-bottom:18%;--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-38 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:4%;--awb-margin-bottom:4%;--awb-background-color:#ffffff;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row fusion-flex-align-items-center fusion-flex-content-wrap" style="max-width:1216.8px;margin-left: calc(-4% / 2 );margin-right: calc(-4% / 2 );"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-72 fusion_builder_column_3_5 3_5 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:60%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:3.2%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;"><div class="fusion-column-wrapper fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-text fusion-text-61"><h2>Kreativer &amp; technischer Austausch</h2>
</div><div class="fusion-image-element " style="text-align:left;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-35 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-text fusion-text-62"><p>Im 14-Tage-Rhythmus kamen Designer und Ingenieure zusammen, um die entstandenen Ergebnisse zu begutachten und direkt am 1:1 Mockup (detailliertes AUDI-Cockpit inkl. Sitz und Lenkrad) zu testen. Folglich war das Interesse vor allem bei der Haptik- und Usability-Abteilung von AUDI riesig. Entsprechend der typischen Methodik des iterativen UX-Design-Prozesses, wurden sämtliche Lösungen hinterfragt, verbessert und erneut getestet.</p>
</div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;margin-top:10px;width:100%;"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-73 fusion_builder_column_2_5 2_5 fusion-flex-column" style="--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:40%;--awb-margin-top-large:0px;--awb-spacing-right-large:4.8%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:4.8%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;" data-scroll-devices="small-visibility,medium-visibility,large-visibility"><div class="fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column"><div class="fusion-image-element " style="--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><span class=" fusion-imageframe imageframe-none imageframe-36 hover-type-none" style="border-radius:16px;"><img decoding="async" width="1000" height="800" alt="audi_ux_design_testing" title="Audi_UX_Testing" src="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Projekte_Layout-Projektbilder_02.jpg" class="img-responsive wp-image-2277" srcset="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Projekte_Layout-Projektbilder_02-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Projekte_Layout-Projektbilder_02-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Projekte_Layout-Projektbilder_02-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Projekte_Layout-Projektbilder_02-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Projekte_Layout-Projektbilder_02.jpg 1000w" sizes="(max-width: 1024px) 100vw, (max-width: 640px) 100vw, 600px" /></span></div><div class="fusion-separator fusion-full-width-sep" style="align-self: center;margin-left: auto;margin-right: auto;width:100%;"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-39 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-color:#f2f2f2;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-74 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-section-separator section-separator waves-opacity fusion-section-separator-3" style="--awb-spacer-padding-top:21.09375%;--awb-svg-margin-left:0;--awb-svg-margin-right:0;--awb-sep-font-size:0;--awb-sep-line-height:0;"><div class="fusion-section-separator-svg"><svg class="fusion-waves-opacity-candy" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" viewBox="0 1 1024 216" preserveAspectRatio="none" fill="rgba(255,255,255,1)"><path class="st0" d="M0 215.4c19.4.5 38.7 1.6 57.7.3 206.6-15 248.5-126.6 455-143.8 184.8-15.5 285.7 60.9 464.3 41.3 16.9-1.8 32.5-4.4 47.1-7.6L1024 .4H0v215z"/>
										<path class="st1" d="M0 196.4c30.2 1.6 59.6 1.6 86.8-.4C293.4 180.9 284.1 73.4 490.7 56.2c184.9-15.5 278.5 58.2 457.1 38.4 28.3-3.2 53.5-8.2 76.2-14.6V.256H0V196.4z"/>
										<path class="st2" d="M0 169.8c22.2.3 43.8-.2 64.2-1.7C270.8 153.1 262 55.6 468.6 38.4 653.4 22.9 695.4 89.5 874 69.7c54.8-6 104.9-18.3 150-33.7V.256H0V169.8z"/>
										<path class="st3" d="M0 162.1c4-.2 8-.4 11.9-.7C218.4 146.3 239.8 37 446.4 19.8 631.3 4.3 672.7 60.9 851.3 41.1c64-7.2 121.9-20.8 172.7-37.9V.156H0V162.1z"/>
									</svg></div><div class="fusion-section-separator-spacer"><div class="fusion-section-separator-spacer-height"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-40 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:90px;--awb-padding-bottom:70px;--awb-background-color:#f2f2f2;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-75 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-right:10%;--awb-padding-left:10%;--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-63"><h2 style="text-align: center;">UI/UX Design Workflow allgemein</h2>
</div><div class="fusion-image-element fusion-image-align-center in-legacy-container" style="text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);"><div class="imageframe-align-center"><span class=" fusion-imageframe imageframe-none imageframe-37 hover-type-none"><img decoding="async" width="64" height="8" alt="Sauer-Creations-Stripe" title="Ronny_Stripe_Blau" src="https://sauer-creations.de/wp-content/uploads/2021/08/Ronny_Stripe_Blau.png" class="img-responsive wp-image-2473"/></span></div></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-64"><p>Ein UX-Designprozess folgt normalerweise einem Design Thinking-Ansatz, der aus fünf grundlegenden Phasen besteht:</p>
<ol>
<li style="text-align: left;">Mit dem Benutzer vertraut machen</li>
<li style="text-align: left;">Definieren des Problems (Ermittlung der Benutzer-Anforderungen)</li>
<li style="text-align: left;">Ideen für das Design generieren</li>
<li style="text-align: left;">Prototyping</li>
<li style="text-align: left;">Test-Phase</li>
</ol>
<p>Übrigens, diese 5 Schritte müssen nicht streng hierarchisch abgearbeitet werden. Im Gegenteil! Denn es ist sehr oft erforderlich diese Schritte zu wiederholen, parallel zu bearbeiten und deren Reihenfolge zu tauschen. Kurzum, es ist ein iterativer Prozess.</p>
<h4>Kernstrategien</h4>
<p>Doch welche Kernstrategien beinhaltet ein solches UX-Design? Je nachdem, welche Strategie man für das aktuelle Projekt für richtig erachtet, sollte man zwischen <span style="font-weight: bold;">User-Centered-Design, Design-Thinking, Activity-Centered-Design</span> und <span style="font-weight: bold;">Design-Sprints (von Goolge)</span> wählen. Also um vor allem Probleme aus der Welt zu schaffen. Gleichwohl jede dieser Strategien Vor- und Nachteile besitzt.<br />
Wenn diese Phase des UX-Designs abgeschlossen ist, geht es an die Gestaltung des Produktes. Und zwar an die grafische Umsetzung des <span style="font-weight: bold;">User Interfaces (UI). </span>Bei diesem Prozess werden im ersten Schritt Use Cases, Papier Prototypen, Wireframes und/oder Klickdummies erstellt. Danach gestaltet man sämtliche Screens und Icons grafisch, dem Styleguide entsprechend.</p>
<h4>Software</h4>
<p>Abgesehen von Stift und Papier kommt folgende Software beim UX/UI Design oftmals zum Einsatz: Adobe XD, Sketch, Figma, InVision, Axure, Balsamiq, Adobe Photoshop, Adobe Illustrator, Adobe After Effects usw.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:15px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="awb-gallery-wrapper awb-gallery-wrapper-3 button-span-no"><div style="margin:-5px;--awb-bordersize:2px;--awb-bordercolor:#cccccc;--awb-columns-medium:100%;--awb-columns-small:100%;" class="fusion-gallery fusion-gallery-container fusion-grid-3 fusion-columns-total-8 fusion-gallery-layout-grid fusion-gallery-3"><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_01.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_3]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_01.jpg" width="1000" height="800" alt="audi 01" title="Portfolio-Audi_01" aria-label="Portfolio-Audi_01" class="img-responsive wp-image-2237" srcset="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_01-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_01-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_01-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_01-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_01.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_04.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_3]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_04.jpg" width="1000" height="800" alt="audi_04" title="Portfolio-Audi_04" aria-label="Portfolio-Audi_04" class="img-responsive wp-image-2235" srcset="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_04-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_04-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_04-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_04-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_04.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_03.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_3]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_03.jpg" width="1000" height="800" alt="audi 03" title="Portfolio-Audi_03" aria-label="Portfolio-Audi_03" class="img-responsive wp-image-2238" srcset="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_03-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_03-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_03-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_03-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_03.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_08.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_3]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_08.jpg" width="1000" height="800" alt="cad_mockup-design" title="Portfolio-Audi_08_ux" aria-label="Portfolio-Audi_08_ux" class="img-responsive wp-image-2283" srcset="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_08-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_08-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_08-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_08-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_08.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_02.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_3]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_02.jpg" width="1000" height="800" alt="audi 02" title="Portfolio-Audi_02" aria-label="Portfolio-Audi_02" class="img-responsive wp-image-2236" srcset="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_02-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_02-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_02-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_02-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_02.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_07.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_3]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_07.jpg" width="1000" height="800" alt="ux_mockup_audi" title="Portfolio-Audi_07" aria-label="Portfolio-Audi_07" class="img-responsive wp-image-2281" srcset="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_07-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_07-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_07-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_07-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_07.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_05.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_3]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_05.jpg" width="1000" height="800" alt="audi_05" title="Portfolio-Audi_05" aria-label="Portfolio-Audi_05" class="img-responsive wp-image-2234" srcset="https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_05-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_05-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_05-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_05-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/09/Portfolio-Audi_05.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div><div class="clearfix"></div><div style="padding:5px;" class="fusion-grid-column fusion-gallery-column fusion-gallery-column-3 hover-type-zoomin"><div class="fusion-gallery-image"><a href="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_06.jpg" rel="noreferrer" data-rel="iLightbox[gallery_image_3]" class="fusion-lightbox" target="_self"><img decoding="async" src="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_06.jpg" width="1000" height="800" alt="audi_ux_presentaion" title="Portfolio-Audi_06" aria-label="Portfolio-Audi_06" class="img-responsive wp-image-2280" srcset="https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_06-200x160.jpg 200w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_06-400x320.jpg 400w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_06-600x480.jpg 600w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_06-800x640.jpg 800w, https://sauer-creations.de/wp-content/uploads/2020/10/Portfolio-Audi_06.jpg 1000w" sizes="(min-width: 2200px) 100vw, (min-width: 784px) 387px, (min-width: 712px) 580px, (min-width: 640px) 712px, " /></a></div></div></div></div></div></div><div class="fusion-clearfix"></div></div></div><div class="fusion-layout-column fusion_builder_column fusion-builder-column-76 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-41 hundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-background-position:left top;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-margin-bottom:-80px;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-77 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height" style="--awb-bg-color:rgba(255,255,255,0);--awb-bg-color-hover:rgba(255,255,255,0);--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-recent-works fusion-portfolio-element fusion-portfolio fusion-portfolio-3 fusion-portfolio-grid fusion-portfolio-paging-none fusion-portfolio-five fusion-portfolio-no_text fusion-portfolio-rollover" data-id="-rw-3" data-columns="five"><style type="text/css">.fusion-portfolio-3 .fusion-portfolio-wrapper .fusion-col-spacing{padding:0px;}</style><div class="fusion-portfolio-wrapper" id="fusion-portfolio-3" data-picturesize="auto" data-pages="3" style="margin:-0px;"><article id="portfolio-3-post-3100" class="fusion-portfolio-post ai-design produkt-design fusion-col-spacing post-3100"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">EVE &#8211; Electric Truck Design</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2026-01-16T11:42:07+01:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design.webp" class="attachment-full size-full wp-post-image" alt="Seitliche Darstellung des cool designten e-Truck." srcset="https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design-200x200.webp 200w, https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design-400x400.webp 400w, https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design-600x600.webp 600w, https://sauer-creations.de/wp-content/uploads/2026/01/Appatizer_Eve-Truck-Design.webp 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/eve-electric_truck_design/">EVE &#8211; Electric Truck Design</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/eve-electric_truck_design/">
						EVE &#8211; Electric Truck Design					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/ai-design/" rel="tag">AI Design</a>, <a href="https://sauer-creations.de/portfolio_category/produkt-design/" rel="tag">Product Design</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/eve-electric_truck_design/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-3-post-2907" class="fusion-portfolio-post mediendesign fusion-col-spacing post-2907"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Dozent Mediendesign &#8211; HS Macromedia</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2025-12-03T18:52:27+01:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign.jpg" class="attachment-full size-full wp-post-image" alt="Designer Ronny Sauer zeichnet Bild zum Thema Design Thinking." srcset="https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/Dozent-Mediendesign.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/dozent-fuer-mediendesign-hs-macromedia/">Dozent Mediendesign &#8211; HS Macromedia</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/dozent-fuer-mediendesign-hs-macromedia/">
						Dozent Mediendesign &#8211; HS Macromedia					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/mediendesign/" rel="tag">Mediendesign</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/dozent-fuer-mediendesign-hs-macromedia/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-3-post-2855" class="fusion-portfolio-post mediendesign ui_ux fusion-col-spacing post-2855"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Crossmedia UX &#8211;  LuckyChef</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2026-01-06T12:22:51+01:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover.jpg" class="attachment-full size-full wp-post-image" alt="App Design und Geräte Design passen vom Branding, UI und UX Design zusammen." srcset="https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/LuckyChef_cover.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/">Crossmedia UX &#8211;  LuckyChef</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/">
						Crossmedia UX &#8211;  LuckyChef					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/mediendesign/" rel="tag">Mediendesign</a>, <a href="https://sauer-creations.de/portfolio_category/ui_ux/" rel="tag">UI UX</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/crossmedia-ux-luckychef/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-3-post-2797" class="fusion-portfolio-post produkt-design ui_ux fusion-col-spacing post-2797"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Thermomix TM7 &#8211; VORWERK</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2025-09-03T10:44:40+02:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7.jpg" class="attachment-full size-full wp-post-image" alt="Design Thermomix" srcset="https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/03/Thermomix_TM7.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/design_thermomix_tm7/">Thermomix TM7 &#8211; VORWERK</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/design_thermomix_tm7/">
						Thermomix TM7 &#8211; VORWERK					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/produkt-design/" rel="tag">Product Design</a>, <a href="https://sauer-creations.de/portfolio_category/ui_ux/" rel="tag">UI UX</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/design_thermomix_tm7/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article><article id="portfolio-3-post-2742" class="fusion-portfolio-post produkt-design ui_ux fusion-col-spacing post-2742"><div class="fusion-portfolio-content-wrapper" style="border:none;"><span class="entry-title rich-snippet-hidden">Kobold VK 7 &#8211; VORWERK</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="https://sauer-creations.de/author/ronny/" title="Beiträge von Ronny" rel="author">Ronny</a></span></span><span class="updated rich-snippet-hidden">2025-09-05T14:15:44+02:00</span><div  class="fusion-image-wrapper" aria-haspopup="true">
				<img decoding="async" width="800" height="800" src="https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01.jpg" class="attachment-full size-full wp-post-image" alt="Product Design und Ux/UI" srcset="https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01-200x200.jpg 200w, https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01-400x400.jpg 400w, https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01-600x600.jpg 600w, https://sauer-creations.de/wp-content/uploads/2025/08/VK7_product-design_01.jpg 800w" sizes="(min-width: 2200px) 100vw, (min-width: 928px) 234px, (min-width: 856px) 293px, (min-width: 784px) 390px, (min-width: 712px) 585px, (min-width: 640px) 712px, " /><div class="fusion-rollover">
	<div class="fusion-rollover-content">

														<a class="fusion-rollover-link" href="https://sauer-creations.de/portfolio-items/kobold-vk-7-vorwerk/">Kobold VK 7 &#8211; VORWERK</a>
			
								
		
												<h4 class="fusion-rollover-title">
					<a class="fusion-rollover-title-link" href="https://sauer-creations.de/portfolio-items/kobold-vk-7-vorwerk/">
						Kobold VK 7 &#8211; VORWERK					</a>
				</h4>
			
										<div class="fusion-rollover-categories"><a href="https://sauer-creations.de/portfolio_category/produkt-design/" rel="tag">Product Design</a>, <a href="https://sauer-creations.de/portfolio_category/ui_ux/" rel="tag">UI UX</a></div>					
		
						<a class="fusion-link-wrapper" href="https://sauer-creations.de/portfolio-items/kobold-vk-7-vorwerk/" aria-label="consumer"></a>
	</div>
</div>
</div>
</div></article></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-bg-parallax" data-bg-align="center center" data-direction="left" data-mute="false" data-opacity="100" data-velocity="-0.5" data-mobile-enabled="false" data-break_parents="0" data-bg-image="https://sauer-creations.de/wp-content/uploads/2017/12/ParallaxBackground_Design_01-1024x630.jpg" data-bg-repeat="false" ></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-42 fusion-parallax-left nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style="--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:url(&quot;https://sauer-creations.de/wp-content/uploads/2017/12/ParallaxBackground_Design_01-1024x630.jpg&quot;);--awb-background-size:cover;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-78 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-top:18%;--awb-padding-bottom:18%;--awb-bg-blend:overlay;--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text fusion-text-65"><h2 style="text-align: center;" data-inline-fontsize="true" data-inline-lineheight="true" data-fontsize="84" data-lineheight="60"><span style="color: #ffffff;">Noch Fragen?</span></h2>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div><div class="fusion-text fusion-text-66"><p style="font-weight: 300; text-align: center; color: #fff; letter-spacing: 2px;">GERN KÖNNEN WIR UNS DAZU UNTERHALTEN.</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep" style="margin-left: auto;margin-right: auto;margin-top:5px;width:100%;"></div><div class="fusion-sep-clear"></div></div></div><div class="fusion-clearfix"></div></div></div></div></div><div class="fusion-fullwidth fullwidth-box fusion-builder-row-43 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style="--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-color:#333333;--awb-flex-wrap:wrap;" ><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion-builder-column-79 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last" style="--awb-padding-bottom:48px;--awb-bg-color:rgba(102,102,102,0);--awb-bg-color-hover:rgba(102,102,102,0);--awb-bg-size:cover;"><div class="fusion-column-wrapper fusion-flex-column-wrapper-legacy"><div class="fusion-sharing-box fusion-sharing-box-3 boxed-icons has-taglines layout-floated layout-medium-floated layout-small-floated" style="background-color:rgba(102,102,102,0);padding:0;--awb-layout:row;--awb-alignment-small:space-between;" data-title="UX Projekt AUDI" data-description="shift by wire - AUDI 
UX/UI DESIGN-KONZEPTE FÜR DIE FIRMA AUDI    
Briefing 

Es war eines meiner ersten Projekte im Bereich des UX Designs. Aber Projektpartner sollte keine Geringere als die in Ingolstadt ansässige Automobilfirma AUDI sein. Natürlich war man damals sehr aufgeregt." data-link="https://sauer-creations.de/portfolio-items/shift-by-wire-audi/"><h4 class="tagline" style="color:#f2f2f2;">Teilen erwünscht!</h4><div class="fusion-social-networks sharingbox-shortcode-icon-wrapper sharingbox-shortcode-icon-wrapper-3 boxed-icons"><span><a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fshift-by-wire-audi%2F&amp;t=UX%20Projekt%20AUDI" target="_blank" rel="noreferrer" title="Facebook" aria-label="Facebook" data-placement="top" data-toggle="tooltip" data-title="Facebook"><i class="fusion-social-network-icon fusion-tooltip fusion-facebook awb-icon-facebook" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://x.com/intent/post?text=UX%20Projekt%20AUDI&amp;url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fshift-by-wire-audi%2F" target="_blank" rel="noopener noreferrer" title="X" aria-label="X" data-placement="top" data-toggle="tooltip" data-title="X"><i class="fusion-social-network-icon fusion-tooltip fusion-twitter awb-icon-twitter" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fshift-by-wire-audi%2F&amp;title=UX%20Projekt%20AUDI&amp;summary=shift%20by%20wire%20-%20AUDI%20%0D%0AUX%2FUI%20DESIGN-KONZEPTE%20F%C3%9CR%20DIE%20FIRMA%20AUDI%20%20%20%20%20%20%20%0D%0ABriefing%20%20%0D%0A%0D%0AEs%20war%20eines%20meiner%20ersten%20Projekte%20im%20Bereich%20des%20UX%20Designs.%20Aber%20Projektpartner%20sollte%20keine%20Geringere%20als%20die%20in%20Ingolstadt%20ans%C3%A4ssige%20Automobilfirma%20AUDI%20sein.%20Nat%C3%BCrlich%20war%20man%20damals%20sehr%20aufgeregt." target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn" data-placement="top" data-toggle="tooltip" data-title="LinkedIn"><i class="fusion-social-network-icon fusion-tooltip fusion-linkedin awb-icon-linkedin" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://www.tumblr.com/share/link?url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fshift-by-wire-audi%2F&amp;name=UX%20Projekt%20AUDI&amp;description=shift%20by%20wire%20-%20AUDI%20%0D%0AUX%2FUI%20DESIGN-KONZEPTE%20F%C3%9CR%20DIE%20FIRMA%20AUDI%20%20%20%20%20%20%20%0D%0ABriefing%20%20%0D%0A%0D%0AEs%20war%20eines%20meiner%20ersten%20Projekte%20im%20Bereich%20des%20UX%20Designs.%20Aber%20Projektpartner%20sollte%20keine%20Geringere%20als%20die%20in%20Ingolstadt%20ans%C3%A4ssige%20Automobilfirma%20AUDI%20sein.%20Nat%C3%BCrlich%20war%20man%20damals%20sehr%20aufgeregt." target="_blank" rel="noopener noreferrer" title="Tumblr" aria-label="Tumblr" data-placement="top" data-toggle="tooltip" data-title="Tumblr"><i class="fusion-social-network-icon fusion-tooltip fusion-tumblr awb-icon-tumblr" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fshift-by-wire-audi%2F&amp;description=shift%20by%20wire%20-%20AUDI%20%0D%0AUX%2FUI%20DESIGN-KONZEPTE%20F%C3%9CR%20DIE%20FIRMA%20AUDI%20%20%20%20%20%20%20%0D%0ABriefing%20%20%0D%0A%0D%0AEs%20war%20eines%20meiner%20ersten%20Projekte%20im%20Bereich%20des%20UX%20Designs.%20Aber%20Projektpartner%20sollte%20keine%20Geringere%20als%20die%20in%20Ingolstadt%20ans%C3%A4ssige%20Automobilfirma%20AUDI%20sein.%20Nat%C3%BCrlich%20war%20man%20damals%20sehr%20aufgeregt.&amp;media=" target="_blank" rel="noopener noreferrer" title="Pinterest" aria-label="Pinterest" data-placement="top" data-toggle="tooltip" data-title="Pinterest"><i class="fusion-social-network-icon fusion-tooltip fusion-pinterest awb-icon-pinterest" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span><span><a href="mailto:?subject=UX%20Projekt%20AUDI&amp;body=https%3A%2F%2Fsauer-creations.de%2Fportfolio-items%2Fshift-by-wire-audi%2F" target="_self" title="E-Mail" aria-label="E-Mail" data-placement="top" data-toggle="tooltip" data-title="E-Mail"><i class="fusion-social-network-icon fusion-tooltip fusion-mail awb-icon-mail" style="color:#cccccc;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" aria-hidden="true"></i></a></span></div></div><div class="fusion-clearfix"></div></div></div></div></div></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
