Hallo!

Mein Name ist Stefan.
Dies hier ist mein Portfolio.

 

Hallo!

Willkommen auf meiner Portfoliowebsite.
Mein Name ist Stefan.

Ich bin  zertifizierter UI/UX-Experte.   CPUX-F zertifizierter Experte.   UI/UX-Guru.   Expert für Benutzererfahrung.   UI/UX-Stratege.   Experte für interaktives Design. 

und beschäftige mich mit  benutzerzentrierter Interface-Gestaltung.   interaktiven Anwendungsentwicklungen.   emotionalen Designkonzepten.   barrierefreien Usability-Lösungen.   immersiven Benutzererlebnissen.   kreativer visueller Gestaltung.   umfassenden Usability-Checks.   intuitiver Informationsarchitektur.   maßgeschneiderten Nutzerbedürfnissen. 

self

meist benutzte Tools & Assets

Zertifizierungen & Preise

Portfolio

Usability & User Experience

[UX] Kaffeemaschine Rastätte

// Usability & User Experience

BRIEFING
In meiner Untersuchung der Nutzung eines Kaffeevollautomaten an einer Autobahnraststätte wurden Beobachtungen durchgeführt, um Benutzer, Ziele, Aufgaben, Umgebung und Ressourcen empirisch zu erfassen. Anschließend wurden Benutzergruppen identifiziert, Personas entwickelt und Ist-Szenarien erstellt.

Darüber hinaus wurden Benutzer-System-Interaktionen, ein Aufgabenmodell und Informationsmodelle ausgearbeitet. Diese dienten als Grundlage zur Definition von Erfordernissen und Ableitung von Nutzungsanforderungen.

Nutzungsszenarien und Aufgabenobjekte mit Wegweisern wurden entwickelt, um den Nutzerfluss zu verbessern. Ein Userflow und ein Storyboard wurden erstellt, um die Interaktionen und den Ablauf bei der Nutzung des Kaffeevollautomaten an der Raststätte zu visualisieren.

Als Ergebnis dieses Prozesses wurden Wireframes für das zukünftige Kaffeevollautomaten-Interface erstellt. Diese wurden zum High-Fidelity-Prototypen ausgebaut, der eine detaillierte Darstellung der Benutzeroberfläche veranschaulicht.

LINKS
Arbeitsergebnisse: Miro Board
Usability Testbericht: Usability Testbericht

[UX] Pizza App

//Usability-Analyse von www.pizzablitz.info

BRIEFING
Im Rahmen meiner Weiterbildung als UX/UI Professional (CPUX-F) analysierte ich die Website www.pizzablitz.info, einen lokalen Pizza-Lieferdienst in Karlsruhe.

Kontextuelle Interviews mit primären und sekundären Nutzern halfen, Einblicke in die Nutzererwartungen zu gewinnen. Durch die Erstellung von Personas und einem Aufgabenmodell wurden wichtige Nutzerziele identifiziert.

Das Ist-Szenario erfasste die aktuelle Benutzererfahrung, während User Journey Maps und Nutzungsszenarien die Nutzerinteraktionen visualisierten.

Es wurden zwei Usability-Tests durchgeführt: ein unmoderierter Rapidusertest und ein moderierter Test, um Benutzerfeedback zu sammeln.

Die Ergebnisse wurden in einem Usability-Bericht zusammengefasst, der Empfehlungen zur Optimierung der Website enthält.

Diese Analyse bietet wertvolle Einblicke in die Benutzerfreundlichkeit von www.pizzablitz.info und liefert konkrete Maßnahmen zur Verbesserung der Website.

LINKS
Arbeitsergebnisse: Miro Board
Usability Testbericht: Usability Testbericht

UI & Prototyping

[UI] Kaffeemaschine Rastätte

// UNTERTITEL

