[{"data":1,"prerenderedAt":609},["ShallowReactive",2],{"projects-page":3,"projects":24},{"id":4,"title":5,"body":6,"description":13,"extension":14,"links":15,"meta":18,"navigation":19,"path":20,"seo":21,"stem":22,"__hash__":23},"pages\u002Fprojects.md","Ideen. Code. Wirkung.",{"type":7,"value":8,"toc":9},"minimark",[],{"title":10,"searchDepth":11,"depth":11,"links":12},"",2,[],"Von interaktiven Erlebnissen bis zu komplexen Web-Plattformen. Eine Auswahl an Projekten, die während meines Studiums und bei Studio Merkas entstanden sind.","md",[16],{"label":17},"Schreib mir",{},true,"\u002Fprojects",{"title":5,"description":13},"projects","Y0qVaoDaqtvLSq8LEw5hcMB-XvQeX6DhZkW1btt6fyc",[25,146,195,241,322,445,540],{"id":26,"title":27,"body":28,"cta":132,"date":135,"description":136,"extension":14,"image":137,"meta":138,"navigation":19,"path":139,"seo":140,"stem":141,"tags":142,"url":139,"__hash__":145},"projects\u002Fprojects\u002Fokr.md","OKR App",{"type":7,"value":29,"toc":125},[30,39,44,59,62,66,81,85,88,94,98,101,107,110,113,116,120],[31,32,33,34,38],"p",{},"Die OKR App ist ein Produkt von Studio Merkas zur strukturierten Zielarbeit nach dem OKR-Framework. Die App befindet sich aktuell in der ",[35,36,37],"strong",{},"Open Beta"," und ist für Teams jeder Größe zugänglich. Ich habe die Anwendung vollständig entwickelt, von der Datenbankarchitektur bis zur fertigen Oberfläche. Das Plugin-System, das die App erweiterbar macht, war gleichzeitig das Thema meiner Bachelorarbeit.",[40,41,43],"h2",{"id":42},"was-ist-okr","Was ist OKR?",[31,45,46,47,50,51,54,55,58],{},"OKR steht für ",[35,48,49],{},"Objectives and Key Results",", ein Framework zur Zieldefinition und Erfolgsmessung, das ursprünglich bei Intel entwickelt und später von Google popularisiert wurde. Die Idee ist einfach: Ein ",[35,52,53],{},"Objective"," beschreibt ein ambitioniertes, qualitatives Ziel. Die dazugehörigen ",[35,56,57],{},"Key Results"," machen messbar, ob dieses Ziel erreicht wurde.",[31,60,61],{},"OKRs werden typischerweise quartalsweise gesetzt und fördern Transparenz und Fokus. Jeder im Team weiß, woran gearbeitet wird und warum. Was OKR von klassischen Zielsystemen unterscheidet: die Ziele sollen bewusst ambitioniert sein. 70 % Zielerreichung gelten oft schon als Erfolg.",[40,63,65],{"id":64},"technologie","Technologie",[31,67,68,69,72,73,76,77,80],{},"Die App ist als ",[35,70,71],{},"Vue.js"," Single-Page-Application gebaut, das Backend läuft auf ",[35,74,75],{},"Node.js"," mit ",[35,78,79],{},"MongoDB"," als Datenbank. Die Architektur ist von Anfang an modular konzipiert, sowohl im Frontend als auch im Backend.",[40,82,84],{"id":83},"funktionen","Funktionen",[31,86,87],{},"Teams können Workspaces anlegen, Objectives definieren und Key Results in Echtzeit tracken. Der Fortschritt ist jederzeit auf einen Blick sichtbar, für einzelne Personen, Teams und die gesamte Organisation. Ein Leaderboard und regelmäßige Check-ins halten alle im Rhythmus.",[89,90],"device-mockup",{":float":91,":shadow":91,"size":14,"src":92,"type":93},"true","\u002Fprojects\u002Fokr\u002Fokr_1.png","macbook-pro",[40,95,97],{"id":96},"plugin-system-bachelorarbeit","Plugin-System – Bachelorarbeit",[31,99,100],{},"Das Plugin-System war das zentrale Thema meiner Bachelorarbeit und gleichzeitig die technisch anspruchsvollste Komponente der App.",[31,102,103,106],{},[35,104,105],{},"Wichtig:"," Das System ist konzeptionell vollständig ausgearbeitet und prototypisch umgesetzt, aktuell jedoch noch nicht in die produktive App integriert.",[31,108,109],{},"Die Kernfrage war: Wie lässt sich eine bestehende Anwendung so erweitern, dass neue Funktionen als eigenständige Module eingebunden werden können, ohne den Kern zu verändern oder neu zu deployen?",[31,111,112],{},"Die Lösung ist ein Plugin-System, das zur Laufzeit neue Module laden und in die bestehende App integrieren kann. Jedes Plugin ist als eigenständiges Vue-Modul gedacht, mit eigenem Frontend, eigenen API-Endpunkten und eigener Datenbanklogik. Der Kern der App stellt eine definierte Schnittstelle bereit, über die Plugins sich registrieren, eigene Routen einbinden und auf gemeinsame Dienste zugreifen können.",[31,114,115],{},"Das System wurde so konzipiert, dass es in der Praxis einsetzbar ist: Plugins können perspektivisch aktiviert und deaktiviert werden, ohne die laufende Anwendung zu beeinflussen. Neue Funktionen lassen sich damit schnell entwickeln und isoliert testen, bevor sie in den produktiven Betrieb überführt werden.",[40,117,119],{"id":118},"screens","Screens",[121,122],"image-slider",{":images":123,":perPage":124},"[{\"src\":\"\u002Fprojects\u002Fokr\u002Fokr_1.png\",\"subtitle\":\"Home-bereich\"},{\"src\":\"\u002Fprojects\u002Fokr\u002Fokr_2.png\",\"subtitle\":\"Team Workspace\"},{\"src\":\"\u002Fprojects\u002Fokr\u002Fokr_3.png\",\"subtitle\":\"OKR Liste\"}]","2",{"title":10,"searchDepth":11,"depth":11,"links":126},[127,128,129,130,131],{"id":42,"depth":11,"text":43},{"id":64,"depth":11,"text":65},{"id":83,"depth":11,"text":84},{"id":96,"depth":11,"text":97},{"id":118,"depth":11,"text":119},{"label":133,"to":134},"Zum Projekt","https:\u002F\u002Fwww.okr-app.com\u002F","2025-01-01","Eine Web-App zur strukturierten Zielarbeit nach dem OKR-Framework. Entwickelt bei Studio Merkas mit Workspaces, Echtzeit-Tracking und einem erweiterbaren Plugin-System, das Teams jeder Größe flexibel einsetzen können.","\u002Fprojects\u002Fokr\u002Fokr_logo.png",{},"\u002Fprojects\u002Fokr",{"title":27,"description":136},"projects\u002Fokr",[143,144,71,75,79],"Web App","SaaS","KgfrFefJOt5o0bEcZ1JRQmb_J_y6rshPSVL1CT0n5s4",{"id":147,"title":148,"body":149,"cta":182,"date":183,"description":184,"extension":14,"image":185,"meta":186,"navigation":19,"path":187,"seo":188,"stem":189,"tags":190,"url":187,"__hash__":194},"projects\u002Fprojects\u002Fazuboe-bus.md","DEHOGA GastroMobil – Ausbildungsplatzbörse",{"type":7,"value":150,"toc":177},[151,154,158,161,164,166,172,174],[31,152,153],{},"Das GastroMobil des DEHOGA Baden-Württemberg ist ein multimedial ausgebauter Bus, der Schulen und Berufsmessen in ganz Baden-Württemberg besucht. Im Bus sind mehrere interaktive Anwendungen von Studio Merkas ausgestellt – darunter die Ausbildungsplatzbörse, die ich entwickelt habe.",[40,155,157],{"id":156},"die-anwendung","Die Anwendung",[31,159,160],{},"Die Touch-Anwendung läuft auf großen Touchscreens im Bus und ermöglicht Schülerinnen und Schülern, direkt vor Ort Ausbildungsbetriebe in ihrer Region zu entdecken. Über einen QR-Code können sie die Kontaktdaten eines Betriebs auf ihr Handy speichern und sich später bewerben.",[89,162],{":float":91,":shadow":91,"size":14,"src":163,"type":93},"\u002Fprojects\u002Fazuboe_bus\u002Fbus_start.png",[40,165,65],{"id":64},[31,167,168,169,171],{},"Die Anwendung ist als ",[35,170,71],{}," Single-Page-Application gebaut und speziell für den Einsatz auf Touchscreens optimiert. Große Schaltflächen, klare Navigation und ein geführter Prozess sorgen dafür, dass die Bedienung auch ohne Einarbeitungszeit funktioniert.",[40,173,119],{"id":118},[121,175],{":images":176,":perPage":124},"[{\"src\":\"\u002Fprojects\u002Fazuboe_bus\u002Forts_auswahl.png\",\"subtitle\":\"Standortauswahl\"},{\"src\":\"\u002Fprojects\u002Fazuboe_bus\u002Fsuchergebnisse.png\",\"subtitle\":\"Suchergebnisse\"},{\"src\":\"\u002Fprojects\u002Fazuboe_bus\u002Fbetriebsprofil.png\",\"subtitle\":\"Betriebsprofil mit QR-Code\"}]",{"title":10,"searchDepth":11,"depth":11,"links":178},[179,180,181],{"id":156,"depth":11,"text":157},{"id":64,"depth":11,"text":65},{"id":118,"depth":11,"text":119},null,"2024-01-01","Eine interaktive Touch-Anwendung für das GastroMobil des DEHOGA Baden-Württemberg – einem multimedial ausgebauten Bus, der Schulen in ganz Baden-Württemberg besucht. Schülerinnen und Schüler können direkt vor Ort Ausbildungsbetriebe in ihrer Region entdecken und per QR-Code Kontakt aufnehmen.","\u002Fprojects\u002Fazuboe_bus\u002Fgastromobil.jpg",{},"\u002Fprojects\u002Fazuboe-bus",{"title":148,"description":184},"projects\u002Fazuboe-bus",[191,71,192,193],"Touch Display","DEHOGA","Baden-Württemberg","5ZHSZCdv0atQ7Hckdbs6HPN5cL6bE3ZW3-qKqRaLP4A",{"id":196,"title":197,"body":198,"cta":182,"date":183,"description":232,"extension":14,"image":233,"meta":234,"navigation":19,"path":235,"seo":236,"stem":237,"tags":238,"url":235,"__hash__":240},"projects\u002Fprojects\u002Fazuboe-website.md","DEHOGA Ausbildungsplatzbörse",{"type":7,"value":199,"toc":227},[200,203,206,208,217,219,222,224],[31,201,202],{},"Die DEHOGA-Nachwuchskampagne „Wir Gastfreunde\" bringt Ausbildungsbetriebe und Jugendliche in Baden-Württemberg zusammen. Die Ausbildungsplatzbörse ist das digitale Herzstück davon: Jugendliche können passende Ausbildungsbetriebe in ihrer Region entdecken und direkt Kontakt aufnehmen.",[31,204,205],{},"Meine Aufgabe war die Entwicklung der Frontend-Anwendung. Die Daten kommen aus dem Backend der DEHOGA und werden über einen API-Endpunkt abgerufen.",[40,207,65],{"id":64},[31,209,168,210,212,213,216],{},[35,211,71],{}," Single-Page-Application gebaut und wird dynamisch in die bestehende ",[35,214,215],{},"TYPO3","-Website des DEHOGA eingebunden. So konnte die bestehende Infrastruktur erhalten bleiben, während die Börse als moderne, reaktive Anwendung funktioniert.",[40,218,84],{"id":83},[31,220,221],{},"Jugendliche können Betriebe nach Region filtern und Profile einsehen. Die Suche ist auf schnelle Orientierung ausgelegt: Ort oder Postleitzahl eingeben, Umkreis wählen, passende Betriebe finden. Betriebe, die an der Initiative „TOP-Ausbildungsbetrieb\" teilnehmen, werden besonders hervorgehoben.",[40,223,119],{"id":118},[121,225],{":images":226,":perPage":124},"[{\"src\":\"\u002Fprojects\u002Fazuboe_website\u002Fwebsite_1.png\",\"subtitle\":\"Startseite mit Standortsuche\"},{\"src\":\"\u002Fprojects\u002Fazuboe_website\u002Fwebsite_2.png\",\"subtitle\":\"Suchergebnisse\"},{\"src\":\"\u002Fprojects\u002Fazuboe_website\u002Fwebsite_3.png\",\"subtitle\":\"Betriebsprofil\"},{\"src\":\"\u002Fprojects\u002Fazuboe_website\u002Fwebsite_4.png\",\"subtitle\":\"Kontaktaufnahme\"}]",{"title":10,"searchDepth":11,"depth":11,"links":228},[229,230,231],{"id":64,"depth":11,"text":65},{"id":83,"depth":11,"text":84},{"id":118,"depth":11,"text":119},"Eine Web-Plattform im Rahmen der DEHOGA-Nachwuchskampagne „Wir Gastfreunde\". Ausbildungsbetriebe aus Gastronomie und Hotellerie in Baden-Württemberg pflegen hier ihre Profile – Jugendliche können passende Betriebe entdecken und direkt Kontakt aufnehmen.","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1555396273-367ea4eb4db5?q=80&w=2574&auto=format&fit=crop",{},"\u002Fprojects\u002Fazuboe-website",{"title":197,"description":232},"projects\u002Fazuboe-website",[239,71,215,192,193],"Frontend","QIL0sHaJXDYCoNhwGwv8pzKWycV2ihTY_Yk0su5Af0c",{"id":242,"title":243,"body":244,"cta":307,"date":183,"description":310,"extension":14,"image":311,"meta":312,"navigation":19,"path":313,"seo":314,"stem":315,"tags":316,"url":313,"__hash__":321},"projects\u002Fprojects\u002Fmuddini.md","Muddini's Adventure – Backend",{"type":7,"value":245,"toc":300},[246,249,251,262,266,277,281,284,288,295,297],[31,247,248],{},"Muddini's Adventure ist ein Mobile Game, das Studio Merkas für die intersoft GmbH entwickelt hat. Meine Rolle war das Backend: die serverseitige Infrastruktur, die das Spiel am Laufen hält – von der Authentifizierung bis zum Leaderboard.",[40,250,65],{"id":64},[31,252,253,254,257,258,261],{},"Das Backend wurde mit ",[35,255,256],{},"Django"," und ",[35,259,260],{},"MySQL"," gebaut und stellt eine REST API bereit, über die die App sämtliche serverseitige Logik abruft.",[40,263,265],{"id":264},"authentifizierung","Authentifizierung",[31,267,268,269,272,273,276],{},"Spieler können sich über ",[35,270,271],{},"Google"," oder ",[35,274,275],{},"Apple\u002FiOS"," anmelden. Die OAuth-Integration sorgt dafür, dass kein eigenes Passwort-System nötig ist und der Einstieg ins Spiel so reibungslos wie möglich bleibt.",[40,278,280],{"id":279},"streak-system","Streak-System",[31,282,283],{},"Ein zentrales Game-Design-Element ist das tägliche Streak-System. Das Backend verfolgt, ob ein Spieler jeden Tag mindestens ein Labyrinth abschließt, und belohnt Konstanz mit Extraleben. Ein Drei-Tage-Streak gibt drei Leben, ein Sieben-Tage-Streak schaltet den D-Bagger frei, der fünf Leben wiederherstellt.",[40,285,287],{"id":286},"highscore-leaderboard","Highscore & Leaderboard",[31,289,290,291,294],{},"Jede abgeschlossene Runde wird serverseitig ausgewertet und in der ",[35,292,293],{},"MySQL-Datenbank"," gespeichert. Das Leaderboard zeigt in Echtzeit, wer die schnellste Runde durch das Spaghetti-Code-Labyrinth gedreht hat – und motiviert Spieler, es noch einmal zu versuchen.",[40,296,119],{"id":118},[121,298],{":images":299,":perPage":124},"[{\"src\":\"\u002Fprojects\u002Fmuddini\u002Fmuddini_home.png\",\"subtitle\":\"Startbildschirm\"},{\"src\":\"\u002Fprojects\u002Fmuddini\u002Fmuddini_1.png\",\"subtitle\":\"Gameplay\"}]",{"title":10,"searchDepth":11,"depth":11,"links":301},[302,303,304,305,306],{"id":64,"depth":11,"text":65},{"id":264,"depth":11,"text":265},{"id":279,"depth":11,"text":280},{"id":286,"depth":11,"text":287},{"id":118,"depth":11,"text":119},{"label":308,"to":309},"Mehr erfahren","https:\u002F\u002Fwww.studiomerkas.com\u002Fde\u002Fprojekte\u002Fmuddinis-adventure","Das serverseitige Fundament für Muddini's Adventure – ein Mobile Game, entwickelt für die intersoft GmbH. Das Backend verwaltet Nutzerkonten, Bestenlisten und das Streak-System, das Spieler täglich zurück ins Spaghetti-Code-Labyrinth lockt.","\u002Fprojects\u002Fmuddini\u002Fmuddini_cover.jpg",{},"\u002Fprojects\u002Fmuddini",{"title":243,"description":310},"projects\u002Fmuddini",[317,318,319,320,256],"Backend","Mobile Game","REST API","Leaderboard","BDvSyTw5WpShqWTDfDBS_CYV2erHpcEDu4oapdd7UxE",{"id":323,"title":324,"body":325,"cta":182,"date":183,"description":436,"extension":14,"image":428,"meta":437,"navigation":19,"path":438,"seo":439,"stem":440,"tags":441,"url":438,"__hash__":444},"projects\u002Fprojects\u002Fshowcase-app.md","Showcase App - Studio Merkas",{"type":7,"value":326,"toc":429},[327,330,333,337,340,343,346,350,353,381,384,388,391,405,408,412,415,418,422,425],[31,328,329],{},"Die Showcase App ist eine interaktive Anwendung zur Präsentation des Portfolios von Studio Merkas. Sie wurde speziell für große Touch-Displays konzipiert und kommt vor allem auf Messen, Ausstellungen und Events zum Einsatz.",[31,331,332],{},"Ziel der Anwendung ist es, Projekte nicht nur statisch darzustellen, sondern Besucher aktiv einzubinden und ein exploratives Erlebnis zu schaffen. Statt klassischer Präsentationsformate ermöglicht die App eine intuitive Navigation durch Inhalte, bei der Nutzer selbst entscheiden, welche Projekte sie im Detail entdecken möchten.",[40,334,336],{"id":335},"konzept-idee","Konzept & Idee",[31,338,339],{},"Im Mittelpunkt steht die Frage: Wie kann ein Portfolio im physischen Raum erlebbar gemacht werden?",[31,341,342],{},"Die Antwort ist eine Touch-basierte Anwendung, die gezielt für große Displays optimiert wurde. Inhalte sind visuell aufbereitet und so strukturiert, dass sie auch im Vorbeigehen schnell erfassbar sind, gleichzeitig aber genügend Tiefe bieten, um sich intensiver mit einzelnen Projekten auseinanderzusetzen.",[31,344,345],{},"Die Bedienung erfolgt vollständig über Gesten. Nutzer können durch Projekte swipen, Inhalte vergrößern und sich schrittweise tiefer in einzelne Case Studies bewegen.",[40,347,349],{"id":348},"einsatz-auf-messen","Einsatz auf Messen",[31,351,352],{},"Die App wurde gezielt für den Einsatz im Messekontext entwickelt. Dabei spielen mehrere Faktoren eine wichtige Rolle:",[354,355,356,363,369,375],"ul",{},[357,358,359,362],"li",{},[35,360,361],{},"Schneller Einstieg:"," Inhalte müssen innerhalb weniger Sekunden verständlich sein",[357,364,365,368],{},[35,366,367],{},"Selbsterklärende Bedienung:"," Keine Einführung oder Anleitung notwendig",[357,370,371,374],{},[35,372,373],{},"Visuelle Wirkung:"," Klare, reduzierte Gestaltung mit Fokus auf Projekten",[357,376,377,380],{},[35,378,379],{},"Robustheit:"," Funktioniert zuverlässig im Dauerbetrieb",[31,382,383],{},"Durch die interaktive Präsentation entsteht ein natürlicher Einstieg in Gespräche mit potenziellen Kunden und Partnern.",[40,385,387],{"id":386},"technologie-umsetzung","Technologie & Umsetzung",[31,389,390],{},"Die Anwendung wurde als performante Web-App umgesetzt und für große Touchscreens optimiert. Besonderer Fokus lag auf:",[354,392,393,396,399,402],{},[357,394,395],{},"flüssigen Animationen und Übergängen",[357,397,398],{},"optimierter Touch-Interaktion",[357,400,401],{},"responsivem Layout für unterschiedliche Displaygrößen",[357,403,404],{},"Offline-Fähigkeit für den Einsatz ohne stabile Internetverbindung",[31,406,407],{},"Die Architektur ist modular aufgebaut, sodass Inhalte flexibel erweitert und angepasst werden können, ohne die gesamte Anwendung neu entwickeln zu müssen.",[40,409,411],{"id":410},"nachhaltigkeitsaspekt","Nachhaltigkeitsaspekt",[31,413,414],{},"Ein wichtiger Bestandteil des Projekts war die Frage nach nachhaltiger Kommunikation im Messekontext. Klassische Printmaterialien wie Broschüren oder Flyer werden häufig nur kurz genutzt und anschließend entsorgt.",[31,416,417],{},"Die Showcase App bietet hier eine digitale Alternative: Inhalte können jederzeit aktualisiert werden, ohne neue Materialien produzieren zu müssen. Dadurch wird nicht nur Papier eingespart, sondern auch die Flexibilität in der Kommunikation erhöht.",[40,419,421],{"id":420},"ergebnis","Ergebnis",[31,423,424],{},"Die Showcase App verbindet UI\u002FUX-Konzept, Technologie und Präsentation zu einem interaktiven Erlebnis. Sie unterstützt Studio Merkas dabei, Projekte zeitgemäß zu präsentieren und sich auf Messen klar von klassischen Portfolio-Ansätzen abzuheben.",[89,426],{":float":91,":shadow":91,"size":427,"src":428,"type":93},"lg","\u002Fprojects\u002Fshowcase\u002Fshowcase.png",{"title":10,"searchDepth":11,"depth":11,"links":430},[431,432,433,434,435],{"id":335,"depth":11,"text":336},{"id":348,"depth":11,"text":349},{"id":386,"depth":11,"text":387},{"id":410,"depth":11,"text":411},{"id":420,"depth":11,"text":421},"Eine interaktive Showcase-App für große Touch-Displays, entwickelt zur Präsentation des Studio-Merkas-Portfolios auf Messen und Events.",{},"\u002Fprojects\u002Fshowcase-app",{"title":324,"description":436},"projects\u002Fshowcase-app",[442,191,443],"Messen","Studio Merkas","eJaYcRIVfuPbROJAfS-Qm5DLGTgjbd0sSBeL2PrcLGg",{"id":446,"title":447,"body":448,"cta":182,"date":526,"description":527,"extension":14,"image":528,"meta":529,"navigation":19,"path":530,"seo":531,"stem":532,"tags":533,"url":530,"__hash__":539},"projects\u002Fprojects\u002Fdart.md","DArt - Kunst entdecken, Stadt erleben",{"type":7,"value":449,"toc":520},[450,453,456,460,464,467,471,478,484,490,496,502,508,510,513,517],[31,451,452],{},"Kunst ist überall in der Stadt. An Hauswänden, in Hinterhöfen, in Galerien um die Ecke. Aber sie zu finden ist oft Zufall. DArt ändert das: eine Mobile App, die Kunstbegeisterte und Kreative miteinander verbindet und Art-Spots in der Stadt auf einer interaktiven Karte sichtbar macht.",[31,454,455],{},"Das Projekt entstand im Rahmen eines Universitätsprojekts und wurde als vollständiges UI\u002FUX-Konzept ausgearbeitet. Der Fokus lag auf einem intuitiven, community-getriebenen Erlebnis, das sowohl für Kunstschaffende als auch für Entdecker funktioniert.",[89,457],{":float":91,":shadow":91,"size":14,"src":458,"type":459},"\u002Fprojects\u002Fdart\u002Fdart_mockup_iphone.png","iphone-14-pro",[40,461,463],{"id":462},"die-idee","Die Idee",[31,465,466],{},"Städte sind voller Kunst. Doch ohne den richtigen Hinweis bleibt vieles unsichtbar. DArt gibt dieser Kunst einen Ort auf der Karte und schafft gleichzeitig eine Community rund ums Entdecken. Nutzer können Art-Spots eintragen, bewerten und kommentieren. Wer auf der Suche ist, öffnet die App und sieht auf einen Blick, was in der Nähe wartet.",[40,468,470],{"id":469},"der-designprozess","Der Designprozess",[31,472,473],{},[474,475],"img",{"alt":476,"src":477},"User Centered Design Prozess","\u002Fprojects\u002Fdart\u002Fusd_process.png",[31,479,480,481,483],{},"Auch bei DArt haben wir den ",[35,482,476],{}," konsequent durchlaufen.",[31,485,486,489],{},[35,487,488],{},"Verstehen:"," Wer entdeckt Kunst in der Stadt, und wie? Wir haben uns mit den Gewohnheiten von Kunstbegeisterten auseinandergesetzt und untersucht, wie Menschen heute Orte entdecken und teilen.",[31,491,492,495],{},[35,493,494],{},"Definieren:"," Daraus entstanden zwei klare Nutzerprofile: der Entdecker, der neue Spots sucht, und der Kreative, der eigene Werke sichtbar machen will. Beide brauchen eine einfache, motivierende Erfahrung.",[31,497,498,501],{},[35,499,500],{},"Gestalten:"," Die Karte steht im Mittelpunkt. Darum herum haben wir eine klare Navigation, Spot-Detailseiten und einen einfachen Upload-Prozess für neue Art-Spots entwickelt. Das Design sollte urban, leicht und einladend wirken.",[31,503,504,507],{},[35,505,506],{},"Testen & Verfeinern:"," Prototypen wurden iterativ verbessert, bis der Prozess vom Entdecken bis zum Teilen eines Spots reibungslos funktionierte.",[40,509,119],{"id":118},[121,511],{":images":512,":perPage":124},"[{\"src\":\"\u002Fprojects\u002Fdart\u002Fdart_1.png\",\"subtitle\":\"Kartenansicht mit Art-Spots in der Nähe\"},{\"src\":\"\u002Fprojects\u002Fdart\u002Fdart_2.png\",\"subtitle\":\"Spot-Detailseite\"},{\"src\":\"\u002Fprojects\u002Fdart\u002Fdart_chat.png\",\"subtitle\":\"Community und Austausch\"},{\"src\":\"\u002Fprojects\u002Fdart\u002Fdart_profile.png\",\"subtitle\":\"Nutzerprofil und eigene Spots\"}]",[40,514,516],{"id":515},"das-ergebnis","Das Ergebnis",[31,518,519],{},"DArt zeigt, wie eine App Kunst und Stadt neu verbinden kann. Kein aufwändiges Onboarding, kein kompliziertes Interface. Einfach öffnen, entdecken, teilen.",{"title":10,"searchDepth":11,"depth":11,"links":521},[522,523,524,525],{"id":462,"depth":11,"text":463},{"id":469,"depth":11,"text":470},{"id":118,"depth":11,"text":119},{"id":515,"depth":11,"text":516},"2023-01-01","Ein UI\u002FUX-Konzept aus einem Universitätsprojekt. DArt verbindet Kunstbegeisterte und Kreative über eine interaktive Karte und macht versteckte Art-Spots in der Stadt für alle sichtbar und erlebbar.","\u002Fprojects\u002Fdart\u002Fdart_cover.png",{},"\u002Fprojects\u002Fdart",{"title":447,"description":527},"projects\u002Fdart",[534,535,536,537,538],"UI\u002FUX Konzept","Mobile App","Universitätsprojekt","Maps","Community","oyuPI8kcE4DrXHgDiJys1lUKTIDcGH2xmUeY6ma02ZM",{"id":541,"title":542,"body":543,"cta":182,"date":526,"description":599,"extension":14,"image":600,"meta":601,"navigation":19,"path":602,"seo":603,"stem":604,"tags":605,"url":602,"__hash__":608},"projects\u002Fprojects\u002Fremirror.md","Remirror - Nachhaltig einkaufen, neu gedacht",{"type":7,"value":544,"toc":595},[545,548,554,558,561,566,571,576,581,587,589,592],[31,546,547],{},"Nachhaltig einkaufen wollen viele. Aber im Kleidungsgeschäft, zwischen vollen Kleiderständern und dem Drang nach dem nächsten Trend, bleibt die Entscheidung meist beim Gewohnten. Remirror setzt genau dort an: direkt am Point of Sale, als interaktives Touch-Display im Laden, das Kunden in dem Moment informiert, in dem sie es brauchen.",[31,549,550,551,553],{},"Das Projekt entstand im Rahmen eines Universitätsprojekts in einem Team aus drei Personen. Unser Ziel war es, einen nachhaltigen User-Prozess von Anfang bis Ende auszuarbeiten und dabei den gesamten ",[35,552,476],{}," konsequent zu durchlaufen.",[40,555,557],{"id":556},"der-prozess","Der Prozess",[31,559,560],{},"User Centered Design bedeutet: nicht mit der Lösung starten, sondern mit dem Menschen. Wir haben diesen Ansatz in vier Phasen gelebt.",[31,562,563,565],{},[35,564,488],{}," Wir haben uns zuerst gefragt: Wer kauft Kleidung, wie trifft man Kaufentscheidungen, und wann ist der Moment für nachhaltige Information überhaupt offen? Durch Recherche und die Analyse bestehender Ansätze haben wir ein klares Bild der Problemräume in der Modeindustrie entwickelt.",[31,567,568,570],{},[35,569,494],{}," Aus den gewonnenen Erkenntnissen haben wir konkrete Nutzerprofile und Szenarien abgeleitet. Was braucht jemand, der zum ersten Mal bewusst nachhaltige Mode kaufen will? Was braucht jemand, der es bereits tut, aber schneller und einfacher entscheiden möchte?",[31,572,573,575],{},[35,574,500],{}," Mit diesen Fragen im Kopf haben wir erste Konzepte skizziert, Wireframes entwickelt und iterativ verfeinert. Die Oberfläche sollte auf einem großen Touch-Display im Modegeschäft funktionieren, klar, intuitiv und ohne Einarbeitungszeit.",[31,577,578,580],{},[35,579,506],{}," Prototypen wurden bewertet, Annahmen hinterfragt und das Konzept schrittweise verbessert. Jede Iteration brachte uns näher an eine Lösung, die nicht nur gut aussieht, sondern wirklich funktioniert.",[31,582,583],{},[474,584],{"alt":585,"src":586},"Empathy Map - Max","\u002Fprojects\u002Fremirror\u002Fempathy_map_max.png",[40,588,516],{"id":515},[31,590,591],{},"Remirror ist kein fertiges Produkt, sondern ein durchdachtes Konzept, das zeigt, wie nachhaltige Information im Modehandel am Point of Sale aussehen kann, ohne zu bevormunden oder zu überfordern. Ein Interface, das im richtigen Moment die richtigen Informationen liefert und die Entscheidung dem Menschen lässt.",[121,593],{":images":594,":perPage":124},"[{\"src\":\"\u002Fprojects\u002Fremirror\u002Fremirror_1.png\",\"subtitle\":\"Screendesign 1\"},{\"src\":\"\u002Fprojects\u002Fremirror\u002Fremirror_2.png\",\"subtitle\":\"Screendesign 2\"},{\"src\":\"\u002Fprojects\u002Fremirror\u002Fremirror_3.png\",\"subtitle\":\"Screendesign 3\"},{\"src\":\"\u002Fprojects\u002Fremirror\u002Fremirror_4.png\",\"subtitle\":\"Screendesign 4\"}]",{"title":10,"searchDepth":11,"depth":11,"links":596},[597,598],{"id":556,"depth":11,"text":557},{"id":515,"depth":11,"text":516},"Ein UI\u002FUX-Konzept aus einem Universitätsprojekt. Remirror denkt den Point of Sale neu als interaktives Touch-Display im Laden, das Kunden beim Kauf von Kleidung nachhaltige Entscheidungen erleichtert.","\u002Fprojects\u002Fremirror\u002Fremirror_logo.png",{},"\u002Fprojects\u002Fremirror",{"title":542,"description":599},"projects\u002Fremirror",[534,191,606,536,607],"In-Store","Nachhaltigkeit","HeEr-t3f327XSFkb-4E7DCRIUPSuJUpABzqvPymKXA8",1775486309747]