طراحی رابط کاربری (UI) و تجربه کاربری (UX) صفحات سایت

شرح کلی پروژه: طراحی رابط کاربری UI برای یک صفحه‌نمایش با ابعاد ۳۲۰ در ۴۸۰ پیکسل.

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

تحویل‌دادنی مورد انتظار: طرح رابط کاربری برای صفحه‌نمایش ۳۲۰ در ۴۸۰ پیکسل.

موارد پیشنهادی برای بررسی در پروپوزال: • نمونه‌کارهای مرتبط با طراحی رابط کاربری برای نمایشگرها یا ابعاد محدود • روش پیشنهادی برای آماده‌سازی و تحویل طرح • برآورد هزینه و زمان انجام کار

شرح کلی پروژه: وب‌سایت فروشگاهی موجود است و محصولات در آن اضافه شده‌اند. قالب Woodmart در سایت استفاده می‌شود و هدف، ساخت و پیاده‌سازی چند بخش مشخص در همین سایت است.

محدوده کار و مسئولیت فریلنسر: • پیاده‌سازی صفحه محصول • پیاده‌سازی گرید محصول • پیاده‌سازی گرید محصولات تخفیف‌دار • پیاده‌سازی آرشیو دسته‌بندی محصولات • افزودن فیلترها به آرشیو دسته‌بندی محصولات

ملاحظات فنی و اجرایی: اجرای بخش‌های فوق باید در بستر WordPress و با استفاده از قالب Woodmart، Elementor و JetEngine انجام شود. سایت و محصولات آن از قبل آماده هستند و مسئولیت این پروژه ساخت و پیاده‌سازی خروجی‌های مشخص‌شده است؛ طراحی جداگانه خارج از محدوده مسئولیت فریلنسر است.

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

شرح کلی پروژه: هدف پروژه ایجاد روندی سریع و قابل‌تکرار برای پردازش و خلاصه‌سازی کتاب‌های PDF با استفاده از ChatGPT و Gemini است. خودکارسازی مراحل تکراری تا حد امکان در اولویت قرار دارد و انجام کاملاً دستی گزینه دوم محسوب می‌شود.

محدوده کار و مسئولیت فریلنسر: • پردازش و آماده‌سازی صفحات کتاب‌های PDF • خلاصه‌سازی بخش‌های مشخص با Gemini • تبدیل خروجی خلاصه‌سازی به HTML با ChatGPT • دسته‌بندی و ذخیره خروجی‌ها به تفکیک فصل • انجام کنترل کیفیت نهایی • بررسی و پیاده‌سازی خودکارسازی مراحل تکراری با Python، API یا ابزارهای Automation، متناسب با نیاز روند کار

نیازمندی‌ها و قابلیت‌های اصلی: روند موردنظر باید بتواند پردازش صفحات PDF، خلاصه‌سازی بخش‌های مشخص، تبدیل متن به HTML، دسته‌بندی و ذخیره‌سازی فصل‌بندی‌شده و کنترل کیفیت خروجی‌ها را پوشش دهد. تجربه و تسلط عملی بر ChatGPT و Gemini، پردازش PDF و HTML اهمیت دارد. استفاده از Python، API یا ابزارهای Automation برای خودکارسازی مراحل تکراری ترجیح داده می‌شود.

وضعیت فعلی و ورودی‌های آماده: کتاب‌های PDF و همچنین پرامپت‌ها و دستورالعمل دقیق پروژه در اختیار فریلنسر منتخب قرار می‌گیرد. جزئیات حجم کار و تعداد فایل‌ها در اطلاعات فعلی مشخص نشده و لازم است در ادامه توافق شود.

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

موارد پیشنهادی برای بررسی در پروپوزال: • تجربه مرتبط با ChatGPT، Gemini، پردازش PDF و تولید HTML • نمونه کارهای مرتبط، در صورت وجود • توضیح روش پیشنهادی برای خودکارسازی و ابزارهای مورد استفاده • برآورد هزینه و فرضیات مؤثر بر آن • توضیح نحوه انجام کنترل کیفیت خروجی‌ها

شرح کلی پروژه: یک وب‌سایت ورزشی و فیتنس موجود است که مربیان مختلف در آن ثبت‌نام می‌کنند و شاگردان از طریق آن برنامه‌های ورزشی و تغذیه دریافت می‌کنند. سایت تقریباً آماده است و برای تکمیل عملکرد موردنظر به ویرایش و تغییرات کدنویسی نیاز دارد.

هدف پروژه: فراهم‌کردن ارتباط بین مربی و شاگرد و ایجاد امکان ارائه پکیج‌های ویدیویی آموزشی، برنامه‌های ورزشی و برنامه‌های تغذیه توسط مربی به شاگرد.