BRIEFING
Im Rahmen meiner Untersuchung zur Nutzung eines Kaffeevollautomaten an einer Autobahnraststätte habe ich einen detaillierten High-Fidelity-Prototypen mit Axure RP 10 entwickelt. Dieser Prototyp bietet eine umfassende Darstellung der Benutzeroberfläche des Kaffeevollautomaten-Interfaces.

Der High-Fidelity-Prototyp basiert auf den zuvor erstellten Wireframes und bietet eine realistische Darstellung des finalen Designs. Er umfasst alle Interaktionselemente, visuellen Stile und Funktionen, die in der Usability-Analyse und im Designprozess identifiziert wurden.

Durch den High-Fidelity-Prototypen können potenzielle Benutzer einen realistischen Eindruck davon erhalten, wie die Benutzeroberfläche des Kaffeevollautomaten aussehen und funktionieren wird. Dies ermöglicht es, Feedback einzuholen, Iterationen durchzuführen und das Design weiter zu verbessern, bevor es in die Entwicklung übergeht.

Der High-Fidelity-Prototyp stellt somit einen wichtigen Meilenstein im Designprozess dar und bietet eine wertvolle Grundlage für die Entwicklung eines benutzerfreundlichen und effektiven Kaffeevollautomaten-Interfaces an Autobahnraststätten.

LINKS
Axure PR 10 High-Fidelity-Prototyp: Koffeinschmiede

[UI] Pizza App

//UI-Projekt für eine Pizza-Lieferdienst-App mit Figma umgesetzt

BRIEFING
Als direkte Folge der umfassenden Usability-Analyse von www.pizzablitz.info habe ich ein UI-Projekt für eine innovative Pizza-Lieferdienst-App entwickelt, das mit der kostenlosen Version von Figma umgesetzt wurde.

Das UI-Projekt basierte auf den Erkenntnissen und Empfehlungen aus der Usability-Analyse und wurde mit dem Ziel konzipiert, eine intuitive und ansprechende Benutzeroberfläche zu schaffen.

Durch die Anwendung bewährter UX-Prinzipien wurden die Funktionen der App so gestaltet, dass sie nahtlos in den Alltag der Benutzer integriert werden können. Dabei wurde besonders auf eine klare Navigation, benutzerfreundliche Interaktionselemente und eine ästhetisch ansprechende Gestaltung geachtet.

Die Umsetzung des UI-Projekts mit Figma ermöglichte eine effiziente Gestaltung und Zusammenarbeit im Team. Die kostenlose Version von Figma bot alle erforderlichen Funktionen, um das Projekt erfolgreich umzusetzen und dabei die Kosten niedrig zu halten.

Das UI-Projekt für die Pizza-Lieferdienst-App stellt eine innovative Lösung dar, die auf den Bedürfnissen und Anforderungen der Nutzer basiert. Es bietet eine intuitive Benutzeroberfläche, die eine effiziente Bestellung von Pizza ermöglicht und ein erstklassiges Benutzererlebnis gewährleistet.

LINKS

[UI] Markt und Integrations Coaching Onepager Microsite

// UNTERTITEL

BRIEFING
Diese Microsite wurde gezielt entwickelt, um eine kompakte und dennoch aussagekräftige Online-Präsenz für Markt und Integrationscoaching zu schaffen. Bestehend aus nur drei Seiten im CMS WordPress und gestaltet als Onepager, bietet sie wichtige Informationen über das Unternehmen und dessen Dienstleistungen. Die Umsetzung erfolgte mit Elementor, wodurch eine benutzerfreundliche Plattform entstand. Workshoperkenntnisse aus dem ersten Projekt wurden dabei erfolgreich verarbeitet. Trotz ihrer geringen Größe vermittelt die Microsite einen umfassenden Eindruck und unterstützt potenzielle Kunden bei der Informationsbeschaffung und der Kontaktaufnahme.

LINKS
Website: m-i.coach

[UI] SKNR reDesign

