[{"data":1,"prerenderedAt":197},["ShallowReactive",2],{"navigation":3,"projects-page":26,"projects":44},[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":42,"__hash__":43},"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":40,"description":41},"Projects - Oliver Maglana","Portfolio of web development projects by Oliver Maglana — ecommerce platforms, management systems, and web applications built with PHP, Laravel, Vue, and Nuxt.","projects","RtmM49WGbj1PkvZEP99UJiHdYqvU9mfj9kc3iz1Nd6w",[45,66,88,114,128,154,179],{"id":46,"title":47,"date":48,"description":49,"extension":31,"gallery":50,"image":51,"meta":57,"slug":58,"stem":59,"tags":60,"url":64,"__hash__":65},"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.",[51,52,53,54,55,56],"/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",[61,62,63],"Web Development","PHP","Jigsaw","http://beta.decomach.com/","REpqy_X2ceQn3DMQY2a8Gi9nHJAPOS69M-SfScdwR6g",{"id":67,"title":68,"date":69,"description":70,"extension":31,"gallery":71,"image":72,"meta":80,"slug":81,"stem":82,"tags":83,"url":86,"__hash__":87},"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.",[72,73,74,75,76,77,78,79],"/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",[62,84,85],"Laravel","Vue","http://californiagardensquare.ph/","697XDJCYk_8neml4mogY1ijzzVtdBLYes7_BC_T6ors",{"id":89,"title":90,"date":69,"description":91,"extension":31,"gallery":92,"image":93,"meta":106,"slug":107,"stem":108,"tags":109,"url":112,"__hash__":113},"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.",[93,94,95,96,97,98,99,100,101,102,103,104,105],"/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",[62,84,85,110,111],"Bootstrap","Stripe","","eVzd12hyjuS9el8yV3xlYAmlHCs1-IW5v7mfPkXHCpY",{"id":115,"title":116,"date":69,"description":117,"extension":31,"gallery":118,"image":112,"meta":119,"slug":120,"stem":121,"tags":122,"url":112,"__hash__":127},"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",[123,124,125,126],"JavaScript","CSS","Chrome Extension","PayPal API","YWV_t2F5GkOUw8QZbbZX2xW6QNoC8Pc4TN1rUp4jW_8",{"id":129,"title":130,"date":69,"description":131,"extension":31,"gallery":132,"image":133,"meta":145,"slug":146,"stem":147,"tags":148,"url":152,"__hash__":153},"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.",[133,134,135,136,137,138,139,140,141,142,143,144],"/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",[62,84,149,85,150,151],"PyroCMS","Tailwind","Google Maps","https://jameshardie.com.ph","vZ_XFVk4YTg-wSgwdMjjnYEtSkiQKwyEALtuYiumca8",{"id":155,"title":156,"date":157,"description":158,"extension":31,"gallery":159,"image":160,"meta":170,"slug":171,"stem":172,"tags":173,"url":112,"__hash__":178},"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.",[160,161,162,163,164,165,166,167,168,169],"/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",[62,174,175,176,151,177],"ASP.NET","Slim","Twig","Google API","iKhwgG-JFT_x1MZbsCTYsV_6yTjcd4GUg9f1VJz6c14",{"id":180,"title":181,"date":157,"description":182,"extension":31,"gallery":183,"image":184,"meta":192,"slug":193,"stem":194,"tags":195,"url":112,"__hash__":196},"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.",[184,185,186,187,188,189,190,191],"/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",[62,84],"7DFAqjam6qfBrEg-Mz3tzqLQiFaNd_VlFhovFom8d-k",1782382660232]