فروشگاه اینترنتی · تعمیرات موبایل، محصولات دیجیتال و آموزش

رویافیکس؛ فروشگاه تخصصی محصولات دیجیتال و آموزش تعمیرات موبایل

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

کارفرما
رویافیکس
حوزه
تعمیرات موبایل، محصولات دیجیتال و آموزش
سال
1404
وضعیت
در حال بهره‌برداری
مشاهده سایت
  • تحلیل و کشف نیاز
  • طراحی تجربه و رابط کاربری
  • معماری نرم‌افزار
  • توسعه فرانت‌اند
  • توسعه بک‌اند و API
  • طراحی پایگاه داده
  • یکپارچه‌سازی با سیستم‌های دیگر
  • سئوی فنی
  • تست و تضمین کیفیت
  • پشتیبانی و توسعه مستمر

نتیجه در عدد

6 + 1
افزونه‌ی اختصاصی و یک قالب دست‌نویس

بدون صفحه‌ساز و بدون قالب آماده

2
درگاه پرداخت اختصاصی

زرین‌پال و به‌پرداخت ملت

0
وابستگی به CDN خارجی

همه‌ی فونت و CSS و JS روی سرور سایت

بنر اصلی سایت

چالش

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

سرعت سایت هم یکی از موضوعات مهم پروژه بود. وابستگی به CDNهای خارجی برای فونت، فایل‌های JavaScript و سایر منابع می‌توانست باعث نوسان سرعت برای کاربران داخل ایران شود. بنابراین لازم بود تا جای ممکن منابع موردنیاز سایت از زیرساخت خود سایت ارائه شوند و تجربه کاربر به وضعیت سرویس‌های خارجی وابسته نباشد.

موضوع مهم دیگر، جدا بودن قابلیت‌های اصلی فروشگاه از قالب سایت بود. امکاناتی مثل پرداخت، پیامک و سئو نباید داخل قالب قرار می‌گرفتند؛ چون در این حالت هر تغییر قالب می‌توانست بخشی از عملکرد فروشگاه را تحت تأثیر قرار دهد. به همین دلیل، این قابلیت‌ها به‌صورت مستقل از قالب پیاده‌سازی شدند تا ظاهر سایت در آینده قابل تغییر باشد، بدون اینکه امکانات اصلی فروشگاه از بین بروند.

راه‌حل

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

قابلیت‌های اصلی داخل افزونه‌ها قرار گرفتند تا با تغییر قالب یا به‌روزرسانی وردپرس و ووکامرس از بین نروند. خرید نیز با ورود OTP از طریق SMS.ir ساده شده و سفارش مهمان بعد از تأیید شماره موبایل به حساب کاربر متصل می‌شود.

برای مدیریت سایت، پنل تنظیمات اختصاصی قالب در نظر گرفته شد و بخش‌هایی مثل صفحه اصلی، فروشگاه، محصول، سبد، پرداخت و حساب کاربری به‌صورت اختصاصی پیاده‌سازی شدند. همچنین فونت‌ها، CSS و JavaScript روی سرور خود سایت قرار گرفته‌اند و با کش صفحه و مرورگر، سرعت سایت بدون وابستگی به CDN خارجی بهینه شده است.

قابلیت‌های کلیدی

  • ورود و خرید با شماره موبایل

    ورود و ثبت‌نام OTP با SMS.ir و اتصال سفارش مهمان به حساب کاربر پس از تأیید شماره.

  • فروش محصول دیجیتال و دانلود

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

  • دو درگاه پرداخت اختصاصی

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

  • قابلیت‌های مستقل از قالب

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

  • بدون وابستگی به CDN خارجی

    فونت‌ها، CSS و JavaScript روی سرور خود سایت قرار گرفته‌اند تا سرعت به سرویس‌های خارجی وابسته نباشد.

  • مگامنو و جست‌وجوی سریع

    منوی چندستونه، جست‌وجوی سریع، هدر چسبان و منوی موبایل آکاردئونی.

  • پنل تنظیمات اختصاصی قالب

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

  • تقویم و گزارش شمسی

    فارسی‌سازی ووکامرس و نمایش تاریخ‌ها و گزارش‌ها بر اساس تقویم جلالی.

معماری و فناوری

سبک معماری
مبتنی بر CMS

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

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

این تفکیک تصمیم اصلی پروژه است. فروشگاهی که درگاه و پیامک و سئویش داخل قالب نوشته شده، در عمل قالبش قفل شده است: تغییر ظاهر یعنی از دست دادن پرداخت. با این ساختار، قالب فردا می‌تواند عوض شود و فروشگاه سر جایش می‌ماند.

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

