پرش به محتوای اصلی
Case Study · پرتال تأمین و خرید سازمانی

طراحی و توسعه تأمینو

پرتال خرید و تأمین سازمانی با کاتالوگ، درخواست قیمت چندقلمی، ثبت تامین‌کننده، مقایسه پیشنهاد و داشبورد پیگیری وضعیت RFQ.

B2B CommerceProcurementRFQDashboard
تأمینو
نتیجه کلیدیRFQ چندقلمی ساختاریافته
مشتری / برندشرکت بازرگانی فرضی
مدت اجرا۱۲ هفته
شروع پروژه
لانچ / تحویل
تعداد صفحات
وضعیتدموی کامل پورتفولیو
نمای کلی

پروژه از چه مسئله‌ای شروع شد؟

تأمینو برای فرایندی طراحی شده که خرید سازمانی الزاماً Checkout فوری ندارد. کاربر چند قلم کالا یا خدمت را انتخاب می‌کند، مشخصات و تعداد را ثبت می‌کند و درخواست قیمت برای بررسی ارسال می‌شود.

پنل مدیر درخواست‌ها را بر اساس وضعیت و مسئول نشان می‌دهد و تامین‌کنندگان می‌توانند پیشنهاد خود را برای اقلام مشخص ثبت کنند. تاریخچه تغییرات برای شفافیت تصمیم نگهداری می‌شود.

Scope پروژه

کاتالوگ B2B، RFQ، تامین‌کننده و داشبورد

چالش

چالش اصلی پروژه

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

راهکار

راهکار طراحی‌شده

سبد RFQ، فرم چندقلمی، پنل تامین‌کننده و ماتریس مقایسه طراحی شد. هر تغییر وضعیت و قیمت در Audit Log ثبت می‌شود و اعلان برای افراد مرتبط ارسال می‌گردد.

اهداف پروژه

خروجی‌هایی که باید واقعاً به دست می‌آمدند

01

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

همه اقلام و فایل‌ها در یک درخواست.

02

مقایسه پیشنهاد

قیمت، زمان و شرایط کنار هم.

03

شفافیت وضعیت

مسئول و مرحله هر درخواست.

04

پنل تامین‌کننده

ارسال پیشنهاد بدون ایمیل پراکنده.

چندقلمیRFQبا فایل و مشخصات
۶وضعیت درخواستاز پیش‌نویس تا انتخاب
۳نقش کاربریخریدار، تامین‌کننده، مدیر
Auditتاریخچه تغییربرای قیمت و وضعیت
Product Design Process

از Site Map و Wireframe تا UI/UX و Development

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

۰۱
PROCESS

کشف و معماری

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

۰۲
PROCESS

UX و وایرفریم

User Flowهای اصلی به وایرفریم تبدیل شدند؛ سناریوهای موبایل در اولویت قرار گرفتند و نقاط اصطکاک قبل از طراحی بصری اصلاح شدند.

۰۳
PROCESS

UI و Design System

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

۰۴
PROCESS

توسعه و یکپارچه‌سازی

Front-end و Back-end/WordPress پیاده‌سازی، اتصال سرویس‌ها انجام و داده نمونه نزدیک به حالت واقعی وارد شد.

۰۵
PROCESS

تست و انتشار

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

Feature List

قابلیت‌های کلیدی نسخه اجراشده

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

کاتالوگ B2B بدون خرید مستقیم

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

سبد درخواست قیمت

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

پنل تامین‌کننده

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

مقایسه پیشنهادها

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

تایید مرحله‌ای داخلی

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

Audit Log و اعلان‌ها

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

Technology Stack

فناوری‌ها و ابزارهای استفاده‌شده در پروژه

Tech Stack به تفکیک نقش در طراحی، توسعه، زیرساخت، سئو و یکپارچه‌سازی نمایش داده می‌شود.

Next.jsTechnology
NestJSTechnology
PostgreSQLTechnology
Object StorageTechnology
Role PermissionsTechnology
Email/SMS APITechnology
DockerTechnology
CI/CDTechnology
نتیجه پروژه

آنچه بعد از اجرا بهتر شد

  • مسیرهای اصلی کاربر از ورود تا اقدام نهایی به‌صورت واضح و قابل اندازه‌گیری طراحی شدند.
  • محتوا و داده‌های کلیدی به مدل‌های قابل مدیریت تبدیل شدند تا تیم داخلی برای تغییرات روزمره وابسته به توسعه‌دهنده نباشد.
  • نسخه موبایل به‌عنوان یک تجربه مستقل بررسی شد و CTA، فرم و اجزای مهم برای لمس و خوانایی بهینه شدند.
  • رویدادهای مهم محصول و بازاریابی برای تحلیل رفتار و تصمیم‌گیری بعدی تعریف شدند.
  • ساختار فنی و Design System امکان توسعه صفحات و قابلیت‌های بعدی را بدون بازطراحی کامل فراهم می‌کند.
نتیجه کلیدیRFQ چندقلمی ساختاریافته

جزئیات نتیجه بر اساس داده واقعی پروژه در پیشخوان Case Study قابل ویرایش است.

کارشناس مشاوره و پشتیبانی Nemove پاسخ‌گویی و بررسی پروژه
مشاوره تخصصی Nemove

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

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

بررسی نیازها پیشنهاد مسیر اجرا پاسخ‌گویی سریع