[{"data":1,"prerenderedAt":115},["ShallowReactive",2],{"project-/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/en/projects/2025-05-semler-porsche.md","Porsche.dk — Design System Implementation",{"type":7,"value":8,"toc":87},"minimark",[9,45,50],[10,11,12,13,22,23,28,29,36,37,44],"p",{},"I led the setup and implementation of the new design system for ",[14,15,18],"span",{"className":16},[17],"color-light-blue",[19,20,21],"strong",{},"porsche.dk",", transforming ",[14,24,27],{"className":25},[26],"color-electric","Figma"," designs into reusable ",[14,30,33],{"className":31},[32],"color-zest",[19,34,35],{},"Vue 3"," components focused on maintainability, performance, and scalability. Using ",[14,38,41],{"className":39},[40],"color-bright-green",[19,42,43],{},"GSAP",", I implemented advanced animations and interactive features to enhance the user experience. I also mentored internal frontend developers, optimized workflows, and supported backend teams with seamless frontend integration.",[10,46,47],{},[19,48,49],{},"Key contributions:",[51,52,53,60,67,73,81,84],"ul",{},[54,55,56,57],"li",{},"Built and implemented the new design system in ",[14,58,35],{"className":59},[40],[54,61,62,63,66],{},"Converted ",[14,64,27],{"className":65},[26]," designs into reusable components",[54,68,69,70],{},"Added animations and interactions with ",[14,71,43],{"className":72},[40],[54,74,75,76],{},"Documented components in ",[14,77,80],{"className":78},[79],"color-lavender","Storybook",[54,82,83],{},"Guided internal developers on best practices",[54,85,86],{},"Supported backend integration",{"title":88,"searchDepth":89,"depth":89,"links":90},"",2,[],"I led the setup and implementation of the new design system for porsche.dk, transforming Figma designs into reusable Vue 3 components focused on maintainability, performance, and scalability. Using GSAP, I implemented advanced animations and interactive features to enhance the user experience. I also mentored internal frontend developers, optimized workflows, and supported backend teams with seamless frontend integration.","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 Developer","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,"/en/projects/2025-05-semler-porsche",{"title":5,"description":91},"en/projects/2025-05-semler-porsche","pudQgNZJANeuzzfQmwF1uV-fKEhtAAZVpz2w5c0oEKc",1779177083459]