مطالعه موردی

کالبدشکافی یک گالری مفهومی

گلدطلا

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

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

خدمات

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

محدودیت پایه

مانکن برای مقایسه است، نه تضمین اندازه

این پروژه کارفرما ندارد؛ چالش آن نشان‌دادن کاربرد پرو در کنار اطلاعات قابل فهم محصول است.

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

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

مسیر انتخاب

کالکشن باید قطعه را به پرو برساند

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

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

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

کنترل صحنه

زاویه دید تغییر می‌کند، انتخاب جلوی چشم می‌ماند

اتاق پرو، مانکن زنانه یا مردانه را همراه با کنترل‌های دید و ظاهر نمایش می‌دهد.

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

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

ساخت مدل

جواهر و مانکن با قواعد برنامه شکل می‌گیرند

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

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

طبق شرایط استفاده، طراحی، کد و مدل‌ها را ایران‌دیزاینر اختصاصی ساخته است. اجرای نقش‌های صفحه نیز به پروژه تعلق دارد؛ خود نقش‌های سنتی و بیت حافظ میراث عمومی‌اند. حرکت‌ها و انیمیشن اسکرول با GSAP، ScrollTrigger و Lenis اجرا شده‌اند.

منطق مبلغ

جمع تقریبی از توضیح قیمت جدا نمی‌شود

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

در محتوای نمایشی، فرمول اعلام‌شده به انس نمایشی، اجرت، ۷٪ سود و ۱۰٪ مالیات بر ارزش افزوده اجرت و سود اشاره می‌کند. این ارقام مبنای معامله نیستند.

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

حدود خدمت

ظاهر فروشگاه نباید وعده فروش بسازد

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

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

طبق صفحه حریم خصوصی، سایت حساب کاربری، کوکی ردیابی و ابزار تحلیل آماری ندارد. فونت‌ها و کتابخانه‌ها از دامنه خود سایت بارگذاری می‌شوند. این توصیف را نباید به نبود هرگونه دریافت اطلاعات فنی تعمیم داد؛ میزبان Cloudflare طبق سیاست خودش ممکن است اطلاعاتی مانند نشانی IP را دریافت کند.

معیار پذیرش

وجود تعامل، سند اثربخشی نیست

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

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

دامنه تحویل

خروجی‌های تحویل

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

شروع همکاری

پرونده بعدی، پروژه شما

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