طراحی ( ux , UI) صفحه اصلی و صفحه محصولات و کد نویسی وبسایت

عنوان پروژه: طراحی رابط کاربری (UI) صفحه اصلی و صفحه محصولات وب‌سایت به همراه کد نویسی وبسایت شرح پروژه: ما به دنبال طراحی رابط کاربری برای وب‌سایت خود هستیم که شامل **صفحه اصلی (Homepage)** و **صفحه محصولات (Products Page)** می‌باشد. هدف ما ایجاد یک طراحی مدرن، کاربرپسند و ریسپانسیو است که به کاربران تجربه‌ای روان و جذاب ارائه دهد. ### **صفحه اصلی (Homepage):** #### **بخش‌ها:** 1. **هدر (Header):** - لوگو در سمت راست. - منوی اصلی شامل گزینه‌های: محصولات، اشتراک‌ها، آموزش‌ها، طراحان، تماس با ما. - نوار جستجو. - دکمه ورود/ثبت‌نام. 2. **بنر اصلی:** - معرفی خدمات و تخفیف‌های ویژه. - دکمه CTA (شروع خرید). 3. **بخش محصولات:** - نمایش سه دسته‌بندی: محصولات پرطرفدار، جدیدترین‌ها، پیشنهادات ویژه. - امکان فیلتر کردن محصولات براساس: قطع، رنگ‌بندی، فرمت، وضعیت دانلود. 4. **بخش آموزش‌ها:** - معرفی ویدیوهای آموزشی جدید. - لینک به بخش سوالات رایج. 5. **بخش طراحان:** - معرفی طراحان برتر و نمونه کارهایشان. 6. **فوتر (Footer):** - لینک‌های سریع شامل: درباره ما، قوانین، سوالات متداول. - آیکون‌های شبکه‌های اجتماعی. - اطلاعات تماس. --- ### **صفحه محصولات (Products Page):** #### **بخش‌ها:** 1. **فیلترها:** - قطع (A4، A5، B5، پالتویی، جیبی، خشتی، سفارشی). - رنگ‌بندی (تک رنگ، دو رنگ، رنگی). - وضعیت دانلود (دانلود شده، دانلود نشده). - مرتب‌سازی (جدیدترین، بیشترین بازدید، بیشترین خرید). 2. **لیست محصولات:** - نمایش محصولات به صورت کارت‌های گرید. - هر کارت شامل تصویر، نام محصول، قیمت، و دکمه افزودن به سبد خرید. --- ### **سبک طراحی:** - **مدرن و مینیمال**: طراحی باید ساده، شیک و کاربرپسند باشد. - **رنگ‌بندی**: استفاده از رنگ‌های برند ما (در صورت نیاز، کد رنگ‌ها ارائه خواهد شد). - **ریسپانسیو**: طراحی باید در دستگاه‌های موبایل، تبلت و دسکتاپ به خوبی نمایش داده شود. - **فونت‌ها**: استفاده از فونت‌های فارسی مناسب (مانند ایران سنس یا شبنم). --- ### **خروجی موردنیاز:** - فایل‌های طراحی در قالب Figma، Adobe XD یا Sketch. - نسخه‌های ریسپانسیو برای موبایل، تبلت و دسکتاپ. - در صورت امکان، ارائه Wireframe اولیه برای تایید ساختار. --- ### **الزامات دیگر:** - ارائه پیش‌نمایش (Mockup) از طراحی قبل از اتمام پروژه. - رعایت اصول UX برای بهبود تجربه کاربری. - امکان بازبینی و اصلاحات تا 2 دور. نمونه‌های مرجع: سایت طرح --- نحوه همکاری: - لطفاً نمونه کارهای مرتبط خود را ارسال کنید. - در صورت تمایل به همکاری، زمان و هزینه پیشنهادی خود را اعلام کنید.