[{"data":1,"prerenderedAt":211},["ShallowReactive",2],{"navigation":3,"project-\u002Fprojects\u002Fshop":26,"challenges-\u002Fprojects\u002Fshop":106},[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,"company":30,"date":31,"description":32,"endDate":33,"extension":34,"image":35,"images":36,"links":59,"meta":65,"navigation":66,"order":29,"path":67,"seo":68,"startDate":31,"stem":69,"tags":70,"technologies":77,"url":104,"__hash__":105},"projects\u002Fprojects\u002Fshop.yml","ویانا سیستم — فروشگاه اینترنتی",null,"ویاناسیستم","2024-06-22","طراحی و پیاده‌سازی یک فروشگاه اینترنتی با تمرکز بر رابط کاربری، تجربه کاربری و ساختار مناسب صفحات فروشگاهی با استفاده از Nuxt.js، Vue.js و Vuetify.","2024-08-21","yml","https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002FHome%20page.png",[37,39,41,43,45,47,49,51,53,55,57],{"src":35,"alt":38},"فروشگاه ویانا",{"src":40,"alt":38},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002FHome-responsive.png",{"src":42,"alt":38},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002FPersonal%20info.png",{"src":44,"alt":38},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002Fcart%20%281%29.png",{"src":46,"alt":38},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002Fcart%20%282%29.png",{"src":48,"alt":38},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002Fcart.png",{"src":50,"alt":38},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002Fitem%20details.png",{"src":52,"alt":38},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002Forders.png",{"src":54,"alt":38},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002Fproduct%20details1.png",{"src":56,"alt":38},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002Fproduct%20list.png",{"src":58,"alt":38},"https:\u002F\u002Fqr2tnegks1uabe3e.public.blob.vercel-storage.com\u002Fviana-shop\u002Fsearch%20results.png",[60],{"label":61,"to":62,"target":63,"icon":64},"مشاهده پروژه","","_blank","i-lucide-external-link",{},true,"\u002Fprojects\u002Fshop",{"title":28,"description":32},"projects\u002Fshop",[71,72,73,74,75,76],"E-commerce","UI\u002FUX","Online Store","Nuxt.js","Vue.js","Vuetify",[78,86,92,98],{"category":79,"items":80},"frontend",[81,82,83,84,85],"Nuxt.js 3","Vue.js 3","Pinia","Vue Router","VueUse",{"category":87,"items":88},"ui",[76,89,90,91],"Swiper","AOS","Vue Toastification",{"category":93,"items":94},"styling",[95,96,97],"Sass","Tailwind CSS","Tailwind Merge",{"category":99,"items":100},"utilities",[101,102,103],"Axios","Lodash","Jalali Moment","https:\u002F\u002Fwww.figma.com\u002Fproto\u002FswWlrSzaQWzZFRJLNeI90t\u002FViana-System-website-stories-posts?node-id=4514-29531&t=TMeyeGvKEwzvCzOF-1","9d52bjpUwad5UM13hvvbmQ6DZByYXcCuQU8eM2t0sUU",{"id":107,"title":108,"body":109,"description":62,"extension":205,"meta":206,"navigation":66,"path":207,"seo":208,"stem":209,"__hash__":210},"projectChallenges\u002Fprojects\u002Fshop-challenges.md","چالش اصلی",{"type":110,"value":111,"toc":199},"minimark",[112,116,127,133,136,141,144,166,169,173,179,182,185,188],[113,114,108],"h1",{"id":115},"چالش-اصلی",[117,118,119],"warning",{},[120,121,122,126],"p",{},[123,124,125],"strong",{},"وضعیت پروژه:"," وبسایت این پروژه دیگر در دسترس نیست و شما به پروتوتایپ آن متصل می شوید.",[120,128,129,132],{},[123,130,131],{},"فروشگاه ویاناسیستم"," یک پروژه فروشگاهی بود که با هدف طراحی و پیاده‌سازی یک تجربه کاربری مناسب برای خرید آنلاین توسعه داده شد.",[120,134,135],{},"تمرکز اصلی پروژه روی پیاده‌سازی رابط کاربری فروشگاه و ساخت صفحات و بخش‌های موردنیاز یک فروشگاه اینترنتی بود.",[137,138,140],"h2",{"id":139},"بخشهای-اصلی","بخش‌های اصلی",[120,142,143],{},"در پروژه بخش‌های مختلف فروشگاه از جمله:",[145,146,147,151,154,157,160,163],"ul",{},[148,149,150],"li",{},"صفحه اصلی",[148,152,153],{},"لیست محصولات",[148,155,156],{},"جزئیات محصول",[148,158,159],{},"دسته‌بندی محصولات",[148,161,162],{},"سبد خرید",[148,164,165],{},"بخش‌های مختلف رابط کاربری فروشگاه",[120,167,168],{},"پیاده‌سازی شدند.",[137,170,172],{"id":171},"رابط-کاربری","رابط کاربری",[120,174,175,176,178],{},"رابط کاربری پروژه با استفاده از ",[123,177,76],{}," و اکوسیستم Vue توسعه داده شد.",[120,180,181],{},"هدف، ایجاد یک رابط کاربری منسجم و قابل استفاده برای صفحات مختلف فروشگاه بود.",[120,183,184],{},"همچنین ساختار Componentها به شکلی پیاده‌سازی شد که بخش‌های مشترک رابط کاربری قابلیت استفاده مجدد داشته باشند.",[137,186,187],{"id":187},"نتیجه",[120,189,190,191,194,195,198],{},"این پروژه تجربه‌ای عملی در زمینه توسعه یک ",[123,192,193],{},"E-commerce Frontend"," با استفاده از ",[123,196,197],{},"Nuxt.js، Vue.js و Vuetify"," بود و باعث شد با ساختار صفحات و Componentهای موردنیاز یک فروشگاه اینترنتی بیشتر آشنا شوم.",{"title":62,"searchDepth":200,"depth":200,"links":201},2,[202,203,204],{"id":139,"depth":200,"text":140},{"id":171,"depth":200,"text":172},{"id":187,"depth":200,"text":187},"md",{},"\u002Fprojects\u002Fshop-challenges",{"title":108,"description":62},"projects\u002Fshop-challenges","hYQ53cSP9GYK4OeiX12bGnLCyVMPXBF5DdhhMrbmq4w",1786900462866]