[{"data":1,"prerenderedAt":195},["ShallowReactive",2],{"navigation":3,"projects-page":26,"projects":42},[4],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Blog","/blog","blog",[9,13,17,21],{"title":10,"path":11,"stem":12},"From Mockup to Market: My End-to-End Product Design Process","/blog/from-mockup-to-market","blog/from-mockup-to-market",{"title":14,"path":15,"stem":16},"How I Built My Design System from Scratch","/blog/how-i-built-my-own-design-system-from-scratch","blog/how-i-built-my-own-design-system-from-scratch",{"title":18,"path":19,"stem":20},"The Psychology of Color in UI Design","/blog/psychology-of-color-in-ui-design","blog/psychology-of-color-in-ui-design",{"title":22,"path":23,"stem":24},"The Case for Slow Design in a Fast-Paced Digital World","/blog/slow-design-in-fast-paced-digital-world","blog/slow-design-in-fast-paced-digital-world",false,{"id":27,"title":28,"body":29,"description":30,"extension":31,"links":32,"meta":36,"navigation":37,"path":38,"seo":39,"stem":40,"__hash__":41},"pages/projects.yml","Designing Interfaces, Building Experiences.",null,"I've worked on a variety of projects, focusing on creating intuitive digital experiences where thoughtful design meets clean code. Here are some highlights I'm proud of, showcasing my process from concept to execution.","yml",[33],{"label":34,"color":35},"Email me","neutral",{},true,"/projects",{"title":28,"description":30},"projects","cveZ_IipoiIUOoWh4QBywajUiSE8_YsnlavBFpxoFVE",[43,64,86,112,126,152,177],{"id":44,"title":45,"date":46,"description":47,"extension":31,"gallery":48,"image":49,"meta":55,"slug":56,"stem":57,"tags":58,"url":62,"__hash__":63},"projects/projects/deco-machineshop.yml","DECO Machineshop, Inc","2026-01-01T00:00:00.000Z","Company website for DECO Machineshop, Inc — showcasing their machining services, capabilities, and portfolio of industrial work.",[49,50,51,52,53,54],"/content/deco/image-1.png","/content/deco/image-2.png","/content/deco/image-3.png","/content/deco/image-4.png","/content/deco/image-5.png","/content/deco/image-6.png",{},"deco-machineshop","projects/deco-machineshop",[59,60,61],"Web Development","PHP","Jigsaw","http://beta.decomach.com/","REpqy_X2ceQn3DMQY2a8Gi9nHJAPOS69M-SfScdwR6g",{"id":65,"title":66,"date":67,"description":68,"extension":31,"gallery":69,"image":70,"meta":78,"slug":79,"stem":80,"tags":81,"url":84,"__hash__":85},"projects/projects/condominium-system.yml","California Garden Square Condominium System","2022-01-01T00:00:00.000Z","Full-stack condominium management system for California Garden Square. Handles unit management, billing, and resident records.",[70,71,72,73,74,75,76,77],"/content/isgb/image-1.png","/content/isgb/image-2.png","/content/isgb/image-3.png","/content/isgb/image-4.png","/content/isgb/image-5.png","/content/isgb/image-6.png","/content/isgb/image-7.png","/content/isgb/image-8.png",{},"condominium-system","projects/condominium-system",[60,82,83],"Laravel","Vue","http://californiagardensquare.ph/","697XDJCYk_8neml4mogY1ijzzVtdBLYes7_BC_T6ors",{"id":87,"title":88,"date":67,"description":89,"extension":31,"gallery":90,"image":91,"meta":104,"slug":105,"stem":106,"tags":107,"url":110,"__hash__":111},"projects/projects/health-and-fitness.yml","Health and Fitness Website","Full-stack health and fitness platform with Stripe payment integration, subscription management, and user workout tracking.",[91,92,93,94,95,96,97,98,99,100,101,102,103],"/content/n90/image-1.png","/content/n90/image-2.png","/content/n90/image-3.jpg","/content/n90/image-4.jpg","/content/n90/image-5.jpg","/content/n90/image-6.jpg","/content/n90/image-7.jpg","/content/n90/image-8.jpg","/content/n90/image-9.jpg","/content/n90/image-10.jpg","/content/n90/image-11.jpg","/content/n90/image-12.jpg","/content/n90/image-13.jpg",{},"health-and-fitness","projects/health-and-fitness",[60,82,83,108,109],"Bootstrap","Stripe","","eVzd12hyjuS9el8yV3xlYAmlHCs1-IW5v7mfPkXHCpY",{"id":113,"title":114,"date":67,"description":115,"extension":31,"gallery":116,"image":110,"meta":117,"slug":118,"stem":119,"tags":120,"url":110,"__hash__":125},"projects/projects/honey-paypal.yml","Six + Honey PayPal Integration","Chrome extension integrating Six with Honey PayPal for seamless checkout and cashback functionality on ecommerce platforms.",[],{},"honey-paypal","projects/honey-paypal",[121,122,123,124],"JavaScript","CSS","Chrome Extension","PayPal API","YWV_t2F5GkOUw8QZbbZX2xW6QNoC8Pc4TN1rUp4jW_8",{"id":127,"title":128,"date":67,"description":129,"extension":31,"gallery":130,"image":131,"meta":143,"slug":144,"stem":145,"tags":146,"url":150,"__hash__":151},"projects/projects/james-hardie-ecommerce.yml","James Hardie Ecommerce","Ecommerce platform for James Hardie Philippines featuring product catalog, Google Maps dealer locator, and custom PyroCMS implementation with Tailwind UI.",[131,132,133,134,135,136,137,138,139,140,141,142],"/content/xiklab/image-1.png","/content/xiklab/image-2.jpg","/content/xiklab/image-3.jpg","/content/xiklab/image-4.jpg","/content/xiklab/image-5.jpg","/content/xiklab/image-6.jpg","/content/xiklab/image-7.jpg","/content/xiklab/image-8.jpg","/content/xiklab/image-9.jpg","/content/xiklab/image-10.jpg","/content/xiklab/image-11.jpg","/content/xiklab/image-12.jpg",{},"james-hardie-ecommerce","projects/james-hardie-ecommerce",[60,82,147,83,148,149],"PyroCMS","Tailwind","Google Maps","https://jameshardie.com.ph","vZ_XFVk4YTg-wSgwdMjjnYEtSkiQKwyEALtuYiumca8",{"id":153,"title":154,"date":155,"description":156,"extension":31,"gallery":157,"image":158,"meta":168,"slug":169,"stem":170,"tags":171,"url":110,"__hash__":176},"projects/projects/employee-health-coverage.yml","Employee Record Management & Student Health Coverage","2020-01-01T00:00:00.000Z","Web application managing employee records and student health coverage at Iroc Asia, integrating Google Maps, Calendar, and Sheets APIs.",[158,159,160,161,162,163,164,165,166,167],"/content/iroc-asia/image-1.png","/content/iroc-asia/image-2.png","/content/iroc-asia/image-3.png","/content/iroc-asia/image-4.png","/content/iroc-asia/image-5.png","/content/iroc-asia/image-6.png","/content/iroc-asia/image-7.png","/content/iroc-asia/image-8.png","/content/iroc-asia/image-9.png","/content/iroc-asia/image-10.png",{},"employee-health-coverage","projects/employee-health-coverage",[60,172,173,174,149,175],"ASP.NET","Slim","Twig","Google API","iKhwgG-JFT_x1MZbsCTYsV_6yTjcd4GUg9f1VJz6c14",{"id":178,"title":179,"date":155,"description":180,"extension":31,"gallery":181,"image":182,"meta":190,"slug":191,"stem":192,"tags":193,"url":110,"__hash__":194},"projects/projects/vehicle-management-system.yml","Vehicle Management System","Web-based fleet and vehicle management system built for Artisan Developers, handling vehicle records, assignments, and maintenance tracking.",[182,183,184,185,186,187,188,189],"/content/artisan-developers/image-1.png","/content/artisan-developers/image-2.png","/content/artisan-developers/image-3.png","/content/artisan-developers/image-4.png","/content/artisan-developers/image-5.png","/content/artisan-developers/image-6.png","/content/artisan-developers/image-7.png","/content/artisan-developers/image-8.png",{},"vehicle-management-system","projects/vehicle-management-system",[60,82],"7DFAqjam6qfBrEg-Mz3tzqLQiFaNd_VlFhovFom8d-k",1782292646200]