محدوده کار و مسئولیت فریلنسر: • بررسی و اجرای تغییرات لازم روی وب‌سایت موجود • ویرایش کدنویسی PHP متناسب با نیازهای فعلی سایت • پیاده‌سازی یا تکمیل بخش‌های مرتبط با ثبت‌نام مربیان، ارتباط مربی و شاگرد و ارائه محتوا و برنامه‌ها

طرح و ظاهر صفحات آماده است؛ بنابراین مسئولیت این پروژه اجرای تغییرات فنی روی سایت موجود است و طراحی ظاهری صفحات جزو محدوده کار فریلنسر نیست.

قابلیت‌های اصلی مورد انتظار: • ثبت‌نام مربیان مختلف در سایت • ایجاد ارتباط میان مربی و شاگرد • ارائه پکیج‌های ویدیویی آموزشی توسط مربی به شاگرد • ارائه برنامه‌های ورزشی و تغذیه توسط مربی به شاگرد

وضعیت فعلی و خروجی مورد انتظار: وب‌سایت و طرح موجود هستند و سایت در وضعیت تقریباً آماده قرار دارد. خروجی پروژه، اعمال تغییرات کدنویسی موردنیاز در وب‌سایت موجود و تکمیل امکان ارتباط مربی و شاگرد و ارائه پکیج‌ها و برنامه‌های آموزشی است. جزئیات دقیق ویرایش‌های PHP باید بر اساس بررسی کد و وضعیت فعلی سایت در پیشنهاد فریلنسر مشخص شود.

موارد پیشنهادی برای بررسی در پروپوزال: • روش بررسی سایت و برآورد تغییرات PHP • نمونه تجربه مرتبط با توسعه یا ویرایش وب‌سایت‌های مشابه • برآورد هزینه و زمان موردنیاز بر اساس بررسی وضعیت فعلی

شرح کلی پروژه: ایجاد یک فروشگاه آنلاین جدید برای عرضه لوازم تنیس و پدل، به‌صورت وب‌اپلیکیشن PWA، از مرحله طراحی رابط و ظاهر تا توسعه و پیاده‌سازی قابلیت‌های عملیاتی. وضعیت فعلی پروژه شروع‌نشده است و هدف، راه‌اندازی سریع فروشگاه برای استفاده بدون نیاز به دانش فنی است.

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

قابلیت‌های اصلی: • ثبت‌نام کاربران با ایمیل یا شماره موبایل و ایمیل • اتصال دامنه اختصاصی و امکان اتصال دامنه دوم • مدیریت محصولات، تصاویر و ویدئوهای محصول و صفحات، ویرایش گروهی قیمت و وضعیت موجودی • مدیریت سفارش‌ها، گزارش کاربران، بازدیدها و درآمد، همراه با خروجی اکسل • پرداخت از طریق درگاه بانکی مستقیم یا واسط، کارت‌به‌کارت و پرداخت در محل • کیف پول کاربران، امکان بازگشت وجه پس از خرید و ثبت دیدگاه مشتریان • تعریف مدیران و ادمین‌ها با سطوح دسترسی متفاوت در پنل مدیریت • پیشنهاد محصول و مشاوره لحظه‌ای به کاربر با اتصال به دستیار هوش مصنوعی • سئوی فنی فروشگاه شامل سئوی خودکار صفحات، ریدایرکت و شخصی‌سازی متاتگ‌ها • قیمت‌گذاری پویا بر اساس ارز و طلا • اتوماسیون بازاریابی شامل ارسال پیامک و ایمیل، یادآوری، کمپین‌های تخفیف و پیگیری مشتری

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

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

موارد پیشنهادی برای بررسی در پروپوزال: • روش پیشنهادی برای طراحی و پیاده‌سازی این مجموعه قابلیت‌ها و اتصال‌ها • برآورد هزینه و زمان با توجه به دامنه دقیق هر قابلیت • نمونه‌کارهای مرتبط با فروشگاه آنلاین، PWA و پنل‌های مدیریتی • پیش‌فرض‌ها و وابستگی‌های مؤثر بر راه‌اندازی درگاه، حسابداری، API و دستیار هوش مصنوعی • نحوه ارائه پشتیبانی تخصصی و مشاوره پس از راه‌اندازی

