درخواستها و چالشها
کارفرما در پی راهاندازی یک وبسایت شرکتی پویا بود که هم از نظر فنی پیشرفته و هم از منظر کاربری، تجربهای روان و جذاب را به مخاطبان ارائه دهد. پروژه «راز سیستم» با هدف ایجاد یک وبسایت شرکتی طراحی شد که بتواند خدمات و محصولات شرکت را معرفی کند و همچنین محتوای متنوع (متنی، ویدئویی، پادکست و گالری تصاویر) منتشر کند. این وبسایت نیازمند ساختاری منعطف برای معرفی خدمات و محصولات متعدد و تعامل با مخاطبان بینالمللی بود. از جمله الزامات کلیدی این پروژه میتوان به موارد زیر اشاره کرد:
برخی از مهمترین الزامات اجرای این پروژه شامل:
- طراحی واکنشگرا (Responsive) برای نمایش بهینه در تمام دستگاهها.
- معماری اطلاعات و نمایش محتوا، نیاز به طراحی خاص و ساده و متناسب با موضوع فعالیت.
- امکانات تعاملی پیشرفته مانند معرفی مختصر همه جوانب کسب و کار در کمترین فضا.
- نمایش همزمان انواع محتوا (متن، ویدئو، پادکست و گالری) در یک ساختار یکپارچه با مدیریت محتوای آسان (CMS) با قابلیتهایی مانند انتشار سریع، ویرایش بلادرنگ و پشتیبانی از فرمتهای چندرسانهای.
- معرفی اعضاء هیئت مدیره با لینک رسانههای اجتماعی مختلف.
- بهینهسازی برای موتورهای جستجو (SEO) به منظور جذب حداکثری مخاطبان هدف.
- امنیت بالا با پیادهسازی پروتکلهای روزآمد و محافظت از دادههای کاربران.
- ایجاد پروفایل اختصاصی برای هر نویسنده با قابلیت نمایش سوابق مشارکت.
- پیادهسازی نسخههای دوزبانه (فارسی، انگلیسی) بصورت مجزا (دو وبسایت با مدیریت محتوای مستقل) با امکان انتخاب زبان توسط کاربر و سوئیچ خودکار محتوا در صورت وجود.
اقدامات و راهکارها
برای تحقق اهداف پروژه و پاسخگویی به این نیازها، راهکارهای زیر با رویکرد علمی و به صورت سفارشیسازی پیادهسازی شد:
- طراحی معماری اطلاعات با مگامنو، پیادهسازی منوی آبشاری با قابلیت نمایش سطوح تو در تو در قالب پنلهای افقی (با استفاده از CSS3 و jQuery).
- بهینهسازی فضای نمایش محتوا با استفاده از آیکونهای ممتناسب با موضوع معرفی شده.
- طراحی و پیادهسازی منوی کانواس (Off-Canvas Menu) از سمت چپ صفحه با استفاده از CSS3 Transitions و JavaScript، که تنها با کلیک روی آیکون «همبرگر» نمایش داده میشود.
- ایجاد صفحه اختصاصی پویا برای هر نویسنده شامل تاریخچه مقالات، تخصصها و شبکههای اجتماعی و وبسایتهای آکادمیک.
- طراحی دو وبسایت مستقل در پوشهای جداگانه (Subfolder) به منظور مدیریت محتوای مستقل.
- مدیریت محتوای دوزبانه خودکار با کدنویسی اختصاصی (JavaScript) برای ایجاد امکان سوییچ دستی زبان بر اساس نیاز کاربر و جابجایی محتوا درصورت وجود.