3:I[9275,[],""]
4:I[1343,[],""]
5:I[5210,["402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","185","static/chunks/app/layout-9fe92dea0d13d4c0.js"],"RootLayout"]
6:I[5112,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","141","static/chunks/app/portfolio/fau-webrelaunch/page-d4d5b70f5fc530e0.js"],"FadeIn"]
7:I[231,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","141","static/chunks/app/portfolio/fau-webrelaunch/page-d4d5b70f5fc530e0.js"],""]
0:["josfvrSKBCTTMxunyIDs6",[[["",{"children":["portfolio",{"children":["fau-webrelaunch",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["portfolio",{"children":["fau-webrelaunch",{"children":["__PAGE__",{},[["$L1","$L2"],null],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","portfolio","children","fau-webrelaunch","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/6e8bdfd1dcc78b42.css","precedence":"next","crossOrigin":"$undefined"}]]}],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","portfolio","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},[["$","html",null,{"lang":"en","className":"h-full bg-green-950 text-base antialiased","children":["$","body",null,{"className":"flex min-h-full flex-col","children":["$","$L5",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 flex h-full items-center pt-24 sm:pt-32 lg:pt-40","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"className":"flex max-w-xl flex-col items-center text-center","children":[["$","p",null,{"className":"font-display text-4xl font-semibold text-neutral-950 sm:text-5xl","children":"404"}],["$","h1",null,{"className":"mt-4 font-display text-2xl font-semibold text-neutral-950","children":"Seite nicht gefunden :-("}],["$","p",null,{"className":"mt-2 text-sm text-neutral-600","children":"Sorry, ich konnte die Seite die du suchst nicht finden."}],["$","$L7",null,{"href":"/","className":"mt-4 text-sm font-semibold text-neutral-950 transition hover:text-neutral-700","children":"Zurück zur Startseite"}]]}]}]}],"notFoundStyles":[],"styles":null}]}]}]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/ee1ad191280b18b8.css","precedence":"next","crossOrigin":"$undefined"}]],"$L8"]]]]
8:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Friedrich-Alexander-Universität Erlangen-Nürnberg Case Study - Lukas Niebler"}],["$","meta","3",{"name":"description","content":"Ein Webrelaunch für über 900+ Websites. Konzeption, Ausschreibung, UX-Research, UX-Design, Designphase und Technische Umsetzung. Als Teil des Projektteams habe ich den Webrelaunch von Anfang bis zur Umsetzung und Einführung begleitet."}]]
1:null
9:I[8355,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","141","static/chunks/app/portfolio/fau-webrelaunch/page-d4d5b70f5fc530e0.js"],"GrayscaleTransitionImage"]
a:I[9342,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","141","static/chunks/app/portfolio/fau-webrelaunch/page-d4d5b70f5fc530e0.js"],"GridPattern"]
b:I[5112,["42","static/chunks/2b0f660e-cd8eab98905accfe.js","402","static/chunks/402-2bd6ff33d7824c38.js","231","static/chunks/231-38f42857c1d9af4e.js","173","static/chunks/173-ee4dec890c7d4e79.js","849","static/chunks/849-960f49fa53599776.js","812","static/chunks/812-a3c13a1c4afe66c0.js","141","static/chunks/app/portfolio/fau-webrelaunch/page-d4d5b70f5fc530e0.js"],"FadeInStagger"]
2:[["$","article",null,{"className":"mt-24 sm:mt-32 lg:mt-40","children":[["$","header",null,{"children":[["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-24 sm:mt-32 lg:mt-40 text-center","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"children":[["$","h1",null,{"children":[["$","span",null,{"className":"block font-display text-base font-semibold text-neutral-950","children":"Portfolio"}],["$","span",null,{"className":"sr-only","children":" - "}],["$","span",null,{"className":"mt-6 block max-w-5xl font-display text-5xl font-medium tracking-tight text-neutral-950 [text-wrap:balance] sm:text-6xl mx-auto","children":"Webrelaunch der Friedrich-Alexander-Universität Erlangen-Nürnberg"}]]}],["$","div",null,{"className":"mt-6 max-w-3xl text-xl text-neutral-600 mx-auto","children":["$","p",null,{"children":"Ein Webrelaunch für über 900+ Websites. Konzeption, Ausschreibung, UX-Research, UX-Design, Designphase und Technische Umsetzung. Als Teil des Projektteams habe ich den Webrelaunch von Anfang bis zur Umsetzung und Einführung begleitet."}]}]]}]}]}],["$","$L6",null,{"children":[["$","div",null,{"className":"mt-24 border-t border-neutral-200 bg-white/50 sm:mt-32 lg:mt-40","children":["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","div",null,{"className":"mx-auto max-w-5xl","children":["$","dl",null,{"className":"-mx-6 grid grid-cols-1 text-sm text-neutral-950 sm:mx-0 sm:grid-cols-3","children":[["$","div",null,{"className":"border-t border-neutral-200 px-6 py-4 first:border-t-0 sm:border-l sm:border-t-0","children":[["$","dt",null,{"className":"font-semibold","children":"Stakeholder"}],["$","dd",null,{"children":"Friedrich-Alexander-Universität Erlangen-Nürnberg"}]]}],["$","div",null,{"className":"border-t border-neutral-200 px-6 py-4 first:border-t-0 sm:border-l sm:border-t-0","children":[["$","dt",null,{"className":"font-semibold","children":"Jahr"}],["$","dd",null,{"children":["$","time",null,{"dateTime":"2026","children":"2026"}]}]]}],["$","div",null,{"className":"border-t border-neutral-200 px-6 py-4 first:border-t-0 sm:border-l sm:border-t-0","children":[["$","dt",null,{"className":"font-semibold","children":"Service"}],["$","dd",null,{"children":"UX-Design, UX-Research & Technische Begleitung"}]]}]]}]}]}]}]}],["$","div",null,{"className":"border-y border-neutral-200 bg-neutral-100","children":["$","div",null,{"className":"-my-px mx-auto max-w-[76rem] bg-neutral-200","children":["$","$L9",null,{"quality":90,"className":"w-full","sizes":"(min-width: 1216px) 76rem, 100vw","priority":true}]}]}]]}]]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-24 sm:mt-32 lg:mt-40","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"children":["$","div",null,{"className":"[&>*]:mx-auto [&>*]:max-w-3xl [&>:first-child]:!mt-0 [&>:last-child]:!mb-0","children":[["$","div",null,{"className":"typography","children":["\n","\n","\n",["$","h2",null,{"children":"Übersicht"}],"\n",["$","p",null,{"children":"Im Rahmen des Webrelaunchs der Friedrich-Alexander-Universität Erlangen-Nürnberg war ich Teil des Projektteams, das die Neuausrichtung der zentralen Weblandschaft begleitet und mitgestaltet hat."}],"\n",["$","p",null,{"children":"Ziel des Projekts war es, die bestehende Webstruktur gestalterisch, technisch und nutzerzentriert weiterzuentwickeln. Dabei standen eine bessere Orientierung, ein moderneres Erscheinungsbild, konsistente Komponenten sowie eine zukunftsfähige technische Grundlage für zahlreiche Websites der Universität im Fokus."}],"\n",["$","p",null,{"children":"Meine Aufgaben lagen an der Schnittstelle zwischen UX, Design, Konzeption und technischer Umsetzung. Ich wirkte am UX-Research mit, begleitete die Designphase, arbeitete an Konzepten für Inhalte, Navigation und Komponenten mit und unterstützte die technische Begleitung des Relaunchs. Dazu gehörten auch Abstimmungen im Rahmen der E-Vergabe sowie die Bewertung und Weiterentwicklung von Anforderungen aus Nutzer-, Redaktions- und Entwicklungsperspektive."}],"\n",["$","p",null,{"children":"Die besondere Herausforderung bestand darin, eine sehr heterogene Weblandschaft mit vielen unterschiedlichen Zielgruppen, Inhalten und Anforderungen in ein konsistentes, nutzerfreundliches und skalierbares System zu überführen."}],"\n",["$","p",null,{"children":"Das Ergebnis ist ein moderner Webauftritt, der Gestaltung, Nutzerführung und technische Umsetzbarkeit stärker miteinander verbindet und als Grundlage für die Weiterentwicklung der FAU-Webseiten dient."}],"\n",["$","p",null,{"children":"Das Ergebnis kann man sich auf den Websites der Friedrich-Alexander-Universität selbst anschauen."}],"\n",["$","h2",null,{"children":"Was ich gemacht habe"}],"\n"]}],["$","ul",null,{"role":"list","className":"my-6 flex flex-wrap gap-4","children":[" ",["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"UX-Research"}]," ",["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"UX-Design"}]," ",["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"Konzeption"}]," ",["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"Designphase"}]," ",["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"E-Vergabe"}]," ",["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"Technische Begleitung"}]," ",["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"WordPress"}]," "]}],["$","div",null,{"className":"typography","children":["\n","\n"]}]]}]}]}]}]]}],["$","div",null,{"className":"relative pt-24 sm:pt-32 lg:pt-40 mt-24 sm:mt-32 lg:mt-40","children":[["$","div",null,{"className":"absolute inset-x-0 top-0 -z-10 h-[884px] overflow-hidden rounded-t-4xl bg-gradient-to-b from-neutral-50","children":["$","$La",null,{"className":"absolute inset-0 h-full w-full fill-neutral-100 stroke-neutral-950/5 [mask-image:linear-gradient(to_bottom_left,white_40%,transparent_50%)]","yOffset":-270}]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"className":"max-w-2xl","children":[["$","h2",null,{"children":["$undefined",["$","span",null,{"className":"block font-display tracking-tight [text-wrap:balance] text-2xl font-semibold text-neutral-950","children":"Weitere Portfolio Projekte"}]]}],"$undefined"]}]}]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-16","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$Lb",null,{"className":"grid grid-cols-1 gap-x-8 gap-y-16 lg:grid-cols-2","children":[["$","$L6","/portfolio/rrze",{"children":["$","article","/portfolio/rrze",{"children":["$","div",null,{"className":"relative flex flex-col items-start pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","h3",null,{"className":"mt-6 text-base font-semibold text-neutral-950","children":"WordPress Blockentwicklung für interaktive Gestaltungselemente"}],["$","time",null,{"dateTime":"2024-10","className":"order-first text-sm text-neutral-600","children":"Oktober 2024"}],["$","p",null,{"className":"mt-2.5 text-base text-neutral-600","children":"Mehr als 800 Websites nutzen das Webhosting des RRZE. Im Rahmen der Umstellung auf den Blockeditor, wurden interaktive Gestaltungselemente entwickelt."}],["$","$L7",null,{"href":"/portfolio/rrze","className":"mt-6 flex gap-x-3 text-base font-semibold text-neutral-950 transition hover:text-neutral-700","aria-label":"Weiterlesen: WordPress Blockentwicklung für interaktive Gestaltungselemente","children":["Weiterlesen",["$","svg",null,{"viewBox":"0 0 24 6","aria-hidden":"true","className":"w-6 flex-none fill-current","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M24 3 18 .5v2H0v1h18v2L24 3Z"}]}],["$","span",null,{"className":"absolute inset-0"}]]}]]}]}]}],["$","$L6","/portfolio/niehoff",{"children":["$","article","/portfolio/niehoff",{"children":["$","div",null,{"className":"relative flex flex-col items-start pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","h3",null,{"className":"mt-6 text-base font-semibold text-neutral-950","children":"Webdesign für Romantasy Autorin"}],["$","time",null,{"dateTime":"2024-06","className":"order-first text-sm text-neutral-600","children":"Juni 2024"}],["$","p",null,{"className":"mt-2.5 text-base text-neutral-600","children":"Webdesign passend zum Genre Romantasy. Jede Buchreihe in einem eigenen Farbschema mit globalem Designsystem"}],["$","$L7",null,{"href":"/portfolio/niehoff","className":"mt-6 flex gap-x-3 text-base font-semibold text-neutral-950 transition hover:text-neutral-700","aria-label":"Weiterlesen: Webdesign für Romantasy Autorin","children":["Weiterlesen",["$","svg",null,{"viewBox":"0 0 24 6","aria-hidden":"true","className":"w-6 flex-none fill-current","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M24 3 18 .5v2H0v1h18v2L24 3Z"}]}],["$","span",null,{"className":"absolute inset-0"}]]}]]}]}]}]]}]}]}]]}]]