[{"data":1,"prerenderedAt":330},["ShallowReactive",2],{"navigation":3,"index":26,"landing-projects":172},[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,"about":29,"blog":32,"body":35,"description":36,"experience":37,"extension":64,"faq":65,"hero":105,"meta":139,"navigation":140,"path":141,"seo":142,"stem":145,"testimonials":146,"__hash__":171},"index\u002Findex.yml","Rizki A. Wibowo - Backend Developer",{"title":30,"description":31},"About","I'm a Indonesian (Wonosobo) based developer with a wide range of capabilities across backend, frontend, and mobile development, currently focused on backend engineering.\nI enjoy turning real-world requirements and complex data into precise, integrated, and useful applications. For me, building software is not simply about writing code - it's about understanding how data flows, how systems connect, and how each part works together to solve a problem.\nMy experience across different areas of development gives me a broader perspective when building backend systems. I can understand what happens beyond the backend, while keeping my focus on creating reliable data, solid logic, and well-integrated systems behind the application.\nI believe good software should not only work, but should make sense - to the data, to the system, and ultimately to the people who use it.\n",{"title":33,"description":34},"Latest Articles","Some of my recent thoughts",null,"Delivering precise, integrated data from behind the screen.",{"title":38,"items":39},"Work Experience",[40,48,56],{"position":41,"date":42,"company":43},"Brand Designer at","2023 - Present",{"name":44,"logo":45,"url":46,"color":47},"Nuxt","i-simple-icons-nuxtdotjs","https:\u002F\u002Fnuxt.com","#00DC82",{"position":49,"date":50,"company":51},"Assets Designer at","2022 - 2023",{"name":52,"logo":53,"url":54,"color":55},"Raycast","i-simple-icons-raycast","https:\u002F\u002Fraycast.com","#FF6363",{"position":57,"date":58,"company":59},"Senior UX\u002FUI Designer at","2020 - 2021",{"name":60,"logo":61,"url":62,"color":63},"Linear","i-simple-icons-linear","https:\u002F\u002Flinear.app","#5E6AD2","yml",{"title":66,"description":67,"categories":68},"Frequently Asked Questions","Answers to common questions about my process and services.",[69,81,96],{"title":70,"questions":71},"Services & Process",[72,75,78],{"label":73,"content":74},"What services do you offer?","I specialize in UX\u002FUI design and front-end development. This includes user research, wireframing, interactive prototyping, creating intuitive user interfaces, building responsive websites and web applications (especially with Vue.js\u002FNuxt.js), and developing design systems. My goal is to create seamless digital experiences from concept to deployment.\n",{"label":76,"content":77},"What is your design process like?","My process is collaborative and iterative, typically involving stages like Discovery & Research, Ideation & Prototyping, User Testing, Visual Design, and close collaboration with development teams during implementation. I tailor the process based on project needs, always focusing on user-centered solutions.\n",{"label":79,"content":80},"Do you work with startups?","Absolutely! I enjoy working with startups to help shape their product vision and create user-friendly interfaces from the ground up. I can adapt my process to fit the fast-paced startup environment.\n",{"title":82,"questions":83},"Pricing & Timelines",[84,87,90,93],{"label":85,"content":86},"How much does a project typically cost?","Project costs vary based on scope, complexity, features, and timeline. For comprehensive UX\u002FUI design and front-end development projects, my engagements typically start around $5,000, with average projects ranging between $8,000 and $25,000. For consulting or specific design tasks, my day rate is $700.\n",{"label":88,"content":89},"What are your payment terms?","I generally require a 40% deposit to schedule the project and begin work, with the remaining 60% due upon successful project completion and delivery. I accept payments via bank transfer and Stripe.\n",{"label":91,"content":92},"How long does a typical project take?","Timelines depend heavily on the project's scope and complexity. Smaller projects might take 3-4 weeks, while larger, more involved projects can range from 2 to 4 months. I always provide a detailed timeline estimate after the initial discovery phase.\n",{"label":94,"content":95},"Do you offer retainers or ongoing support?","Yes, for clients needing ongoing design support, feature development, or maintenance, I offer monthly retainer options tailored to specific needs. Let's discuss if this is something you're interested in.\n",{"title":97,"questions":98},"About Me",[99,102],{"label":100,"content":101},"What do you enjoy most about your work?","I love the challenge of solving complex problems through design and technology. It's incredibly rewarding to see people interact with something I've created and find it genuinely useful and easy to navigate. Bridging the gap between user needs and technical possibilities is what truly excites me.\n",{"label":103,"content":104},"What are your hobbies outside of work?","When I'm not designing or coding, I enjoy exploring Boston's neighborhoods, trying out new coffee shops, and hiking in the nearby reservations. I'm also passionate about photography and occasionally contribute to open-source projects.\n",{"links":106,"images":111},[107],{"label":108,"to":109,"color":110},"Use this template","https:\u002F\u002Fgithub.com\u002Fnuxt-ui-templates\u002Fportfolio","neutral",[112,115,118,121,124,127,130,133,136],{"src":113,"alt":114},"\u002Fhero\u002Frandom-1.avif","Random Image 1",{"src":116,"alt":117},"\u002Fhero\u002Frandom-2.avif","Random Image 2",{"src":119,"alt":120},"\u002Fhero\u002Frandom-3.avif","Random Image 3",{"src":122,"alt":123},"\u002Fhero\u002Frandom-4.avif","Random Image 4",{"src":125,"alt":126},"\u002Fhero\u002Frandom-5.avif","Random Image 5",{"src":128,"alt":129},"\u002Fhero\u002Frandom-6.avif","Random Image 6",{"src":131,"alt":132},"\u002Fhero\u002Frandom-7.avif","Random Image 7",{"src":134,"alt":135},"\u002Fhero\u002Frandom-8.avif","Random Image 8",{"src":137,"alt":138},"\u002Fhero\u002Frandom-9.avif","Random Image 9",{},true,"\u002F",{"title":143,"description":144},"Wibowo Dev","Welcome to my portfolio! I'm Wibowo, a backend developer specializing in building scalable and reliable systems.","index",[147,155,163],{"quote":148,"author":149},"Emma's approach to UX design completely transformed our product. She has a rare ability to balance beautiful aesthetics with functional simplicity. The redesign not only looked better, but it reduced our customer support tickets by 40% and increased conversion rates across all key metrics.",{"name":150,"description":151,"avatar":152},"Sarah Chen","Product Director at Bloom Finance",{"src":153,"srcset":154},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":156,"author":157},"Working with Emma was the best decision we made for our startup. She didn't just deliver designs—she challenged our assumptions, conducted thorough user research, and created an experience that truly resonated with our audience. Her technical knowledge of front-end development meant the handoff to our engineering team was seamless.",{"name":158,"description":159,"avatar":160},"Michael Rodriguez","Co-founder of Wavelength Music",{"src":161,"srcset":162},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":164,"author":165},"Emma stands out in her ability to translate complex sustainability data into intuitive interfaces. Her work on EcoTrack wasn't just visually stunning—it fundamentally changed how our users interact with environmental information. She approaches each problem with both creativity and analytical rigor, which is exactly what we needed.",{"name":166,"description":167,"avatar":168},"Dr. Aisha Johnson","Chief Innovation Officer at GreenTech Solutions",{"src":169,"srcset":170},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x","duZDhknC_aH8eevv9l4ZTaEvKT1PNRtv2YOHuvB-2j4",[173,186,195,207,217,228,238,248,256,265,276,286,295,305,313,321],{"id":174,"title":175,"description":176,"extension":64,"highlight":140,"image":177,"meta":178,"stem":179,"technologies":180,"workplace":183,"year":184,"__hash__":185},"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",[181,182],"PHP","Laravel","Rumah Sakit Islam Wonosobo","2026","DYqfeW0E-6RcjC22F4qVo_QDwP6m0au-F6WM0cuKUUc",{"id":187,"title":188,"description":189,"extension":64,"highlight":25,"image":35,"meta":190,"stem":191,"technologies":192,"workplace":183,"year":193,"__hash__":194},"projects\u002Fprojects\u002F10-satset.yml","Satset","Integrated hospital data with the SATUSEHAT platform to comply with Ministry of Health regulations.",{},"projects\u002F10-satset",[181,182],"2023","MXagIglRTyvJUJ1mT2Tnyewkgxy-MDJ9t4MrI8fWFaE",{"id":196,"title":197,"description":198,"extension":64,"highlight":25,"image":35,"meta":199,"stem":200,"technologies":201,"workplace":204,"year":205,"__hash__":206},"projects\u002Fprojects\u002F11-hamble.yml","Hamble","Geofence-based attendance tracking system.",{},"projects\u002F11-hamble",[202,203],"Flutter","Dart","Holis","2024","TyWO4BXdyBMqERlmQLNdCiB8yFUgawCbENU8UDXRSNo",{"id":208,"title":209,"description":210,"extension":64,"highlight":25,"image":35,"meta":211,"stem":212,"technologies":213,"workplace":209,"year":215,"__hash__":216},"projects\u002Fprojects\u002F12-olahdb.yml","Olahdb","Managed customer data to maintain relationships with loyalists, ensuring satisfaction and encouraging repeat orders.",{},"projects\u002F12-olahdb",[181,214],"CodeIgniter","2021","PAxgAnZv3GaYp2mad859jaM9YEHi8TLtmFmiL20yD08",{"id":218,"title":219,"description":220,"extension":64,"highlight":25,"image":35,"meta":221,"stem":222,"technologies":223,"workplace":225,"year":226,"__hash__":227},"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",[181,214,224,202,203],"Vue.js","Bos Ampuh","2020","EALxjqswORWmnYy00k9ndGqVk05XicF47SVTZ2sqToM",{"id":229,"title":230,"description":231,"extension":64,"highlight":25,"image":35,"meta":232,"stem":233,"technologies":234,"workplace":235,"year":236,"__hash__":237},"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",[181,214,224],"Freelance","2018","BxW3TczVG6GHir_SWoAQ2pPegD3zG1quRNvuc9cufgM",{"id":239,"title":240,"description":241,"extension":64,"highlight":25,"image":35,"meta":242,"stem":243,"technologies":244,"workplace":235,"year":246,"__hash__":247},"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",[181,245],"JavaScript","2017","MjpaRiJC79i7e8yIecbkgKc8lL8FdmCyPkwNOpdQNvE",{"id":249,"title":250,"description":251,"extension":64,"highlight":25,"image":35,"meta":252,"stem":253,"technologies":254,"workplace":235,"year":236,"__hash__":255},"projects\u002Fprojects\u002F16-spk-beasiswa.yml","SPK Beasiswa","A decision support system designed to help determine scholarship eligibility.",{},"projects\u002F16-spk-beasiswa",[181,214,224],"MY0krNgb0_Q-QIyHxi_QaJtOhjSdO6lJcFLQUtrgQa4",{"id":257,"title":258,"description":259,"extension":64,"highlight":140,"image":260,"meta":261,"stem":262,"technologies":263,"workplace":183,"year":184,"__hash__":264},"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",[202,203,181,182],"xJ6tOaPE7aoBeWuoDaghVxJL4_BH55g1HL2Gh5eDkh4",{"id":266,"title":267,"description":268,"extension":64,"highlight":140,"image":269,"meta":270,"stem":271,"technologies":272,"workplace":225,"year":274,"__hash__":275},"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",[181,214,273,202,203],"Redis","2025","KRpHhoezuGVatjSwnZQ3fMVNWICN6n-CQJDmO9PVGAo",{"id":277,"title":278,"description":279,"extension":64,"highlight":140,"image":280,"meta":281,"stem":282,"technologies":283,"workplace":235,"year":184,"__hash__":285},"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",[181,214,284],"Java","5K31v5ipvRBAtCUPK1bIi0BBg_eL88SsttM23IS71v0",{"id":287,"title":288,"description":289,"extension":64,"highlight":25,"image":35,"meta":290,"stem":291,"technologies":292,"workplace":293,"year":205,"__hash__":294},"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",[202,203],"PT Panen Raya Agro","hUxnuNgNEuock1fWQCcTBEjYFLtS_P6naujsX6ggN68",{"id":296,"title":297,"description":298,"extension":64,"highlight":25,"image":35,"meta":299,"stem":300,"technologies":301,"workplace":302,"year":303,"__hash__":304},"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",[202,203],"Sepatu Yogyakarta","2022","msOTFfRpThuW0P7TdpTNV-6lcB5itYOKEljoVPMdlSk",{"id":306,"title":307,"description":308,"extension":64,"highlight":25,"image":35,"meta":309,"stem":310,"technologies":311,"workplace":302,"year":303,"__hash__":312},"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",[202,203],"bdRf9i0wf5xClnLEpJg7lWB6AHcF6pZw1EWckvIrShI",{"id":314,"title":315,"description":316,"extension":64,"highlight":25,"image":35,"meta":317,"stem":318,"technologies":319,"workplace":225,"year":215,"__hash__":320},"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",[202,203],"HyZgw3Kk2DaQ8g3fE7xwOX1U2AUa9JCq1XyhhCksdM0",{"id":322,"title":323,"description":324,"extension":64,"highlight":25,"image":35,"meta":325,"stem":326,"technologies":327,"workplace":183,"year":226,"__hash__":329},"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",[328,224],"Node.js","gbVlIYQ61ZhMeKftQvTpzn4vwzDSaGKrVYDygGV0eY0",1791814992590]