طراحی و توسعه فروشگاه اینترنتی پلاگیم

درباره پروژه

پلاگیم از ابتدا قرار نبود تنها یک فروشگاه اینترنتی برای نمایش و فروش محصولات باشد.

هدف اصلی، طراحی یک پلتفرم تخصصی برای مخاطبان صنعت بازی بود؛ فضایی که کاربر بتواند در آن علاوه بر خرید بازی و تجهیزات مرتبط، اخبار، مقالات، راهنماها و اطلاعات موردنیاز درباره بازی‌های مختلف را نیز دنبال کند.

به همین دلیل معماری پروژه به شکلی طراحی شد که Commerce و Content در یک اکوسیستم واحد در کنار یکدیگر قرار بگیرند.

نتیجه، پلتفرمی است که می‌تواند همزمان نقش یک فروشگاه تخصصی بازی و یک رسانه محتوایی حوزه Gaming را ایفا کند.

چالش پروژه

فراتر رفتن از ساختار فروشگاه‌های اینترنتی معمول

یکی از چالش‌های اصلی پروژه این بود که تجربه پلاگیم نباید مشابه یک فروشگاه عمومی باشد که تنها دسته‌بندی، محصول و سبد خرید دارد.

کاربر پلاگیم معمولاً قبل از خرید یک بازی به اطلاعات مختلفی نیاز دارد:

• بازی برای چه پلتفرمی منتشر شده؟

• سبک بازی چیست؟

• چه ویژگی‌هایی دارد؟

• چه نسخه‌هایی از بازی موجود است؟

• نقاط قوت و ضعف بازی چیست؟

• آیا بازی ارزش خرید دارد؟

• چه اخبار و مقالاتی درباره آن منتشر شده؟

• تاریخ عرضه بازی چه زمانی است؟

این موضوع باعث شد ساختار اطلاعاتی وب‌سایت از ابتدا بر اساس رفتار مخاطبان حوزه Gaming طراحی شود.

راهکار استودیو شِکُف

برای پاسخ به این نیاز، پلاگیم به‌صورت یک پلتفرم اختصاصی با چند لایه اصلی طراحی شد:

فروشگاه

لایه Commerce مسئول مدیریت محصولات، قیمت‌ها، موجودی، دسته‌بندی‌ها، سبد خرید، سفارش‌ها و پرداخت است.

محتوا

مجله پلاگیم امکان انتشار اخبار، مقالات، بررسی بازی‌ها و محتوای تخصصی را در اختیار تیم محتوا قرار می‌دهد.

Game Hub

برای بازی‌های مهم، ساختاری مستقل در نظر گرفته شد تا اطلاعات مرتبط با یک بازی بتواند در یک صفحه مرکزی تجمیع شود.

زیرساخت SEO

ساختار URLها، صفحات دسته‌بندی، متادیتا، Sitemap و معماری محتوایی پروژه با در نظر گرفتن قابلیت رشد ارگانیک در موتورهای جستجو توسعه داده شد.

CMS

یک سیستم مدیریت اختصاصی برای مدیریت فروشگاه و محتوای سایت ایجاد شد تا تیم پلاگیم بتواند بدون وابستگی به توسعه‌دهنده، بخش بزرگی از عملیات روزانه وب‌سایت را مدیریت کند.

تجربه کاربری

یکی از اهداف اصلی طراحی UX پلاگیم، کاهش فاصله میان کشف محصول و تصمیم به خرید بود.

ساختار رابط کاربری به شکلی طراحی شد که کاربران بتوانند به‌سرعت میان بازی‌ها، کنسول‌ها، لوازم جانبی، گیفت کارت‌ها و محتوای مرتبط جابه‌جا شوند.

در طراحی صفحات محصول، اطلاعات اصلی در اولویت قرار گرفتند تا کاربر بدون جستجوی اضافه بتواند مشخصات و ویژگی‌های مهم هر محصول را مشاهده کند.

همزمان ساختار Responsive پروژه برای استفاده در موبایل، تبلت و دسکتاپ طراحی شد.

فروشگاه و مدیریت محصولات

معماری فروشگاه به شکلی طراحی شده که امکان توسعه تعداد زیادی محصول و دسته‌بندی را فراهم کند.

محصولات می‌توانند بر اساس ساختارهای مختلف مانند:

• پلتفرم

• نوع محصول

• دسته‌بندی

• بازی

• کنسول

• لوازم جانبی

• گیفت کارت

سازمان‌دهی شوند.

این ساختار علاوه بر ساده‌تر کردن Navigation کاربران، امکان ساخت Landing Pageهای هدفمند برای SEO را نیز فراهم می‌کند.

سیستم خرید و پرداخت

فرآیند خرید پلاگیم به‌صورت یک جریان یکپارچه از انتخاب محصول تا ثبت نهایی سفارش طراحی شده است.

این فرآیند شامل:

• سبد خرید

• Checkout

• ثبت اطلاعات سفارش

• اتصال به درگاه پرداخت

• ثبت وضعیت تراکنش

• تأیید پرداخت

• مدیریت سفارش

• کنترل موجودی

• ثبت اطلاعات مالی مرتبط با سفارش

