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","38","static/chunks/app/portfolio/lutz/page-c363a70cb7b6d2bb.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","38","static/chunks/app/portfolio/lutz/page-c363a70cb7b6d2bb.js"],""]
0:["WfSekKNcB04V1YUPAv2fB",[[["",{"children":["portfolio",{"children":["lutz",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["portfolio",{"children":["lutz",{"children":["__PAGE__",{},[["$L1","$L2"],null],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","portfolio","children","lutz","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":"Firma Lutz Case Study - Lukas Niebler"}],["$","meta","3",{"name":"description","content":"Lutz ist ein Familienunternehmen, das seit 1965 fränkischen Kren produziert. Die Marke steht für Tradition und Qualität."}]]
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","38","static/chunks/app/portfolio/lutz/page-c363a70cb7b6d2bb.js"],"GrayscaleTransitionImage"]
a: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","38","static/chunks/app/portfolio/lutz/page-c363a70cb7b6d2bb.js"],"FadeInStagger"]
b: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","38","static/chunks/app/portfolio/lutz/page-c363a70cb7b6d2bb.js"],"GridPattern"]
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":"Fränkischer Kren in neuem Webdesign"}]]}],["$","div",null,{"className":"mt-6 max-w-3xl text-xl text-neutral-600 mx-auto","children":["$","p",null,{"children":"Lutz ist ein Familienunternehmen, das seit 1965 fränkischen Kren produziert. Die Marke steht für Tradition und Qualität."}]}]]}]}]}],["$","$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":"Firma Lutz"}]]}],["$","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":"2023","children":"2023"}]}]]}],["$","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":"Webentwicklung, CSS"}]]}]]}]}]}]}]}],["$","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,{"src":{"src":"/_next/static/media/hero.145233ed.png","height":1156,"width":1318,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAGFBMVEXr6+vl5eXf4N3x8fHCyb+4o4va1sm7vquQ1Z4nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAK0lEQVR4nC2JAQrAMBCDNOnW//+4XGkEEQItFEA6w5Wo4DcRcGcM+d+Flx4LPwBWskYxIQAAAABJRU5ErkJggg==","blurWidth":8,"blurHeight":7},"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":"Während das alte Webhosting und Webdesign von Lutz technisch sehr wartungsintensiv und langsam war,\nsollte der neue Webauftritt performanter, moderner und vor allem wartungsarm werden."}],"\n",["$","p",null,{"children":"Gemeinsam mit Johannes Zink Programmierung wurde ein neues Webdesign entwickelt, das die Tradition und Qualität des Familienunternehmens Lutz widerspiegelt. Dabei übernahm Johannes Zink die Programmierung des Backends, Testing und Deployment, während ich das Design und die Frontend-Entwicklung übernahm."}],"\n",["$","p",null,{"children":"Da es nur sehr selten neue Nachrichten, oder Produktwechsel gibt, wurde komplett auf ein CMS wie WordPress verzichtet.\nStattdessen wurde ein statischer Webauftritt entwickelt, der bei Bedarf sehr kostengünstig und schnell angepasst werden kann."}],"\n",["$","p",null,{"children":"Das zugrundeliegende CSS-Designsystem lässt es zusätzlich auch zu, dass die Seite in Zukunft einfach um neue Produkte, Seiten erweitert werden kann."}],"\n",["$","p",null,{"children":"Das Design ist adaptiv und kann je nach Wunsch des Kunden auch in mehreren Jahren noch sehr leicht von jedem Webentwickler mit CSS-Kenntnissen angepasst und modernisiert werden."}],"\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":"CSS Designsystem"}],["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"HTML"}],["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"JavaScript"}],["$","li",null,{"className":"rounded-full bg-neutral-100 px-4 py-1.5 text-base text-neutral-600","children":"Optimierung mit Lighthouse"}]]}],["$","div",null,{"className":"typography","children":["\n",["$","h2",null,{"children":"Google Lighthouse Score"}],"\n",["$","p",null,{"children":"Der Google Lighthouse Score zeigt Testwerte für Performanz, Barrierefreiheit, Best Practices und Suchmaschinenoptimierung einer Webseite auf einer Skala von 0 bis 100."}],"\n",["$","p",null,{"children":"(Die untenstehenden Daten wurden am 24. Dezember 2024 mit Google Lighthouse gemessen.)"}],"\n"]}],["$","$La",null,{"className":"my-32 !max-w-none","children":["$","dl",null,{"className":"grid grid-cols-1 gap-10 sm:grid-cols-2 lg:auto-cols-fr lg:grid-flow-col lg:grid-cols-none","children":[["$","$L6",null,{"className":"flex flex-col-reverse 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":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Performanz"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"100 / 100"}]]}],["$","$L6",null,{"className":"flex flex-col-reverse 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":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Barrierefreiheit"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"100 / 100"}]]}],["$","$L6",null,{"className":"flex flex-col-reverse 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":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Best Practices"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"100 / 100"}]]}],["$","$L6",null,{"className":"flex flex-col-reverse 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":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Suchmaschinenoptimierung"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"100 / 100"}]]}]]}]}],["$","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":["$","$Lb",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":["$","$La",null,{"className":"grid grid-cols-1 gap-x-8 gap-y-16 lg:grid-cols-2","children":[["$","$L6","/portfolio/fau-webrelaunch",{"children":["$","article","/portfolio/fau-webrelaunch",{"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":"Webrelaunch der Friedrich-Alexander-Universität Erlangen-Nürnberg"}],["$","time",null,{"dateTime":"2026-04","className":"order-first text-sm text-neutral-600","children":"April 2026"}],["$","p",null,{"className":"mt-2.5 text-base text-neutral-600","children":"Technische Dokumentation und Vektoranimationen für die Einführung von Matrix an der FAU."}],["$","$L7",null,{"href":"/portfolio/fau-webrelaunch","className":"mt-6 flex gap-x-3 text-base font-semibold text-neutral-950 transition hover:text-neutral-700","aria-label":"Weiterlesen: Webrelaunch der Friedrich-Alexander-Universität Erlangen-Nürnberg","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/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"}]]}]]}]}]}]]}]}]}]]}]]