طراحی مجدد، توسعه و پشتیبانی وب‌سایت

شرح پروژه

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

طراحی قدیمی
ناوبری (Navigation) ضعیف
ساختار محتوایی نامنسجم
عملکرد ضعیف در موبایل
مشکلات دسترس‌پذیری (Accessibility)
جستجوی ضعیف
مسیرهای کاربری پیچیده برای دریافت خدمات
هدف، ایجاد یک وب‌سایت مدرن، دسترس‌پذیر و کاربرمحور است با تمرکز بر سهولت استفاده، عملکرد، دسترس‌پذیری، امنیت و قابلیت نگهداری.

 
۲. اهداف اصلی
این پروژه باید:

یک وب‌سایت مدرن با طراحی تمیز و بدون شلوغی بصری ایجاد کند.
اطمینان دهد که هر نوع اطلاعات حداکثر با ۳ تا ۴ کلیک قابل دسترسی باشد.
یک سیستم جستجوی قدرتمند با نتایج مرتبط و پشتیبانی از مترادف‌ها ارائه دهد.
مشکلات اصلی کاربران را حل کند (ناوبری سخت، محتوای قدیمی، تجربه ضعیف در موبایل).
استفاده را برای کاربران نورودایورجنت، خصوصاً افراد دارای دیسلکسی، آسان‌تر کند.
عملکرد سایت را بهبود دهد (لود شدن صفحات زیر ۳ ثانیه).
یک ساختار CMS ایجاد کند که تیم داخلی بتواند به‌راحتی محتوا را ویرایش و مدیریت کند.
با استانداردهای WCAG 2.2 سطح AA کاملاً منطبق باشد.
امنیت، هاستینگ، بکاپ، تاب‌آوری (Resilience) و مانیتورینگ مناسبی فراهم کند.
پشتیبانی، آموزش و نگهداری تا ۵ سال ارائه شود.
 
۳. کاربران هدف
وب‌سایت باید نیازهای این گروه‌ها را پوشش دهد:

عموم مردم
ساکنان محلی
بازدیدکنندگان
کسب‌وکارهای محلی
گروه‌های جامعه محلی / سازمان‌های مردم‌نهاد
کارکنان داخلی
اعضای شورا یا کمیته‌ها (از طریق داده‌های منتشر شده)
 
۴. مشکلات کلیدی که باید حل شوند
راه‌حل فنی باید مشکلات زیر را پوشش دهد:

مشکلات ناوبری
کلیک‌های زیاد برای رسیدن به محتوا
پنهان شدن محتوا زیر لینک‌هایی مانند «صفحات بیشتر» یا «دانلودهای مرتبط»
معماری اطلاعات ضعیف
مشکلات جستجو
نتایج نامرتبط، نبود فیلتر مناسب
عدم پشتیبانی از مترادف‌ها و اصطلاحات جایگزین
نمایش محتوای قدیمی در نتایج جستجو
مشکلات طراحی
ظاهر قدیمی و تاریخ‌گذشته
استفاده از رنگ‌های زیاد (بیش از ۱۰ رنگ)
متن کوچک و طرح‌بندی شلوغ
عدم مناسب‌سازی برای افراد دارای دیسلکسی
مشکلات محتوا
اطلاعات قدیمی و به‌روز نشده
نبود تاریخ آخرین به‌روزرسانی
لینک‌های خراب
متن زیاد و تصاویر کم
مشکلات عملکرد در موبایل
سرعت لود پایین
واکنش‌گرایی (Responsive) ضعیف
ناوبری دشوار در موبایل
 
۵. الزامات طراحی
طراحی بصری (Visual Design)
رابط کاربری تمیز و مدرن
پالت رنگ محدود (۱ تا ۳ رنگ اصلی)
تایپوگرافی مناسب برای دسترس‌پذیری
استفاده مناسب از فضا و پرهیز از شلوغی
دکمه‌های بزرگ و فاصله‌گذاری مناسب
پشتیبانی از حالت‌های با کنتراست بالا
تصویر هدر مرتبط با موضوع برای هر صفحه
الزامات رابط کاربری (UI)
صفحه اصلی واضح با نمایش پررنگ «کارهای پرکاربرد» (Top Tasks)
نوار جستجوی برجسته در صفحه اصلی
عدم استفاده از منوهای Hover پیچیده و دراپ‌داون‌های عمیق
نمایش مسیر راهنما (Breadcrumb)
ناوبری سطح بالا، ثابت و همیشه در دسترس
لینک‌های سریع به خدمات پر استفاده
بنر هشدارهای فوری با نمایش وضعیت (مثلاً سرویس‌های مختل‌شده)
بخش شبکه‌های اجتماعی («Social Wall»)
ویجت تقویم برای جلسات و تعطیلات
 
