[{"data":1,"prerenderedAt":240},["ShallowReactive",2],{"navigation":3,"index":22,"index-blogs":87},[4],{"title":5,"path":6,"stem":7,"children":8,"page":21},"Projects","\u002Fprojects","projects",[9,13,17],{"title":10,"path":11,"stem":12},"Klimatyzacja 24 Katowice","\u002Fprojects\u002Fklimatyzacja-katowice-24","projects\u002Fklimatyzacja-katowice-24",{"title":14,"path":15,"stem":16},"LiveTagPro","\u002Fprojects\u002Flivetagpro","projects\u002Flivetagpro",{"title":18,"path":19,"stem":20},"Sokrates system","\u002Fprojects\u002Fstrona-sokrates-system","projects\u002Fstrona-sokrates-system",false,{"id":23,"title":24,"about":25,"blog":28,"body":31,"description":32,"experience":33,"extension":49,"faq":31,"hero":50,"meta":70,"navigation":71,"path":72,"seo":73,"stem":76,"testimonials":77,"__hash__":86},"index\u002Findex.yml"," Fabian Rzepka",{"title":26,"description":27},"O mnie","Jestem projektantem UX\u002FUI oraz front-end developerem z 6-letnim doświadczeniem. Łączę strategiczne myślenie z wiedzą techniczną, tworząc dopracowane, funkcjonalne i estetyczne produkty cyfrowe. Moim atutem jest połączenie designu i technologii w rozwiązaniach, które nie tylko wyglądają dobrze, ale przede wszystkim skutecznie realizują cele klinetów i biznesu.\n",{"title":29,"description":30},"Ostatnie projekty","Kilka projektów, nad którymi miałem okazję pracować — od koncepcji po wdrożenie.",null,"Tworzę intuicyjne doświadczenia cyfrowe, w których design łączy się z funkcjonalnością. Działam w Katowicach i wprowadzam pomysły w życie poprzez kod i kreatywność.",{"title":34,"items":35},"Doświadczenie zawodowe",[36,44],{"position":37,"date":38,"company":39},"Front-end & UI Designer w","2019 - Teraz",{"name":40,"logo":41,"url":42,"color":43},"Protrainup","","#","#00DC82",{"position":37,"date":45,"company":46},"2022 - Teraz",{"name":47,"logo":41,"url":42,"color":48},"encordev.pl","#FF6363","yml",{"links":51,"logos":54},[52],{"label":53},"Porozmawiajmy",[55,58,61,64,67],{"icon":56,"title":57},"logos:nuxt-icon","Nuxt 4",{"icon":59,"title":60},"logos:vue","Vue 3",{"icon":62,"title":63},"logos:tailwindcss-icon","Tailwind CSS",{"icon":65,"title":66},"logos:figma","Figma",{"icon":68,"title":69},"logos:jira","Jira",{},true,"\u002F",{"title":74,"description":75},"Fabian Rzepka - Front-end Developer \u002F UI Designer","Welcome to my portfolio! I'm Fabian Rzepka, a Front-end Developer \u002F UI Designe based in Katowice. I specialize in creating user-centered digital experiences that are both beautiful and functional.","index",[78],{"quote":79,"author":80},"Emma's approach to UX design completely transformed our product. She has a rare ability to balance beautiful aesthetics with functional simplicity. The redesign not only looked better, but it reduced our customer support tickets by 40% and increased conversion rates across all key metrics.",{"name":81,"description":82,"avatar":83},"Sarah Chen","Product Director at Bloom Finance",{"src":84,"srcset":85},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x","CDAjcEp5b6ZRERMVkBUGw1TOWCdUULFWiJ7zE4utLcQ",[88,174,223],{"id":89,"title":18,"body":90,"date":161,"description":162,"extension":163,"image":164,"link":165,"meta":166,"navigation":71,"path":19,"seo":167,"stem":20,"tags":168,"__hash__":173},"projects\u002Fprojects\u002Fstrona-sokrates-system.md",{"type":91,"value":92,"toc":155},"minimark",[93,98,107,111,116,119,123,126,130,133,137,140,143,147,152],[94,95,97],"h2",{"id":96},"o-projekcie","O projekcie:",[99,100,101,102,106],"p",{},"Projekt strony landing page ",[103,104,105],"strong",{},"systemsokrates.pl"," - zaawansowanego systemu do zarządzania szkołami i placówkami edukacyjnymi. Projekt łączy przejrzystą prezentację funkcjonalności systemu z nowoczesnym designem, tworząc profesjonalną wizytówkę produktu skierowaną zarówno do dyrektorów szkół, jak i kadry administracyjnej.",[94,108,110],{"id":109},"proces-realizacji","Proces realizacji",[112,113,115],"h4",{"id":114},"design","Design:",[99,117,118],{},"Projekt strony powstał w Figmie z wykorzystaniem najnowszych trendów w web designie: grid patterns, light rays, bento grid z animacjami i inne rozwiązania wizualne. W ramach projektu zaprojektowano również brakujące elementy identyfikacji wizualnej, w tym loga nowych modułów oraz wzorce graficzne.",[112,120,122],{"id":121},"design-to-code","Design-to-Code:",[99,124,125],{},"Przekształcenie projektu graficznego w czysty i semantyczny kod z wykorzystaniem Tailwind CSS\u002FNuxt UI dla szybkiego i elastycznego stylowania.",[112,127,129],{"id":128},"optymalizacja-assetów","Optymalizacja Assetów:",[99,131,132],{},"Wdrożenie najlepszych praktyk ładowania obrazów i fontów, zapewniających dobre wyniki w narzędziach takich jak Lighthouse.",[112,134,136],{"id":135},"interaktywność","Interaktywność:",[99,138,139],{},"Wykorzystanie Nuxt 3 do obsługi dynamicznych elementów – m.in. menu i animacji, które są \"nawadniane\" (hydration) po stronie klienta.",[99,141,142],{},"W projekcie po raz pierwszy zastosowałem nowe możliwości lazy hydration z najnowszej wersji Nuxta, dzięki czemu JavaScript poszczególnych komponentów ładuje się dopiero po pojawieniu się elementu w viewport lub po pierwszej interakcji użytkownika.",[94,144,146],{"id":145},"bento-grid-animacje","Bento grid - Animacje",[148,149],"video",{":autoplay":150,":loop":150,"src":151},"true","\u002Fprojects\u002Fsokrates\u002Fbento.mp4",[99,153,154],{},"Animacje stworzone w JavaScript i CSS, zoptymalizowane pod kątem płynności podczas scrollowania.",{"title":41,"searchDepth":156,"depth":156,"links":157},2,[158,159,160],{"id":96,"depth":156,"text":97},{"id":109,"depth":156,"text":110},{"id":145,"depth":156,"text":146},"2024-12-11","Landing page z projektem wizualnym.","md","\u002Fprojects\u002Fsokrates\u002Fhero.png","https:\u002F\u002Fsystemsokrates.pl\u002F",{},{"title":18,"description":162},[169,170,171,172],"Nuxt","figma","Tailwind CSS 4","Nuxt UI","iVuncCuYkJNyrC7Fldql75Ba4FUB9wj1J1lTvPkPCU4",{"id":175,"title":10,"body":176,"date":213,"description":214,"extension":163,"image":215,"link":216,"meta":217,"navigation":71,"path":11,"seo":218,"stem":12,"tags":219,"__hash__":222},"projects\u002Fprojects\u002Fklimatyzacja-katowice-24.md",{"type":91,"value":177,"toc":209},[178,180,187,191,197,203],[94,179,97],{"id":96},[99,181,182,183,186],{},"Strona ",[103,184,185],{},"klimatyzacja24.katowice.pl"," to nowoczesny landing page dla firmy specjalizującej się w montażu i serwisie systemów klimatyzacji na terenie Katowic i okolic. Projekt łączy przejrzystą prezentację oferty z profesjonalnym designem, budując zaufanie i ułatwiając klientom kontakt z firmą.",[94,188,190],{"id":189},"realizacja","Realizacja",[99,192,193,196],{},[103,194,195],{},"Architektura:","\nSzybka strona statyczna zbudowana w oparciu o Nuxt 3, z implementacją Headless CMS do zarządzania treścią bloga. Contentu jest pobierany przy budowaniu strony (build time), co zapewnia błyskawiczne czasy ładowania i optymalne SEO.",[99,198,199,202],{},[103,200,201],{},"Responsywność:","\nStrona w pełni responsywna, dostosowana do wszystkich urządzeń - od smartfonów po duże ekrany desktopowe, z zachowaniem płynności animacji i interakcji.",[99,204,205,208],{},[103,206,207],{},"SEO i Performance:","\nZaawansowana optymalizacja pod kątem wyszukiwarek oraz wydajności.",{"title":41,"searchDepth":156,"depth":156,"links":210},[211,212],{"id":96,"depth":156,"text":97},{"id":189,"depth":156,"text":190},"2024-09-15","Landing page z projektem wizualnym, integracje.","\u002Fprojects\u002Fklimatyzacja\u002Fhero.png","https:\u002F\u002Fklimatyzacja24.katowice.pl\u002F",{},{"title":10,"description":214},[220,170,221],"nuxt3","Headless CMS","hXdNd3Sexe-hhN6Gv9DpztSGozx1m3iHy6auwlHds9k",{"id":224,"title":14,"body":225,"date":229,"description":230,"extension":163,"image":231,"link":232,"meta":233,"navigation":71,"path":15,"seo":234,"stem":16,"tags":235,"__hash__":239},"projects\u002Fprojects\u002Flivetagpro.md",{"type":91,"value":226,"toc":227},[],{"title":41,"searchDepth":156,"depth":156,"links":228},[],"2024-02-06","Landing page.","\u002Fprojects\u002Flivetagpro\u002Fhero.png","https:\u002F\u002Flivetag.pro",{},{"title":14,"description":230},[236,237,238],"js","nuxt","tailwindcss","TQ40SwhC6mQdp0cikq89wRJVSRnG6KyEmMYAgWvKi7g",1775768022658]