// Neuauflage des bestehenden Portfolios

BRIEFING
Den Test eines mich interessierenden Tools habe ich als “Anlass” genommen die eigene Page zu modernisieren. Da das Design immer noch minimalistisch und klar transportiert werden sollte,  wurde ein Design rework nur vereinzelt vorgenommen. Der Großteil der Erneuerungen findet im Code statt. Die alte Seite (s.u.) wurde als modulares php Datei Konstrukt entworfen. So zieht sich das Hauptdokument die einzelnen Php Seiten der Sektionen und setzt sich so als Website zusammen. Damals von mir händisch geschrieben und über Zeit erweitert.
Die neue Seite wurde in WordPress mit dem Pagebuilder Elementor erstellt. Auf dem Ergebnis browsen Sie aktuell.

LINKS
alte Website: alt.stefanknoerr.de

[UI] Markt und Integrations Coaching

// UNTERTITEL

BRIEFING
Das Projekt begann mit einer Reihe von Workshops, in denen wir eng mit dem Team von Markt und Integrationscoaching zusammenarbeiteten, um die Anforderungen des Unternehmens zu definieren. Während dieser Workshops wurden Design Patterns identifiziert und eine klare Navigationsstruktur entwickelt, um sicherzustellen, dass die Website die Ziele des Unternehmens effektiv unterstützt.

Die Umsetzung des Projekts erfolgte mithilfe von WordPress und Elementor, wodurch wir eine flexible und benutzerfreundliche Plattform schaffen konnten, die es dem Team von Markt und Integrationscoaching ermöglichte, Inhalte einfach zu verwalten und zu aktualisieren.

Leider stellte sich heraus, dass nicht genügend Inhalte von den Mitarbeitern von Markt und Integrationscoaching produziert wurden. Trotz etwa eines halben Jahres Wartezeit auf Content beschlossen wir schließlich, die Website zu reduzieren, um keine leeren Seiten online zu stellen.

LINKS
Website: m-i.coach

Serious Card Game (digital)

// DIGITALER PROTOTYP DER MASTERTHESIS / Masterthesis, Workshop Game, Service Design Service Prototyping, Serious Games, digital board game

BRIEFING
Das in der Masterthesis entwickelte Serious Card Game soll Anwendern in Form von KMUs die Möglichkeit geben im Rahmen eines begleitenden Workshops Dienstleistungen konzeptionell zu entwickeln und anschließend zu beurteilen. Die hier verlinkte digitale Version entstand aus der Covid-19 Situation heraus, um den SCG Protoyp testen zu können. Die Digitalisierung eröffnet neue Möglichkeiten und gibt viel Raum zur Weiterentwicklung. Digitale Features und Erweiterungen der Webapp sind im Ausblick der Masterthesis umfangreich beschrieben und eingeführt.

PROBLEMSTELLUNG
Eine digitale Version des Kartenspiel war im Rahmen der Thesis nicht eingeplant. So blieb im Rahmen der Thesis die analoge Version weitestgehend ungetestet und Entwicklungszeit wurde aufgewendet um eine vergleichbare digitale Version zu entwickeln. Bereitstellung und Bearbeitung für jeden im Forschungsteam.

LÖSUNGSANSATZ
Agiles Projektmanagement und Mobilisierung von Ressourcen ließen die digitale Version entstehen. Der Anspruch dabei blieb der analogen Version zu ähneln und einen Funktionsumfang der lediglich durch die Digitalisierung ermöglicht wird außer acht zu lassen. Der Fokus des Prototypen lag auf der Spielbarkeit / Handhabung und Einsatzbereitschaft. Um den Prototypen jedem im Forschungsteam zugänglich und veränderbar zu entwickeln, entschied man sich für einfachen Basiscode inkl. Google Slides Onboarding / Regelwerk.

LINKS
Prototyp: masterthesis.stefanknoerr.de

Serious Card Game (analog)