۶. الزامات عملکردی (Functional Requirements)
۶.۱ سیستم جستجو
سیستم جستجو باید:

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

مثال: «زباله» → «پسماند»، «موش» → «بهداشت محیط»
۶.۲ مسیر پرداخت (Payment Journey)
توجه: خود پرداخت از طریق سیستم شخص ثالث انجام می‌شود.
وب‌سایت جدید باید:

دسترسی به لینک‌های پرداخت را ساده‌تر کند.
تعداد مراحل لازم برای رسیدن به صفحه پرداخت را کاهش دهد.
دسته‌بندی‌های پرداخت را واضح کند تا اشتباه پرداختی کاهش یابد.
کاملاً برای موبایل بهینه شود.
تا حد امکان موانع ورود (Login) غیرضروری را حذف کند.
۶.۳ فرم‌های مجوزها و محتوای مقرراتی
ناوبری واضح به دسته‌های مختلف مجوزها
دسترسی آسان به فرم‌ها و فایل‌های دانلودی
امکان مدیریت و به‌روزرسانی «رجیسترهای مجوزها»
قابلیت خروجی گرفتن (Export) از رجیسترها در صورت نیاز
۶.۴ سیستم جمع‌آوری زباله / سطل‌ها
یک ماژول مهم که نیاز به توسعه فنی دارد:

باکس ورودی برجسته برای آدرس / کدپستی / خیابان
نمایش فوری خروجی، مثل:

«در روز [X] این هفته، سطل [نوع] را بیرون بگذارید.»
نمایش قوانین بازیافت برای آن مسیر
زمان‌بندی قابل چاپ یا قابل دانلود
پشتیبانی از مناطق جزیره‌ای یا مناطق دورافتاده
امکان اضافه کردن آدرس‌های جدید
پشتیبانی از تغییرات فصلی در برنامه جمع‌آوری
۶.۵ جلسات، کمیته‌ها و صورت‌جلسات
پایگاه داده قابل جستجو
ساختار پوشه‌بندی استاندارد
نمای تقویم برای جلسات
امکان یافتن سریع آخرین مستندات
نمایش واضح تاریخ آخرین به‌روزرسانی
۶.۶ هشدارها و به‌روزرسانی‌های اضطراری
بخش اختصاصی برای:

مسدود شدن جاده‌ها
اختلال در خدمات
تغییرات در برنامه جمع‌آوری زباله
نمایش وضعیت مکان‌های مشخص با شاخص بصری (مثلاً سد/مانع باز یا بسته است)
ویجت وضعیت به سبک چراغ راهنمایی (سبز/زرد/قرمز)
 
۷. الزامات فنی
۷.۱ CMS (سیستم مدیریت محتوا)
CMS باید امکانات زیر را داشته باشد:

پنل ویرایش ساده برای کاربران غیر فنی
سطح دسترسی مبتنی بر نقش (RBAC)
کنترل نسخه (Version Control)
زمان‌بندی انتشار و عدم انتشار محتوا
گردش کار تأیید (Approval Workflow)
سیستم آرشیو
یادآوری خودکار برای بازبینی محتوا
امکان ویرایش کد / قالب‌ها توسط تیم دیجیتال
پشتیبانی قوی از محتوای ساختاریافته
نمایش خودکار تاریخ «آخرین به‌روزرسانی»
امکان قفل کردن صفحات برای جلوگیری از تکرار بی‌رویه
CMSهای پیشنهادی (ترجیحاً، ولی محدود به این‌ها نیست):

Drupal
Umbraco
WordPress با تنظیمات امنیتی سطح سازمانی
سایر CMSهای سازمانی مشابه
۷.۲ دسترس‌پذیری (Accessibility)
سایت باید کاملاً منطبق باشد با:

استاندارد WCAG 2.2 سطح AA
پشتیبانی کامل از صفحه‌خوان (Screen Reader) و ناوبری با صفحه‌کلید
رعایت اصول طراحی مناسب برای دیسلکسی
پرهیز از انیمیشن‌ها و ترنزیشن‌های پیچیده
برچسب‌گذاری و تگ‌گذاری درست عناصر
سلسله‌مراتب تیترها (Heading Hierarchy) به‌صورت واضح
امکان تنظیم سایز فونت توسط کاربر
۷.۳ عملکرد و امنیت
هاستینگ و زیرساخت:

دیتاسنترهای سازگار با مقررات (ترجیحاً UK یا مطابق قوانین مورد نیاز)
در دسترس‌بودن بالا (High Availability)
بکاپ روزانه
برنامه بازیابی در بحران (Disaster Recovery) و Failover
فعال بودن SSL/TLS در کل سایت
محافظت در برابر DDOS
سخت‌سازی امنیت (Hardening):

