[{"data":1,"prerenderedAt":114},["ShallowReactive",2],{"navigation":3,"i-lucide:home":30,"i-lucide:folder":34,"i-lucide:file-text":36,"i-lucide:user":38,"i-simple-icons:linkedin":40,"i-simple-icons:github":43,"projects-page":45,"projects":62,"i-lucide:arrow-right":112},[4],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Blog","\u002Fblog","blog",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"From Code to Production: My End-to-End Frontend Development Workflow","\u002Fblog\u002Fend-to-end-frontend","blog\u002Fend-to-end-frontend",{"title":14,"path":15,"stem":16},"From Mockup to Market: My End-to-End Product Design Process","\u002Fblog\u002Ffrom-mockup-to-market","blog\u002Ffrom-mockup-to-market",{"title":18,"path":19,"stem":20},"How I Built My Design System from Scratch","\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch","blog\u002Fhow-i-built-my-own-design-system-from-scratch",{"title":22,"path":23,"stem":24},"The Psychology of Color in UI Design","\u002Fblog\u002Fpsychology-of-color-in-ui-design","blog\u002Fpsychology-of-color-in-ui-design",{"title":26,"path":27,"stem":28},"The Case for Slow Design in a Fast-Paced Digital World","\u002Fblog\u002Fslow-design-in-fast-paced-digital-world","blog\u002Fslow-design-in-fast-paced-digital-world",false,{"left":31,"top":31,"width":32,"height":32,"rotate":31,"vFlip":29,"hFlip":29,"body":33},0,24,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"\u002F>\u003Cpath d=\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003C\u002Fg>",{"left":31,"top":31,"width":32,"height":32,"rotate":31,"vFlip":29,"hFlip":29,"body":35},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\"\u002F>",{"left":31,"top":31,"width":32,"height":32,"rotate":31,"vFlip":29,"hFlip":29,"body":37},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":31,"top":31,"width":32,"height":32,"rotate":31,"vFlip":29,"hFlip":29,"body":39},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"\u002F>\u003Ccircle cx=\"12\" cy=\"7\" r=\"4\"\u002F>\u003C\u002Fg>",{"left":31,"top":31,"width":32,"height":32,"rotate":31,"vFlip":29,"hFlip":29,"body":41,"hidden":42},"\u003Cpath fill=\"currentColor\" d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z\"\u002F>",true,{"left":31,"top":31,"width":32,"height":32,"rotate":31,"vFlip":29,"hFlip":29,"body":44},"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"id":46,"title":47,"body":48,"description":49,"extension":50,"links":51,"meta":57,"navigation":42,"path":58,"seo":59,"stem":60,"__hash__":61},"pages\u002Fprojects.yml","Crafting Interfaces, Engineering Experiences.",null,"From sleek UI implementations to scalable front-end architecture, I build digital products where performance, accessibility, and clean code work together seamlessly. I’ve contributed to a wide range of projects — from dashboards and booking systems to landing pages and mobile-first applications — all focused on delivering fast, intuitive, and reliable user experiences. Here are selected highlights that reflect my front-end development approach, showcasing how I translate ideas and designs into high-quality, production-ready interfaces.","yml",[52,55],{"label":53,"color":54},"Let's talk","neutral",{"label":56},"Email me",{},"\u002Fprojects",{"title":47,"description":49},"projects","AWaP2vQA1ItSiPZ2y8_t9texYDLOPmDzf5XAwoqpA9E",[63,76,88,101],{"id":64,"title":65,"date":66,"description":67,"extension":50,"image":68,"meta":69,"stem":70,"tags":71,"url":74,"__hash__":75},"projects\u002Fprojects\u002Fbloom-finance.yml","Bloom Finance App Redesign","2024-01-01","Led the complete UX\u002FUI overhaul and front-end implementation for a personal finance platform, focusing on data visualization clarity and improving user onboarding flow. Resulted in a 32% increase in user retention.","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80",{},"projects\u002Fbloom-finance",[72,73],"UX Design","UI Design","#","ESDN-mCApaybkx6S9yQecb43esIbm_4O8okjPj0CPOY",{"id":77,"title":78,"date":79,"description":80,"extension":50,"image":81,"meta":82,"stem":83,"tags":84,"url":74,"__hash__":87},"projects\u002Fprojects\u002Fecotrack.yml","EcoTrack Sustainability App","2023-01-01","Created a mobile-first application to help users track and reduce their environmental impact. Translated complex sustainability metrics into an accessible and motivating user interface.","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1613858749733-3a3e456e3d9e?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",{},"projects\u002Fecotrack",[85,73,86],"UX Research","Mobile App","gQtPJOKK_l3KZrJ04s8k9fA5L715CmN43ipYvDCRUTo",{"id":89,"title":90,"date":66,"description":91,"extension":50,"image":92,"meta":93,"stem":94,"tags":95,"url":74,"__hash__":100},"projects\u002Fprojects\u002Finternal-developer-hub.yml","Internal Developer Hub (Nuxt Team)","Designed and built key components for an internal documentation and tooling hub for Nuxt developers, focusing on improving developer experience and streamlining access to resources.","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1517694712202-14dd9538aa97?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80",{},"projects\u002Finternal-developer-hub",[96,72,97,98,99],"Developer Tools","Nuxt","Design System","Internal Tools","bXNFm0FfsNbcwWRidyi_4T9CDk--MS0cyMqSVa-ExLc",{"id":102,"title":103,"date":79,"description":104,"extension":50,"image":105,"meta":106,"stem":107,"tags":108,"url":74,"__hash__":111},"projects\u002Fprojects\u002Fwavelength-music.yml","Wavelength Music Streaming Service","Designed and developed the user interface for an indie music streaming service, focusing on discovery features and creating a unique, engaging listening experience using custom audio visualizations.","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1511671782779-c97d3d27a1d4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80",{},"projects\u002Fwavelength-music",[73,109,110],"Front-End Dev","Animation","ur4R0LCczBzPRLm9Rm3keITUplTplhYFHP_O5nsWN0Q",{"left":31,"top":31,"width":32,"height":32,"rotate":31,"vFlip":29,"hFlip":29,"body":113},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",1785733925102]