// ANALOGER PROTOTYP DER MASTERTHESIS / Masterthesis, Workshop Game, Service Design Service Prototyping, Serious Games, digital board game

BRIEFING
Das in meiner Masterthesis entwickelte Serious Card Game soll Anwendern in Form von KMUs die Möglichkeit geben im Rahmen eines begleitenden Workshops Dienstleistungen konzeptionell zu entwickeln und anschließend zu beurteilen. Das iterative Vorgehen des Spiels ermöglicht eine stetige Verfeinerung des Prozesses. Die physische Version des Kartensatzes ist multifunktional einsetzbar und sollte auf keinem Entwicklerschreibtisch fehlen.

PROBLEMSTELLUNG
Gamebalancing, Produktion des Kartensatzes, Zugang zum Testlabor, Kontaktbeschränkungen verbieten, Workshops, Datenbankbasierte Speisung des Kartensatzes aus einer Exceltabelle heraus.

LÖSUNGSANSATZ
Gamebalancing = Testen, Rückrechnen, Upgrade des HomeOffice um eigene Prototypen herstellen zu können, Entwicklung einer digitalen Version, Umsetzung mit InDesign sowie eine Hinterlegte Datenbank mit den Rohdaten.

LINKS
Kartensatz: vollständiger Kartensatz

Service Prototyping Icons

// Service Prototyping, Piktogramme, Methodendarstellung, Workshop Game, Service Design Service Prototyping, Serious Games

BRIEFING
Die Piktogramm- (Icon-)serie im Fachbereich Service Prototyping wurde auf Grundlage von gegebenen Forschungsunterlagen und eigener Tiefenrecherche zu den einzelnen Methoden und Techniken entwickelt. Die Serie ist unterstützend zum Forschungsbereich Service Prototyping der Fakultät Wing zu sehen und wird im SCG der Masterthesis, sowie im veröffentlichten Buch zum Thema Service Prototyping weiterverwendet.

Grundlage der finalen Version sind Skizzen und Zeichnungen auf Papier die als Ideenpool zu sehen sind.

[UX/UI] Game Design (Pestdoktor)

// Location Attractor Game / Masterstudium, GameJam, 5 Tage Zeit, Game Design, Location Attraktor Game

BRIEFING
Pest Doktor ist das Ergebnis eines fünftägigen GameJams. Das entwickelte Game Design Konzept wurde parallel von Mitgliedern des Masterstudiengangs Medien Informatik umgesetzt. Das Location Attraktor Game basiert auf der Idee, Nutzern an vordefinierten realen Orten einen Treffpunkt zu schaffen. Pestdoktor ist ein Multiplayer-Game und im Bereich Location-Attractor-Game anzusiedeln. Kombiniert mit dem Thema Infektion ergibt sich ein kooperatives Multiplayer Game mit lokalen Bezugspunkten. Visuell angesiedelt ist das Spiel in der Zeit vor der Industriellen Revolution, farblich und stilistisch angelehnt an die viktorianische Ära, was sich auch in der Musik, die Violinen wiederspiegelt.
Der Spieler versetzt sich in die Rolle eines Pestdoktors, welcher gemeinsam mit anderen Pestdoktoren Seuchenherde bekämpft. Dabei wird er von verschiedenen Motiven geleitet, wie Sammelleidenschaft und der lokale Bezug zu sowohl anonymen als auch befreundeten Spielern. Die Seuchenherde variieren in Größe und Schwere und benötigen daher mehr oder weniger Doktoren um diese zu bekämpfen.

American Native Tribe

// Designforschungsprojekt / Masterstudium, Forschungssemester, AR, ARKit 2, iPad Pro, Unity, Blender, Ambient

