[{"data":1,"prerenderedAt":202},["ShallowReactive",2],{"navigation":3,"projects-page":26,"projects":44},[4],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Blog","\u002Fblog","blog",[9,13,17,21],{"title":10,"path":11,"stem":12},"From Mockup to Market: My End-to-End Product Design Process","\u002Fblog\u002Ffrom-mockup-to-market","blog\u002Ffrom-mockup-to-market",{"title":14,"path":15,"stem":16},"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":18,"path":19,"stem":20},"The Psychology of Color in UI Design","\u002Fblog\u002Fpsychology-of-color-in-ui-design","blog\u002Fpsychology-of-color-in-ui-design",{"title":22,"path":23,"stem":24},"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,{"id":27,"title":28,"body":29,"description":30,"extension":31,"links":32,"meta":38,"navigation":39,"path":40,"seo":41,"stem":42,"__hash__":43},"pages\u002Fprojects.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,36],{"label":34,"color":35},"Let's talk","neutral",{"label":37},"Email me",{},true,"\u002Fprojects",{"title":28,"description":30},"projects","kIPYyD35pYh9VMYJG3Y1aZPnsE80NhH4VPmV3_9kWgQ",[45,58,67,79,89,100,110,120,128,137,148,158,167,177,185,193],{"id":46,"title":47,"description":48,"extension":31,"highlight":39,"image":49,"meta":50,"stem":51,"technologies":52,"workplace":55,"year":56,"__hash__":57},"projects\u002Fprojects\u002F1-sheerat-idrg.yml","sheerat-iDRG","Developed a bridge between the hospital's SIMRS (Management Information System) and E-Klaim iDRG. This integration streamlines BPJS claims management by directly syncing data between the hospital's local system and the national E-Klaim service.","\u002Fprojects\u002Fsheerat-idrg.jpeg",{},"projects\u002F1-sheerat-idrg",[53,54],"PHP","Laravel","Rumah Sakit Islam Wonosobo","2026","DYqfeW0E-6RcjC22F4qVo_QDwP6m0au-F6WM0cuKUUc",{"id":59,"title":60,"description":61,"extension":31,"highlight":25,"image":29,"meta":62,"stem":63,"technologies":64,"workplace":55,"year":65,"__hash__":66},"projects\u002Fprojects\u002F10-satset.yml","Satset","Integrated hospital data with the SATUSEHAT platform to comply with Ministry of Health regulations.",{},"projects\u002F10-satset",[53,54],"2023","MXagIglRTyvJUJ1mT2Tnyewkgxy-MDJ9t4MrI8fWFaE",{"id":68,"title":69,"description":70,"extension":31,"highlight":25,"image":29,"meta":71,"stem":72,"technologies":73,"workplace":76,"year":77,"__hash__":78},"projects\u002Fprojects\u002F11-hamble.yml","Hamble","Geofence-based attendance tracking system.",{},"projects\u002F11-hamble",[74,75],"Flutter","Dart","Holis","2024","TyWO4BXdyBMqERlmQLNdCiB8yFUgawCbENU8UDXRSNo",{"id":80,"title":81,"description":82,"extension":31,"highlight":25,"image":29,"meta":83,"stem":84,"technologies":85,"workplace":81,"year":87,"__hash__":88},"projects\u002Fprojects\u002F12-olahdb.yml","Olahdb","Managed customer data to maintain relationships with loyalists, ensuring satisfaction and encouraging repeat orders.",{},"projects\u002F12-olahdb",[53,86],"CodeIgniter","2021","PAxgAnZv3GaYp2mad859jaM9YEHi8TLtmFmiL20yD08",{"id":90,"title":91,"description":92,"extension":31,"highlight":25,"image":29,"meta":93,"stem":94,"technologies":95,"workplace":97,"year":98,"__hash__":99},"projects\u002Fprojects\u002F13-wahana.yml","Wahana","A parking management system featuring a web-based admin panel and a mobile application for logging.",{},"projects\u002F13-wahana",[53,86,96,74,75],"Vue.js","Bos Ampuh","2020","EALxjqswORWmnYy00k9ndGqVk05XicF47SVTZ2sqToM",{"id":101,"title":102,"description":103,"extension":31,"highlight":25,"image":29,"meta":104,"stem":105,"technologies":106,"workplace":107,"year":108,"__hash__":109},"projects\u002Fprojects\u002F14-spk-wisata.yml","SPK Wisata","An intelligent decision support system to determine the best locations for Taekwondo training.",{},"projects\u002F14-spk-wisata",[53,86,96],"Freelance","2018","BxW3TczVG6GHir_SWoAQ2pPegD3zG1quRNvuc9cufgM",{"id":111,"title":112,"description":113,"extension":31,"highlight":25,"image":29,"meta":114,"stem":115,"technologies":116,"workplace":107,"year":118,"__hash__":119},"projects\u002Fprojects\u002F15-media-ajar.yml","Media Ajar","An educational media tool for elementary students to learn about Indonesian culture and geography. A pioneering paid project alongside three best friends (plus one voice-over artist)—despite modest technology and rewards, it became a great milestone that led us to where we stand today as developers.",{},"projects\u002F15-media-ajar",[53,117],"JavaScript","2017","MjpaRiJC79i7e8yIecbkgKc8lL8FdmCyPkwNOpdQNvE",{"id":121,"title":122,"description":123,"extension":31,"highlight":25,"image":29,"meta":124,"stem":125,"technologies":126,"workplace":107,"year":108,"__hash__":127},"projects\u002Fprojects\u002F16-spk-beasiswa.yml","SPK Beasiswa","A decision support system designed to help determine scholarship eligibility.",{},"projects\u002F16-spk-beasiswa",[53,86,96],"MY0krNgb0_Q-QIyHxi_QaJtOhjSdO6lJcFLQUtrgQa4",{"id":129,"title":130,"description":131,"extension":31,"highlight":39,"image":132,"meta":133,"stem":134,"technologies":135,"workplace":55,"year":56,"__hash__":136},"projects\u002Fprojects\u002F2-tapin-go.yml","Tapin Go","A self-hosted and custom-developed mobile attendance application utilizing beacon technology for accurate, location-based employee tracking.","\u002Fprojects\u002Ftapin-go.jpeg",{},"projects\u002F2-tapin-go",[74,75,53,54],"xJ6tOaPE7aoBeWuoDaghVxJL4_BH55g1HL2Gh5eDkh4",{"id":138,"title":139,"description":140,"extension":31,"highlight":39,"image":141,"meta":142,"stem":143,"technologies":144,"workplace":97,"year":146,"__hash__":147},"projects\u002Fprojects\u002F3-bosampuh.yml","Bosampuh","Engineered a queuing system for batch uploading shipment data to the Pos Indonesia API. Currently developing an inventory management system alongside a mobile application version of the web platform.","\u002Fprojects\u002Fbosampuh.jpeg",{},"projects\u002F3-bosampuh",[53,86,145,74,75],"Redis","2025","KRpHhoezuGVatjSwnZQ3fMVNWICN6n-CQJDmO9PVGAo",{"id":149,"title":150,"description":151,"extension":31,"highlight":39,"image":152,"meta":153,"stem":154,"technologies":155,"workplace":107,"year":56,"__hash__":157},"projects\u002Fprojects\u002F4-my-moments.yml","My Moments","Developed a self-service kiosk system, building the user interface and implementing a seamless direct printing process from the web application to physical printing machines.","\u002Fprojects\u002Fmy-moments.jpg",{},"projects\u002F4-my-moments",[53,86,156],"Java","5K31v5ipvRBAtCUPK1bIi0BBg_eL88SsttM23IS71v0",{"id":159,"title":160,"description":161,"extension":31,"highlight":25,"image":29,"meta":162,"stem":163,"technologies":164,"workplace":165,"year":77,"__hash__":166},"projects\u002Fprojects\u002F5-panen-raya.yml","Panen Raya Mobile App","Assisted in managing fertilizer sales reporting and attendance tracking to accurately record employee locations and activities.",{},"projects\u002F5-panen-raya",[74,75],"PT Panen Raya Agro","hUxnuNgNEuock1fWQCcTBEjYFLtS_P6naujsX6ggN68",{"id":168,"title":169,"description":170,"extension":31,"highlight":25,"image":29,"meta":171,"stem":172,"technologies":173,"workplace":174,"year":175,"__hash__":176},"projects\u002Fprojects\u002F6-sepatu-jogja.yml","Sepatu Jogja Mobile App","A 'ditch-the-manual-way' application that transformed how shoe store staff serve customers, ensuring more accurate data integrated directly with the web app.",{},"projects\u002F6-sepatu-jogja",[74,75],"Sepatu Yogyakarta","2022","msOTFfRpThuW0P7TdpTNV-6lcB5itYOKEljoVPMdlSk",{"id":178,"title":179,"description":180,"extension":31,"highlight":25,"image":29,"meta":181,"stem":182,"technologies":183,"workplace":174,"year":175,"__hash__":184},"projects\u002Fprojects\u002F7-sepatu-jogja-attendance.yml","Sepatu Jogja Attendance App","Enabled attendance tracking strictly when connected to the office Wi-Fi, effectively eliminating buddy punching.",{},"projects\u002F7-sepatu-jogja-attendance",[74,75],"bdRf9i0wf5xClnLEpJg7lWB6AHcF6pZw1EWckvIrShI",{"id":186,"title":187,"description":188,"extension":31,"highlight":25,"image":29,"meta":189,"stem":190,"technologies":191,"workplace":97,"year":87,"__hash__":192},"projects\u002Fprojects\u002F8-retail-studio.yml","Retail Studio Mobile App","An application for managing sales orders, from selecting items to generating actionable orders processed directly on the web platform.",{},"projects\u002F8-retail-studio",[74,75],"HyZgw3Kk2DaQ8g3fE7xwOX1U2AUa9JCq1XyhhCksdM0",{"id":194,"title":195,"description":196,"extension":31,"highlight":25,"image":29,"meta":197,"stem":198,"technologies":199,"workplace":55,"year":98,"__hash__":201},"projects\u002Fprojects\u002F9-logbook-keperawatan.yml","Logbook Keperawatan","Streamlined nursing activity logging to be more organized than traditional thick logbooks; sessions were strictly tied to shifts to prevent retroactive entries.",{},"projects\u002F9-logbook-keperawatan",[200,96],"Node.js","gbVlIYQ61ZhMeKftQvTpzn4vwzDSaGKrVYDygGV0eY0",1791814993111]