منطق پرداخت به شکلی طراحی شده که وضعیت تراکنش و سفارش به‌صورت قابل اطمینان مدیریت شود و فرآیند تأیید پرداخت از منطق سفارش جدا باشد.

CMS اختصاصی پلاگیم

برای مدیریت عملیات روزانه فروشگاه، یک پنل مدیریتی اختصاصی طراحی و توسعه داده شد.

این سیستم امکان مدیریت بخش‌های مختلف پلتفرم را فراهم می‌کند، از جمله:

• محصولات

• دسته‌بندی‌ها

• سفارش‌ها

• محتوا

• مجله

• تصاویر و فایل‌های رسانه‌ای

• نویسندگان

• صفحات محتوایی

• اطلاعات مرتبط با بازی‌ها

هدف از CMS، ایجاد یک محیط مدیریتی متناسب با نیازهای واقعی پلاگیم بود؛ بدون محدودیت‌های سیستم‌های فروشگاهی آماده.

مجله تخصصی پلاگیم

یکی از بخش‌های مهم پروژه، طراحی Magazine به‌عنوان یک زیرسیستم مستقل در کنار فروشگاه بود.

مجله امکان انتشار انواع مختلف محتوا را فراهم می‌کند، از جمله:

• اخبار بازی

• مقالات

• بررسی‌ها

• راهنماها

• محتوای مرتبط با بازی‌ها

• صفحات نویسندگان

• صفحات بازی‌ها

• تقویم انتشار بازی‌ها

• جستجوی محتوا

این ساختار باعث می‌شود محتوا مستقیماً در خدمت تجربه کاربر و همچنین استراتژی SEO فروشگاه قرار بگیرد.

Game Hub

برای بازی‌های مهم، ساختار Game Hub در نظر گرفته شد.

هدف Game Hub ایجاد یک مرجع مرکزی برای هر بازی است؛ جایی که اطلاعات، محصولات، اخبار و محتوای مرتبط با آن بازی بتوانند در یک ساختار واحد به کاربر نمایش داده شوند.

این معماری علاوه بر بهبود تجربه کاربر، زمینه مناسبی برای ایجاد Topic Clusterهای قدرتمند در SEO فراهم می‌کند.

معماری SEO

SEO در پلاگیم به‌عنوان یک ویژگی جانبی پس از توسعه در نظر گرفته نشد و بخشی از معماری محصول بود.

در توسعه پروژه، ساختارهایی برای موارد زیر در نظر گرفته شد:

• URLهای خوانا و SEO Friendly

• صفحات مستقل دسته‌بندی

• ساختار دسته‌بندی مجله

• صفحات بازی

• Pagination قابل ایندکس

• Metadata اختصاصی

• Canonical URL

• Sitemap

• News Sitemap

• معماری Internal Linking

• صفحات نویسندگان

• صفحات Game Hub

• Structured Content Architecture

این ساختار به پلاگیم اجازه می‌دهد هم روی کوئری‌های Transactional مانند خرید بازی و هم روی کوئری‌های Informational مانند اخبار و اطلاعات بازی‌ها فعالیت کند.

تکنولوژی

پلاگیم به‌عنوان یک Web Application مدرن و اختصاصی توسعه داده شده است.

Core Stack:

• Next.js

• React

• Node.js

• SQLite

• Custom CMS

• REST / Server-side APIs

• Zarinpal Payment Integration

• Google Analytics 4

انتخاب معماری اختصاصی به تیم اجازه داد قابلیت‌های پروژه بر اساس نیازهای واقعی کسب‌وکار توسعه داده شوند و محدود به ساختار قالب‌ها یا پلاگین‌های فروشگاهی آماده نباشند.

طراحی برای توسعه آینده

یکی از تصمیمات مهم پروژه، ساخت پلاگیم به‌عنوان یک محصول قابل توسعه بود.

معماری سیستم به شکلی طراحی شده که در آینده بتوان قابلیت‌هایی مانند:

• توسعه Game Hubها

• سیستم امتیازدهی کاربران

• توسعه سیستم پیشنهاد محتوا

• صفحات Landing اختصاصی

• توسعه امکانات Community

• سیستم‌های پیشرفته جستجو و فیلتر

• توسعه بخش رسانه‌ای

• قابلیت‌های شخصی‌سازی تجربه کاربر

را بدون بازطراحی کامل هسته پروژه به آن اضافه کرد.

نتیجه پروژه

پلاگیم در نهایت از یک ایده برای ساخت فروشگاه آنلاین بازی به یک پلتفرم چندلایه تبدیل شد که فروشگاه، محتوا، رسانه و SEO را در یک ساختار واحد ترکیب می‌کند.

تمرکز استودیو شِکُف در این پروژه تنها روی ظاهر وب‌سایت نبود؛ بلکه هدف، طراحی زیرساختی بود که بتواند همراه با رشد برند پلاگیم توسعه پیدا کند.

پلاگیم نمونه‌ای از رویکرد ما در استودیو شِکُف به طراحی محصولات دیجیتال است:

طراحی یک تجربه زیبا، روی زیرساختی که برای استفاده واقعی و رشد بلندمدت ساخته شده است.