طراحی و ایده‌پردازی وبسایت من طراحم قبلی

طراحی و توسعه وبسایت بنیاد ملی بازی‌های رایانه‌ای

نوع پروژه	طراحی و برنامه‌نویسی	تاریخ راه اندازی	دی‌ماه 1394
دسته بندی	طراحی پرتال‌های سازمانی	آدرس سایت	www.ircg.ir
امکانات	وبسایت دوزبانه با امکانات پیشرفته مدیریتی بخشهای اطلاع‌رسانی و نیز سیستم پروفایل جشنواره‌ها، بازیها، شرکتها و افراد

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

پالت ترکیب رنگ و پترن سازمانی بنیاد

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

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

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

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

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

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

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

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

طراحی الگوهای متنوعی که برای صفحات داخلی انجام شده را می‌توانید در تصاویر زیر مشاهده نمایید.