احراز هویت چندمرحله‌ای (MFA) برای دسترسی ادمین
لاگ‌گیری و ثبت ردپا (Audit Trail)
کنترل دسترسی دقیق برای ادمین‌ها و ویرایشگران
اسکن دوره‌ای آسیب‌پذیری‌ها
مدیریت وصله‌های امنیتی (Patch Management)
سازگاری با تست نفوذ (Penetration Testing)
عملکرد (Performance):

لود صفحات زیر ۳ ثانیه (با اولویت موبایل)
بهینه‌سازی تصاویر
استفاده از Caching و CDN
۷.۴ آنالیتیکس و گزارش‌گیری
باید شامل موارد زیر باشد:

تحلیل رفتار کاربران
Heatmap (نقشه حرارتی کلیک/اسکرول)
رصد کلمات جستجو شده
داشبوردهای سفارشی
امکان بررسی نرخ تکمیل فرآیندها
KPIها برای رضایت کاربران، سرعت، استفاده از موبایل و...
 
۸. استراتژی محتوا و مهاجرت
اُدیت (Audit) محتوا:

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

اولویت‌بندی و مهاجرت محتوای پر استفاده
طراحی ساختار URL جدید
برنامه ریدایرکت برای حفظ SEO
رفع خطاهای 404
برگزاری ورکشاپ محتوایی با تیم‌های خدماتی
 
۹. تجربه موبایل
وب‌سایت باید کاملاً ریسپانسیو باشد و:

طراحی Mobile-first داشته باشد
منوهای ساده و شفاف برای موبایل
سرعت مناسب روی 4G/5G
دکمه‌های مناسب لمس (Touch-first)
شکستن محتوا به بلوک‌های کوچک برای اسکرول راحت
 
۱۰. ادغام شبکه‌های اجتماعی
وب‌سایت باید از موارد زیر پشتیبانی کند:

نمایش دیوار شبکه‌های اجتماعی (Social Wall) در صفحه اصلی
لینک‌های واضح به شبکه‌های اجتماعی
دکمه‌های اشتراک‌گذاری محتوا
امکان Embed کردن محتوا در صورت لزوم
فضایی مجزا برای به‌روزرسانی‌های زنده
 
۱۱. رویکرد پیاده‌سازی
فرآیند توسعه:

طراحی کاربرمحور (User-Centred Design)
وایرفریم → پروتوتایپ → بازبینی تکرارشونده
توسعه به روش Agile (اسپرینت‌ها)
تست کاربری منظم
انتشار نسخه بتا قبل از Go-Live نهایی
نیازهای تست:

تست عملکردی (Functional Testing)
ممیزی دسترس‌پذیری
تست بار و عملکرد (Load/Performance)
تست موبایل
تست سازگاری مرورگرها
تست امنیت و آسیب‌پذیری
آموزش:

آموزش CMS برای کارکنان
مستندات فنی
راهنمای ویرایش محتوا برای ادیتورها
 
۱۲. الزامات Go-Live
در صورت امکان، انتشار بدون Downtime
اجرای ریدایرکت‌ها و حفظ SEO
بررسی نهایی انطباق با دسترس‌پذیری
انجام تست نفوذ نهایی
دوره «فریز محتوا» قبل از انتقال نهایی
 
۱۳. پشتیبانی بعد از لانچ 
تأمین‌کننده باید ارائه دهد:

Helpdesk با SLA مشخص
نصب وصله‌های امنیتی و به‌روزرسانی CMS
رفع باگ‌ها و مشکلات اضطراری
انتشار به‌روزرسانی‌ها و بهبودهای دوره‌ای
مانیتورینگ عملکرد
بازبینی سالانه برای بهبود
پشتیبانی در بکاپ و ریکاوری
امکان توسعه‌های اضافه در صورت نیاز
 
۱۴. خلاصه تحویل‌ها (Deliverables)
تحویل‌های الزامی:

طراحی مجدد کامل وب‌سایت
طراحی معماری اطلاعات (IA)
طراحی UX/UI و سیستم طراحی (Design System)
پیاده‌سازی Frontend قابل دسترس
پیاده‌سازی CMS
پیاده‌سازی موتور جستجو
سیستم استعلام جمع‌آوری زباله / سطل‌ها
سیستم جلسات و صورت‌جلسات
ماژول هشدارها و اعلان‌های اضطراری
بازطراحی ناوبری
دیوار شبکه‌های اجتماعی
مهاجرت محتوا
راه‌اندازی هاست و زیرساخت
مستندات کامل
آموزش
پشتیبانی و نگهداری مداوم

مهارت ها و تخصص های مورد نیاز

درباره کارفرما

کاربر733460

عضویت نوزده ساعت پیش

1 پروژه ثبت شده ،

0 پروژه در حال انجام ،

1 پروژه آماده دریافت پیشنهاد ،

نرخ پذیرش پیشنهاد 0%