BRIEFING
Im Forschungssemester konnte sich jeder seinen eigenen Designforschungsbereich wählen. Mein Projekt beschäftigte sich mit der Umsetzung einer Augmented Reality Anwendung im musealen Kontext. Als Thema dafür entschied ich mich für die indigenen Völker Nordamerikas. Ziel dabei war es, den Themenbereich so immersiv wie möglich in AR abzubilden. Hierfür wurde ein einfaches Stammesleben gewählt.

PROBLEMSTELLUNG
Die Problemstellung des Projektes ergab sich durch das Projekt selbst: Maximal Visualisierter Aufbau auf engstem Raum.

LÖSUNGSANSATZ
Probleme bei der Entwicklung stellten die Schnittstellen Unity3D und ARKit2 dar. So kam es vor, dass der in der Anwendung implementierte Audiobereich über Nacht nicht mehr funktionsfähig war. Da diese Probleme jedoch Kursweit auftraten wurden diese im Hochschulkontext von den ausschließlich Designentwicklern vernachlässigt.
Niemals die Entwicklungsplattform updaten!

LINKS
Trailer: Video

Smart Home

// Masterbewerbung, fiktives Projekt, Smart Home, one touch

BRIEFING
Dieses Projekt entstand im Rahmen meiner Masterbewerbung. Die Anwendung ist meine Interpretation einer Smart Home App. Die Anwendung ist mit Fokus auf eine einhändige Bedienung entwickelt worden und bietet dem Nutzer die größtmögliche Freiheit in der Handhabung.

Reise Journal

// Reisetagebuch / Tagebuch / 1 Masterbewerbung, fiktives Projekt, Reisetagebuch

BRIEFING
Inspiriert von einem Freund der seine Work and Travel Reise antrat entstand dieses Appkonzept. Dieses Konzept war Teil der Masterbewerbung.

Terminplanung (Frisör)

// Terminplaner / Dienstleistungsbuchung / 1 Masterbewerbung, fiktives Projekt, Frisör, Buchungssystem, Kapazitätenabfrage

BRIEFING
Ein digitales Terminbuchungssystem. Der Grundgedanke war es, Termine digital und ohne Rücksprache buchen zu können. Die App gibt basierend auf dem Umfang der Dienstleistung mögliche Termine aus, die gebucht werden können. Die Daten werden ins Buchungssystem des Frisörsalons übertragen. Dabei kann der Kern des Projekts auf regionalen Umfang erweitert werden.

Das Logo im Appkonzept wurde als gegeben betrachtet und stammt nicht von mir.

Ideenwettbewerb (Think New)

// 1 Kurs 1 Preis / 3 Masterstudium (MuK Offenburg), Interaktion Design Präsentation

BRIEFING
Im Hochschulkurs Think New wurde die Aufgabe gestellt: Ein Marketingkonzept für eine White-Label-Portale Lösung für eine Druckerei zu entwickeln.
Die Gruppe gewann hierfür den von der Sparkasse OG gestifteten Präsentationspreis, dotiert mit 500 Euro.

PROBLEMSTELLUNG
In Kooperation mit einer in OG ansässigen Agentur entwickelte die Gruppe Lösungen zur Vermarktung und kam einvernehmlich mit Agentur und betreuenden Professor zum Entschluss, dass einer gekauften Druckmaschine besagte Portallösung beiliegen sollte und nicht zum zusätzlichen Kauf angeboten worden sollte.

LÖSUNGSANSATZ
Das Vermarktungskonzept der WLP Lösung wurde für die Druckerei vorbereitet und Übergeben mit dem Rat das Produkt nicht einzeln zu einem monatlichen Mietpreis zur Verfügung zu stellen (Zielgruppenungerecht). Vielmehr wurde ein Konzept vorgeschlagen, dass beim Kauf einer 30k Euro Offsetdruckmaschine eine Basisversion des WLPs beinhaltet. Die WLP wird hier quasi als Zusatzsoftware gesehen, die seitens der Druckerei ihren Kunden bereitgestellt werden muss.

BA Thesis

