پرتال فروش اختصاصی

آیفون من

فراتر از ویترین؛
یک پرتال کامل فروش.

PhoneMaan / WEB PROJECT

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

نوع پروژه
پرتال فروش موبایل و محصولات دیجیتال
نقش هسته
فرانت‌اند + بک‌اند
بستر توسعه
Laravel
دامنهٔ تجربه
کالا، خرید و درخواست محصول
phonemaan.irنمای واقعی سایت
نمای واقعی صفحهٔ اصلی آیفون من

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

Laravel
۰۲ / منطق تجربه

سه نوع کالا، سه نیاز متفاوت.

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

۰۳ / بخش‌های پروژه

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

جزئیات مسیرها و رابط‌هایی که در نسخهٔ عمومی پروژه می‌توان دید.

۰۱

کاتالوگ و کشف محصول

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

۰۲

انتخاب دقیق گونهٔ کالا

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

۰۳

صفحهٔ مخصوص هر گوشی کارکرده

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

۰۴

خرید یا استعلام؛ متناسب با کالا

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

۰۵

درخواست محصول خارج از فهرست

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

۰۶

راهنمای روشن سفارش و تحویل

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

۰۴ / نگاهی نزدیک‌تر

وقتی کالا در فهرست نیست،
مسیر کاربر تمام نمی‌شود.

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

فرم واقعی درخواست محصول در آیفون من و توضیح مراحل پس از ثبت
صفحهٔ درخواست محصول؛ اطلاعات تماس در این تصویر خالی است.
۰۵ / تجربهٔ موبایل

پرتال فروش، در اندازهٔ دست.

در نمای موبایل، جست‌وجو، سه مسیر اصلی محصول و دکمهٔ استعلام در دسترس باقی می‌مانند. چیدمان فشرده‌تر است، اما مسیرهای اصلی فروش حذف نمی‌شوند.

  • ۰1

    پیدا کردن

    از جست‌وجو یا دسته‌بندی شروع می‌کند.

  • ۰2

    مشخص کردن

    مدل، رنگ یا مشخصات همان دستگاه را بررسی می‌کند.

  • ۰3

    انتخاب مسیر

    خرید آنلاین، استعلام یا درخواست محصول را ادامه می‌دهد.

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

صفحات واقعی.
جزئیات قابل مشاهده.

تصاویر این صفحه از نسخهٔ عمومی سایت تهیه شده‌اند. موجودی، قیمت‌ها و محتوای نسخهٔ زنده ممکن است تغییر کنند.

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

ایدهٔ بعدی از تو.

برای کسب‌وکار تو،
چه چیزی بسازیم؟

گفت‌وگو دربارهٔ پروژه
نمونه‌کار بعدی / WordPress / WooCommerce

هایپر ایرونی

طراحی قالب فروشگاهی وردپرس