اورل گالری نمونهکار طراحی سایت طلا و جواهر
گالری طلای اُرِل یک فروشگاه اینترنتی و شبکه Retail چندشعبهای در حوزه طلا و زیورآلات است که فروش آنلاین محصولات را با موجودی فیزیکی شعب مختلف در شهرهای ایران ترکیب میکند.
محصولات در گروههایی مانند انگشتر، دستبند، گردنبند، گوشواره، آویز، پابند و زنجیر سازماندهی شدهاند و علاوه بر نوع محصول، کالکشنهای موضوعی مختلف نیز برای کشف محصولات در نظر گرفته شده است.
وبسایت در کنار فروش آنلاین، قیمت روز طلای ۱۸ عیار، اطلاعات شعب، مجله، حساب کاربری، سبد خرید، فرایند Checkout و درخواست اخذ نمایندگی را در یک ساختار واحد ارائه میکند.
نمایش واقعی سایت
پروژه در یک مرورگر ابری واقعی باز میشود و بهصورت زنده در Desktop، Tablet و Mobile نمایش داده میشود. سایت مقصد مستقیماً داخل iframe ازکی وب قرار نمیگیرد؛ بنابراین محدودیتهای X-Frame-Options و CSP سایت مقصد مانع این روش نمایش نیستند.
نمای دسکتاپ، تبلت و موبایل را جابهجا کنید. سایت اصلی در یک Browser Session مستقل در Cloud اجرا میشود و تصویر همان Browser بهصورت زنده به این بخش منتقل میشود؛ بدون Screenshot fallback.
داستان اجرای پروژه
چالش اصلی، تصمیمهای اجرایی و نتیجه نهایی پروژه را در سه مرحله شفاف و خواناتر مرور کنید.
چالش پروژه
فروش آنلاین طلا علاوه بر مسائل معمول E-commerce، دو چالش مهم قیمتگذاری و موجودی دارد. قیمت کالا به ارزش روز طلا وابسته است و در عین حال یک طرح واحد ممکن است با وزن، سایز و قیمتهای متفاوت در چند شعبه موجود باشد. در یک فروشگاه تکانباره معمولاً یک Product دارای یک موجودی مرکزی است؛ اما در ساختار اُرِل، همان مدل طلا میتواند در شعب مختلف با مشخصات متفاوت در دسترس باشد.
بنابراین سیستم باید بتواند میان:
- Product Model
- وزن
- سایز
- قیمت
- کد محصول
- جنسیت
- شعبه نگهدارنده
ارتباط برقرار کند. در کنار فروش آنلاین، وجود شبکه گسترده شعب فیزیکی نیز نیازمند تجربه Omnichannel است تا موجودی Online و شبکه Retail به یکدیگر متصل باشند.
راهکار ازکی وب
پلتفرم بهصورت یک Gold E-commerce Website با Backend مبتنی بر PHP و Front-end تعاملی توسعه یافته است. در لایه Front-end، HTMX و JavaScript Modules شناسایی شدهاند و برای نمایش اطلاعات جغرافیایی شعب نیز Leaflet مورد استفاده قرار گرفته است.
قیمت روز طلا
قیمت هر گرم طلای ۱۸ عیار بهصورت مستقیم در Header و بخشهای مختلف سایت نمایش داده میشود. وجود نرخ روز طلا باعث میشود کاربر پیش از ورود به صفحات محصولات، دید مشخصی نسبت به وضعیت قیمت بازار داشته باشد.
موجودی چندشعبهای
یکی از مهمترین قابلیتهای پروژه، Multi-Branch Inventory است. در صفحه یک Product، نمونههای موجود همان محصول در شعب مختلف بهصورت جداگانه ثبت میشوند.
برای هر موجودی اطلاعاتی مانند:
- وزن
- سایز
- شعبه
- قیمت
- کد محصول
- جنسیت
- توضیحات فنی
قابل نمایش است. این معماری به کاربر اجازه میدهد موجودی یک طرح را در شبکه شعب مختلف بررسی کند.
شبکه شعب
اُرِل دارای ۱۲ شعبه فعال در شهرهای مختلف ایران است.
برای هر شعبه اطلاعاتی مانند:
- شهر و استان
- مرکز تجاری
- آدرس
- شماره تماس
- ساعات فعالیت
در سایت ثبت شده است. کاربر همچنین میتواند شعب را براساس استان فیلتر کند و اطلاعات موقعیت آنها را مشاهده کند.
فروشگاه آنلاین
زیرساخت فروش شامل مسیرهای استاندارد Commerce مانند:
- Product Catalog
- Product Detail
- Search
- Customer Account
- Shopping Cart
- Checkout
است. محصولات علاوه بر دستهبندی اصلی، از طریق مجموعهها و Themeهای مختلف نیز قابل کشف هستند.
کالکشنهای اختصاصی
ساختار فروشگاه تنها به دستهبندی محصول محدود نشده است.
کالکشنهایی مانند:
- ایران
- تایپوگرافی
- تیفانی
- چشم
- قلب
- مادر
- مینیمال
- ولنتاین
برای ایجاد مسیرهای Discovery مستقل استفاده شدهاند. کالکشن «ایران» نمونهای از Brand Storytelling در فروشگاه است که طراحی محصولات را به تاریخ، هنر و نمادهای فرهنگی ایران متصل میکند.
اطلاعات دقیق محصول
در صفحات محصولات اطلاعات فنی هر موجودی بهصورت ساختاریافته نمایش داده میشود. کاربر میتواند پیش از خرید وزن دقیق، سایز، کد محصول، شعبه عرضهکننده و قیمت همان نمونه را بررسی کند. برای محصولات انگشتر نیز راهنمای اندازهگیری سایز در فرایند انتخاب محصول قرار گرفته است.
اعتمادسازی در خرید طلا
با توجه به ارزش مالی محصول، مجموعهای از Trust Signalها در سایت نمایش داده میشوند.
از جمله:
- طلای ۷۵۰ یا ۱۸ عیار
- فاکتور رسمی اتحادیه طلا و جواهر
- دو سال گارانتی
- ارسال سریع
- ارسال رایگان برای خریدهای واجد شرایط
این اطلاعات مستقیماً در مسیر خرید و صفحات محصولات قابل مشاهده هستند.
ارسال مبتنی بر شبکه شعب
شبکه فیزیکی فروشگاه بخشی از Logistics آنلاین نیز محسوب میشود. سایت اعلام میکند محصولات از شعب مرتبط با محل سکونت مشتری ارسال میشوند و ارسال سریع در ۲۴ ساعت کاری در نظر گرفته شده است. این مدل، زیرساخت فروش آنلاین را به موجودی شعب فیزیکی متصل میکند.
اخذ نمایندگی
وبسایت علاوه بر فروش B2C، مسیر مستقلی برای توسعه شبکه فروش دارد.
فرم اخذ نمایندگی اطلاعاتی مانند:
- مشخصات متقاضی
- اطلاعات تماس
- توان سرمایهگذاری
- آدرس ملک
- تصاویر فضای تجاری
- رزومه کسبوکار
- توضیحات تکمیلی
را دریافت میکند. این بخش سایت را به یک Lead Generation Platform برای توسعه Franchise Network نیز تبدیل کرده است.
نقشه شعب
Leaflet در لایه Mapping شناسایی شده و در کنار صفحه شعب، امکان نمایش و مدیریت موقعیت فروشگاههای فیزیکی را فراهم میکند.
Analytics و Marketing
Google Tag Manager و Google Analytics 4 در پروفایل فنی فعلی سایت شناسایی شدهاند. همچنین Yektanet در Technology Profile فعلی مشاهده میشود که نشاندهنده استفاده از زیرساخت تبلیغات دیجیتال است.
Structured Data
Product Schema و Offer Schema نیز در سایت شناسایی شدهاند. این ساختار به موتورهای جستجو کمک میکند ماهیت Product و Offer صفحات فروشگاه را بهتر درک کنند.
نتیجه و خروجی
خروجی پروژه یک Multi-Branch Gold E-commerce Platform است که فروش اینترنتی را به شبکه فیزیکی شعب متصل میکند. کاربر میتواند ابتدا نرخ روز طلا را مشاهده کند، محصول و کالکشن مناسب را پیدا کند و سپس موجودی همان طرح را با وزن، سایز، قیمت و شعبه عرضهکننده بررسی کند. ترکیب Real-time Gold Price، Multi-Branch Inventory، Shopping Cart، Checkout، شبکه ۱۲ شعبه و Franchise Lead Generation باعث شده اُرِل از یک فروشگاه اینترنتی معمولی فراتر رفته و به یک Omnichannel Jewelry Retail Platform تبدیل شود.
این Case Study به کدام خدمات ازکی وب مرتبط است؟
این ارتباط فقط از خدماتی خوانده میشود که برای همین پروژه در Portfolio ثبت شدهاند؛ از روی فناوری سایت یا ظاهر پروژه، خدمت جدیدی بهصورت خودکار حدس زده نمیشود.
چالش، راهکار، نتیجه، فناوریها و مشخصات این صفحه شواهد پروژه را تکمیل میکنند؛ نتیجه عددی یا ادعای عملکرد فقط زمانی باید ثبت شود که مستند و قابل اثبات باشد.
فناوریهای پروژه
فناوریها و ابزارهایی که متناسب با نیاز واقعی این پروژه برای طراحی، توسعه و نگهداری انتخاب شدهاند.
برای پروژه بعدی آمادهاید؟
اگر به طراحی اختصاصی، توسعه اصولی و مسیر قابل توسعه نیاز دارید، نیاز پروژه را با هم بررسی میکنیم.