سازگاری با HPOS ووکامرس از اول رعایت شده، پس به‌روزرسانی‌های آینده‌ی ووکامرس درگاه‌ها و سفارش‌ها را نمی‌شکنند.

بک‌اند و API
WordPressWooCommercePHPREST API

قالب اختصاصی و شش افزونه، سازگار با HPOS و WooCommerce CRUD

پایگاه داده
MySQL
فرانت‌اند
HTML5CSS3JavaScript (ES6+)Responsive Design

بدون صفحه‌ساز، راست‌به‌چپ، فونت محلی IRANSansX

زیرساخت و استقرار
Docker
سایر
Performance OptimizationUI/UX Design

کش صفحه و مرورگر، فایل‌های کاملاً محلی

یکپارچه‌سازی‌ها

  • زرین‌پال و به‌پرداخت ملت — دو درگاه با افزونه‌ی اختصاصی
  • SMS.ir برای ورود OTP و اعلان وضعیت سفارش
  • آپارات برای ویدیوی محصول

شرح تکمیلی

قالب اختصاصی

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

شش افزونه‌ی اختصاصی

قابلیت‌ها به‌صورت ماژولار و مستقل از قالب نوشته شده‌اند تا با به‌روزرسانی وردپرس یا ووکامرس یا تغییر قالب از بین نروند.

Idepoo SMS. ورود و ثبت‌نام OTP با SMS.ir، اعلان وضعیت سفارش، پارامترهای داینامیک قالب پیامکی، و اتصال امن سفارش مهمان پس از تأیید موبایل

Idepoo SEO. متاتگ‌های داینامیک، Open Graph، تصویر اشتراک‌گذاری، نقشه‌ی سایت استاندارد، و Schema و JSON-LD محصولات ووکامرس

Idepoo Woo Toolkit. ویدیوی آپارات، گالری و اسلایدر محصول، نمایش مدرن محصولات متغیر، فارسی‌ساز، تقویم جلالی و گزارش‌های شمسی

Idepoo WordPress Toolkit. صفحه‌ی ورود اختصاصی، فایل‌های کاملاً محلی، کش صفحه و مرورگر، و بهینه‌سازی محافظه‌کارانه HTML و CSS و JavaScript

Idepoo Zarinpal. درگاه سبک و امن زرین‌پال برای ووکامرس، مدیریت بازگشت از بانک، و ثبت اطلاعات تراکنش

Idepoo Mellat. اتصال اختصاصی به به‌پرداخت ملت با تأیید، استعلام، تسویه و بازگشت خودکار تراکنش

فنی و زیرساخت

WordPress و WooCommerce، PHP و MySQL، HTML5 و CSS3 و JavaScript، REST API و WooCommerce CRUD، سازگاری با HPOS، راست‌به‌چپ کامل با فونت محلی IRANSansX، رابط واکنش‌گرا، و استقرار با Docker.

همه‌ی فونت‌ها و CSS و JavaScript روی سرور خود سایت قرار دارند، بدون وابستگی به CDN خارجی، که در شرایط شبکه‌ی ایران تفاوت بین «سریع» و «گاهی سریع» است.

صفحه اصلی سایت رویافیکس
صفحه پکیج رویافیکس

پروژه‌ی مشابهی در ذهن دارید؟

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

بنر اصلی سایتکار شاخص

فروشگاه اینترنتی

داروبین: داروخانه‌ آنلاین با پشتیبانی داروساز، ارسال سریع و مناسب

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

  • Next.js
  • React.js
  • TypeScript
  • Tailwind CSS

داروبین · 1404

صفحه‌ی اصلی سایت زرشاپ، ساخته‌ی ایده‌پوکار شاخص

فروشگاه اینترنتی

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

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

  • Next.js
  • React.js
  • TypeScript
  • Tailwind CSS

زرشاپ بابل · 1404

بنر اصلی سایتکار شاخص

نرم‌افزار سفارشی · فروشگاه اینترنتی

روبوکد؛ سامانه جامع آموزش، آزمون آنلاین، فروشگاه و مدیریت نمایندگان

طراحی و توسعه سامانه یکپارچه روبوکد با هدف مدیریت و ارائه خدمات آموزشی در یک بستر واحد. این سامانه شامل دوره‌های آنلاین و حضوری، آزمون و صدور کارنامه، فروشگاه با قابلیت قیمت‌گذاری عمده، صدور گواهی قابل استعلام با QR، پنل اختصاصی نمایندگان و مدرسان و سیستم مدیریت پورسانت است.

  • .NET 10
  • C#
  • Entity Framework Core
  • MediatR

مؤسسه آموزشی روبوکد · 1404