ما به دنبال یک طراح حرفه‌ای UI/UX برای بازطراحی و بهبود تجربه کاربری سایت ابزارینا هستیم. ابزارینا یک فروشگاه اینترنتی تخصصی در حوزه شیرآلات، تجهیزات بهداشتی ساختمان، لوازم و قطعات تأسیسات و محصولات ساختمانی است و در کنار مشتریان نهایی، بخش قابل‌توجهی از مخاطبان آن را فروشندگان، پیمانکاران، سازندگان و مشتریان B2B تشکیل می‌دهند. هدف پروژه صرفاً زیباتر کردن ظاهر سایت نیست؛ بلکه می‌خواهیم ساختار رابط کاربری و تجربه کاربری سایت از پایه بررسی و بازطراحی شود تا کاربر بتواند با کمترین اصطکاک محصول موردنظر خود را پیدا، مقایسه و خریداری کند. هدف اصلی پروژه طراحی یک UI/UX مدرن، حرفه‌ای، سریع و کاربردی که: • پیدا کردن محصول را برای کاربر بسیار ساده کند. • دسته‌بندی‌ها و فیلترها کاملاً قابل فهم باشند. • کاربر در موبایل و دسکتاپ تجربه مناسبی داشته باشد. • مسیر جستجو تا خرید کوتاه و واضح باشد. • برای کاربران عادی و مشتریان حرفه‌ای/B2B قابل استفاده باشد. • اعتماد کاربر به سایت و برند افزایش پیدا کند. • قابلیت توسعه و اضافه شدن امکانات جدید در آینده را داشته باشد. • طراحی صرفاً بر اساس سلیقه گرافیکی نباشد و پشت آن منطق UX وجود داشته باشد. صفحات و بخش‌هایی که باید بررسی و طراحی شوند پروژه محدود به یک یا دو صفحه نیست و انتظار داریم کل اکوسیستم رابط کاربری سایت بررسی شود. از جمله: • صفحه اصلی • صفحات دسته‌بندی محصولات • صفحات زیردسته‌ها • صفحه برند • صفحه لیست محصولات • فیلترها و مرتب‌سازی • جستجوی محصولات و نتایج جستجو • صفحه محصول • محصولات گروهی • مقایسه محصولات • علاقه‌مندی‌ها • سبد خرید • مراحل ثبت سفارش و Checkout • ورود، ثبت‌نام و حساب کاربری • صفحات مربوط به مشتریان B2B • صفحات محتوایی • مقالات و مجله • صفحات کمپین و لندینگ • صفحات تماس با ما و درباره ما • صفحات خطا مانند 404 • وضعیت‌های مختلف سیستم (Loading، Empty State، Error و...) • نسخه موبایل و دسکتاپ در صورت نیاز، صفحات یا کامپوننت‌های دیگری نیز در طول تحلیل پروژه شناسایی و به Scope اضافه خواهند شد. بخش مهم پروژه: UX قبل از UI قبل از شروع طراحی گرافیکی، انتظار داریم سایت فعلی از نظر UX بررسی شود. مواردی مانند: • رفتار و نیاز کاربران • ساختار اطلاعات و دسته‌بندی محصولات • نحوه پیدا کردن محصول • جستجو • فیلترها • مسیر حرکت کاربر • مسیر خرید • CTAها • نمایش قیمت و موجودی • نمایش ویژگی‌ها • مقایسه محصولات • نمایش برندها • اعتمادسازی • کاهش سردرگمی کاربر • کاهش تعداد کلیک‌های غیرضروری • تجربه کاربران موبایل • تفاوت نیاز کاربر B2C و B2B باید بررسی شوند و سپس طراحی بر اساس این تحلیل انجام شود. بنابراین ما صرفاً به دنبال کسی نیستیم که یک قالب زیبا در Figma طراحی کند. انتظار ما از طراح فرد یا تیم انتخاب‌شده باید بتواند:

