پرش به محتوای اصلی
Case Study · وب‌سایت انرژی و پروژه‌های EPC

معرفی خدمات انرژی با عدد، پروژه واقعی‌نما و مسیر دریافت پیشنهاد فنی

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

EnergyB2BCalculatorCase Study
سولاریا
نتیجه کلیدیمحاسبه‌گر اولیه ظرفیت
مشتری / برندشرکت انرژی فرضی
مدت اجرا۶ هفته
شروع پروژه
لانچ / تحویل
تعداد صفحات
وضعیتدموی کامل پورتفولیو
نمای کلی

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

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

محاسبه‌گر اولیه با چند ورودی ساده یک بازه تقریبی تولید می‌کند و نتیجه همراه فرم مشاوره ارسال می‌شود. Case Studyها نیز داده‌هایی مثل ظرفیت، نوع تجهیزات و مدت اجرا را نمایش می‌دهند.

Scope پروژه

خدمات، پروژه‌ها، محاسبه اولیه و RFQ

چالش

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

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

راهکار

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

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

اهداف پروژه

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

01

آموزش پیش از فروش

پاسخ به پرسش‌های فنی اولیه.

02

لید واجد شرایط

دریافت مصرف، نوع ملک و هدف پروژه.

03

اثبات توان اجرایی

کیس‌استادی با مشخصات قابل مقایسه.

04

محتوای B2B

صفحات جداگانه صنعت و کاربرد.

۵سناریوی مشتریخانگی تا صنعتی
۱محاسبه‌گرظرفیت اولیه
۸فیلد ارزیابیبرای RFQ
۶الگوی کیس‌استادیبر اساس نوع پروژه
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

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

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

محاسبه‌گر اولیه ظرفیت

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

صفحات راهکار بر اساس نوع مصرف

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

کیس‌استادی پروژه‌های نمونه

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

فرم ارزیابی فنی

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

کتابخانه دانلود کاتالوگ

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

بخش سوالات فنی و مالی

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

Technology Stack

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

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

Next.jsTechnology
TypeScriptTechnology
Calculator EngineTechnology
Headless CMSTechnology
PostgreSQLTechnology
Email APITechnology
AnalyticsTechnology
نتیجه پروژه

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

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

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

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

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

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

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