[{"data":1,"prerenderedAt":115},["ShallowReactive",2],{"project-/da/projects/2025-05-semler-porsche":3},{"id":4,"title":5,"body":6,"description":91,"extension":92,"meta":93,"navigation":110,"path":111,"seo":112,"stem":113,"__hash__":114},"content/da/projects/2025-05-semler-porsche.md","Porsche.dk — Designsystem Implementering",{"type":7,"value":8,"toc":87},"minimark",[9,45,50],[10,11,12,13,22,23,28,29,36,37,44],"p",{},"Jeg havde ansvaret for at opsætte, konfigurere og implementere det nye designsystem til ",[14,15,18],"span",{"className":16},[17],"color-light-blue",[19,20,21],"strong",{},"porsche.dk",". Opgaven bestod i at omsætte de leverede designfiler fra ",[14,24,27],{"className":25},[26],"color-electric","Figma"," til genbrugelige ",[14,30,33],{"className":31},[32],"color-zest",[19,34,35],{},"Vue 3","-komponenter med fokus på genbrugelighed, performance og vedligeholdelse. I udviklingen indgik avancerede animationer, som blev implementeret ved hjælp af ",[14,38,41],{"className":39},[40],"color-bright-green",[19,42,43],{},"GSAP"," for at skabe en dynamisk og engagerende brugeroplevelse. Derudover bistod jeg de interne frontend-udviklere med sparring og optimering af deres eksisterende setup for at sikre en mere effektiv og moderne udviklingsproces.",[10,46,47],{},[19,48,49],{},"Nøglebidrag:",[51,52,53,60,67,73,81,84],"ul",{},[54,55,56,57],"li",{},"Opsat og implementeret nyt designsystem i ",[14,58,35],{"className":59},[40],[54,61,62,63,66],{},"Konverteret leverede designs fra ",[14,64,27],{"className":65},[26]," til genbrugelige komponenter",[54,68,69,70],{},"Implementeret animationer og interaktioner med ",[14,71,43],{"className":72},[40],[54,74,75,76],{},"Opsat og dokumenteret komponenter i ",[14,77,80],{"className":78},[79],"color-lavender","Storybook",[54,82,83],{},"Sparret og vejledt interne frontend-udviklere i best practices",[54,85,86],{},"Understøttet backend-udviklere med integration af frontend",{"title":88,"searchDepth":89,"depth":89,"links":90},"",2,[],"Jeg havde ansvaret for at opsætte, konfigurere og implementere det nye designsystem til porsche.dk. Opgaven bestod i at omsætte de leverede designfiler fra Figma til genbrugelige Vue 3-komponenter med fokus på genbrugelighed, performance og vedligeholdelse. I udviklingen indgik avancerede animationer, som blev implementeret ved hjælp af GSAP for at skabe en dynamisk og engagerende brugeroplevelse. Derudover bistod jeg de interne frontend-udviklere med sparring og optimering af deres eksisterende setup for at sikre en mere effektiv og moderne udviklingsproces.","md",{"client":94,"dateFrom":95,"dateTo":96,"type":97,"skills":98,"role":104,"link":105,"images":106},"Semler Gruppen A/S","2025-05-01","2025-09-01","Freelance",[35,43,80,27,99,100,101,102,103],"Mentoring","JavaScript","HTML","CSS","Azure","Frontend Udvikler","https://www.porsche.dk/",[107,108,109],"images/projects/semler/porsche-designsystem-1.avif","images/projects/semler/porsche-designsystem-2.avif","images/projects/semler/porsche-designsystem-3.avif",true,"/da/projects/2025-05-semler-porsche",{"title":5,"description":91},"da/projects/2025-05-semler-porsche","yAhyVsnSEuf9fNofp-DVGHptwd9VlmJqbyAZUXwD2xM",1779177084236]