1. سایت فعلی را به‌صورت کامل تحلیل کند.
2. مشکلات UX موجود را شناسایی و مستند کند.
3. ساختار پیشنهادی جدید را ارائه دهد.
4. User Flowهای اصلی را مشخص کند.
5. Wireframe صفحات مهم را طراحی کند.
6. سپس UI نهایی را طراحی کند.
7. Design System و Componentها را ایجاد کند.
8. حالت‌های مختلف کامپوننت‌ها را در نظر بگیرد.
9. طراحی Responsive برای موبایل، تبلت و دسکتاپ ارائه دهد.
10. خروجی نهایی را به‌صورت منظم و قابل استفاده برای تیم توسعه تحویل دهد.تکنولوژی و شرایط فعلیسایت فعلی بر پایه WordPress + WooCommerce توسعه داده شده است.بنابراین طراحی باید با محدودیت‌ها و قابلیت‌های واقعی یک فروشگاه WooCommerce با کمترین استفاده از افزونه ها سازگار باشد و صرفاً یک طرح گرافیکی غیرقابل پیاده‌سازی ارائه نشود.در عین حال، طراحی باید به شکلی انجام شود که در آینده امکان توسعه و حتی تغییر معماری فنی سایت نیز وجود داشته باشد.خروجی مورد انتظارخروجی پروژه حداقل شامل موارد زیر باشد:• UX Audit سایت فعلی• پیشنهاد ساختار جدید سایت• User Flowهای اصلی• Wireframe صفحات اصلی• طراحی UI نهایی• طراحی Responsive• Design System• Typography• رنگ‌ها• Grid و Spacing• Buttonها• Formها• Cardها• Filterها• Navigation• Header / Footer• Modal / Popup• حالات Loading / Empty / Error• Componentهای قابل استفاده مجدد• فایل کامل و مرتب Figma• Prototype برای Flowهای مهمهمچنین لازم است تمام Componentهای اصلی در Figma به‌صورت Reusable و استاندارد طراحی شوند تا توسعه‌دهنده بتواند بر اساس آنها پیاده‌سازی کند.اولویت ویژه: Mobile Firstبا توجه به سهم بالای کاربران موبایل، Mobile First بودن طراحی برای ما اهمیت زیادی دارد.بنابراین انتظار داریم نسخه موبایل صرفاً نسخه کوچک‌شده دسکتاپ نباشد؛ بلکه UX آن متناسب با رفتار کاربر موبایل طراحی شود.درباره طراحی ظاهریسبک موردنظر:مدرن، حرفه‌ای، مینیمال، قابل اعتماد و فروشگاهیاما زیبایی بصری نباید باعث کاهش سرعت درک اطلاعات یا سخت شدن خرید شود.در حوزه‌ای که محصولات زیادی با مشخصات فنی متفاوت وجود دارند، خوانایی، مقایسه‌پذیری و پیدا کردن سریع محصول برای ما بسیار مهم‌تر از تزئینات گرافیکی است.نکته مهمما ترجیح می‌دهیم قبل از شروع طراحی نهایی، طراح ابتدا سایت فعلی را بررسی کند و در پیشنهاد خود توضیح دهد:• چه مشکلات UX فعلی را مشاهده کرده؟• چه صفحاتی به بازطراحی اساسی نیاز دارند؟• چه پیشنهادهایی برای ساختار جدید دارد؟• پروژه را در چه مراحلی انجام خواهد داد؟• چه خروجی‌هایی در هر مرحله تحویل می‌دهد؟بنابراین لطفاً در پیشنهاد خود صرفاً نمونه‌کار و قیمت ارسال نکنید و حتماً رویکرد خودتان برای انجام پروژه را توضیح دهید.

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

محدوده کار و مسئولیت فریلنسر: • طراحی و اجرای فروشگاه آنلاین جدید با استفاده از WordPress • پیاده‌سازی قابلیت‌های فروش آنلاین و فرایند پرداخت اینترنتی • استفاده و پیکربندی افزونه‌های WooCommerce برای مدیریت گزینه‌های محصول • اتصال فروشگاه به شبکه پرداخت آنلاین و درگاه پرداخت

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

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

موارد پیشنهادی برای بررسی در پروپوزال: • روش پیشنهادی برای طراحی و اجرای فروشگاه با WordPress و WooCommerce • نحوه پیاده‌سازی گزینه‌های چندگانه محصولات و اتصال به درگاه پرداخت • برآورد هزینه، زمان اجرا و پیش‌نیازهای موردنیاز برای شروع کار

شرح کلی پروژه: سایت موجود با دو مشکل مواجه است که باید بررسی و رفع شوند: خطای ۵۰۳ و اختلال در Elementor.

وضعیت فعلی: • خطای ۵۰۳ در حال حاضر مانع ورود به پیشخوان سایت شده است. • پیش از بروز خطای ۵۰۳ نیز Elementor امکان ویرایش مطلب و افزودن مطلب جدید را فراهم نمی‌کرد. • این اختلال پس از به‌روزرسانی Elementor همچنان برطرف نشده است و علت فنی آن مشخص نیست.

محدوده کار و مسئولیت فریلنسر: فریلنسر باید وضعیت سایت و علت هر دو مشکل را بررسی کند و اصلاحات لازم را برای رفع آن‌ها انجام دهد. محدوده کار شامل رسیدگی به خطای ۵۰۳ و رفع اختلال Elementor در ویرایش و افزودن مطلب جدید است.

نتیجه مورد انتظار: • بازگشت امکان ورود به پیشخوان سایت • رفع اختلال Elementor به‌گونه‌ای که امکان ویرایش مطلب و افزودن مطلب جدید فراهم شود

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