// Kollaborative Methoden, Kooperative Medien, Forschungsprojekt, AR Showcase, Oldtimer

BRIEFING
In meiner Thesis habe ich kollaborativen und kooperativen Prototyping Methoden verschiedener Fachrichtungen untersucht und ihre Einsetzbarkeit im Service Design beurteilt. Diese Arbeit kann anteilig als Grundlage der Masterthesis gesehen werden.
Die Inhalte der Thesis sind bisweilen Eigentum der Fakultät Wing. Daher können hier an der Stelle nur begrenzt / unscharf und mit Rücksprache Inhalte dargestellt werden.
Als praktischer Teil der Bachelorthesis galt es ein digitale Augmented Reality Show Case / Verkaufsplattform für Oldtimer zu entwickeln. Diese Anwendung bezieht sich direkt einen Kooperationspartner (ViOGa) des Forschungsprojekts und diente vorrangig zur Veranschaulichung.

PROBLEMSTELLUNG
Identifikation und Beurteilung der Einsetzbarkeit / Verwendbarkeit von fachfremden Methoden im Bereich Service Prototyping.

LÖSUNGSANSATZ
Analyse und Test der identifizierten Methode an Hand von vordefinierten Kriterien im Rahmen der Kooperation und Kollaboration. Die in der Thesis gestellten Thesen und Antithesen beurteilen im Rahmen der Thesis die Einsetzbarkeit. Anpassung auf die Entwicklungsprozesse an Hand der kleinsten gemeinsamen Nenner.

Obstbrennerei Ritter – CI / CD

// Markenidentität, Markenführung, Corporate Design / 5 Markenidentität, Markenführung, Corporate Design, Logo, Website, Design

BRIEFING
Im Rahmen der Veranstaltung wurde ein Corporate Design für die regional ansässige Obstbrennerei Ritter entwickelt. Dabei entstanden ein Relaunch des Internetauftritts, Geschäftsausstattung und andere Werbemittel. Als Grundlage wurde eine Zielgruppenanalyse (Umfrage) durchgeführt.
Nach Übergabe der Projektdaten an die Firma hat die Brennerei technisch ihre Website auf Grundlage unserer Forschungsergebnisse und Konzeption umsetzen lassen.

LINKS
Website: obstbrennerei-ritter.de
Abschlusspräsentation: Abschlusspräsentation

Katholische Kirche im Bregtal

// Projektstudium, Markenidentität / 5 Marktforschung, Fragebögen, Umfragen, 8 Gemeinden in eine verwandeln, Zusammenschluss, Corporate Identity, Corporate Design, Geschäftsausstattung bis hin zum Bleistift

BRIEFING
Im Projektstudium (BA) entwickelten wir eine neue Markenidentität für den neu gegründeten Zusammenschluss der regionalen Pfarreien zu einem Kirchenbund. Dabei bietet die Umsetzung den Einheimischen eine zentrale Informationsplattform / Kommunikationsquelle. Als Grundlage hierfür wurde eine viermonatige regionale Umfrage geschaltet.

PROBLEMSTELLUNG
Zusammenlegung mehrerer einzelner Pfarreien zu einer regionalen Pfarrei. Hierfür wurden in jeder Dorfpfarrei Marktforschung betrieben um Bedürfnisse, Wünsche und Ängste der jeweiligen Pfarrgemeinde zu analysieren.

LÖSUNGSANSATZ
Auf Grundlage der erhobenen Daten wurden Entwürfe und Konzepte entwickelt um jedem Gemeindemitglied zu entsprechen. Der Zusammenschluss und der damit verbundene Verlust der einzelnen Pfarreien wurde von den Gemeindemitgliedern als tragend beschrieben.

LINKS
Website: kath-bregtal.de

Kontakt

Nehmen Sie gerne Kontakt mit mir auf. Für alles gibt es eine Lösung.

SKNR 2022 all rights reserved.