[{"data":1,"prerenderedAt":127},["ShallowReactive",2],{"/portfolios/ui/mekari-jurnal-base-layout":3},{"id":4,"title":5,"body":6,"description":93,"draft":94,"extension":95,"meta":96,"navigation":97,"order":122,"path":123,"seo":124,"show":125,"stem":126},"portfolios/portfolios/ui/mekari-jurnal-base-layout.md","Mekari Jurnal Layout",{"type":7,"value":8,"toc":87},"minimal",[9,14,18,22,84],[10,11,13],"h2",{"id":12},"story","Story",[15,16,17],"p",{},"Mekari Jurnal Base Layout is a comprehensive redesign and implementation of the core layout system for Jurnal, one of Indonesia's leading accounting software solutions. This project involved replacing the legacy layout with a modern, consistent interface built on Mekari's Pixel 2.0 design system. The new layout system was developed to improve user experience, maintain consistency across the application, and provide a solid foundation for future development.",[10,19,21],{"id":20},"features","Features",[23,24,25,43,62],"ul",{},[26,27,28,32],"li",{},[29,30,31],"strong",{},"Modern Navigation System",[23,33,34,37,40],{},[26,35,36],{},"Redesigned responsive navbar with improved accessibility",[26,38,39],{},"Collapsible sidebar with customizable menu items",[26,41,42],{},"Quick access menu for frequently used features",[26,44,45,48],{},[29,46,47],{},"Enhanced User Experience",[23,49,50,53,56,59],{},[26,51,52],{},"Consistent spacing and typography using Pixel 2.0 guidelines",[26,54,55],{},"Improved responsive behavior across devices",[26,57,58],{},"Better visual hierarchy and content organization",[26,60,61],{},"Smooth transitions and animations",[26,63,64,67],{},[29,65,66],{},"Developer Experience",[23,68,69,72,75,78,81],{},[26,70,71],{},"Modular component architecture",[26,73,74],{},"Reusable layout components",[26,76,77],{},"Standardized props and events",[26,79,80],{},"Comprehensive documentation",[26,82,83],{},"Easy integration with existing features",[15,85,86],{},"The new layout system has significantly improved the overall user experience of Jurnal while providing developers with a robust foundation for building new features. The implementation of Mekari Pixel 2.0 ensures visual consistency across the application and aligns with Mekari's design language.",{"title":88,"searchDepth":89,"depth":89,"links":90},"",2,[91,92],{"id":12,"depth":89,"text":13},{"id":20,"depth":89,"text":21},"Mekari Jurnal Layout is a comprehensive and modular layout system with reusable components specifically designed for Mekari Jurnal App.",null,"md",{"featured":97,"color":98,"role":99,"category":100,"year":101,"uses":102,"url":107,"thumbnail":110,"thumbnailSmall":111,"screenshots":112},true,"blue","Software Engineer","Web App","2023 - 2024",[103,104,105,106],"javascript","typescript","vue","mekari-pixel",[108,109],"https://my.jurnal.id","https://jurnal-base-layout-revamp.vercel.app/report","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/thumbnail.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/thumbnail_md.webp",[113,114,115,116,117,118,119,120,121],"https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/1.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/2.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/3.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/4.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/5.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/6.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/7.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/8.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/9.webp",3,"/portfolios/ui/mekari-jurnal-base-layout",{"title":5,"description":93},1,"portfolios/ui/mekari-jurnal-base-layout",1783008430469]