نوع پروژه | طراحی و پیادهسازی روی CMS قبلی | تاریخ راه اندازی | مردادماه 1394 |
دسته بندی | طراحی وب آموزشگاهی | آدرس سایت | www.KishMehr.org |
امکانات | طراحی مجدد گرافیک وب و رابط کاربری + پیادهسازی ریسپانسیو روی CMS قبلی |
وبسایت مجتمع آموزشی کیش مهر از سال 1388 به طور مستمر در حال ارتقاء و بهینهسازی بوده و پنجمین ریدیزاین این وبسایت تابستان 94 باز هم توسط مرکز طراحی اسپیرال انجام گرفت. همانطور که در نسخه قبل این وبسایت میتوانید مشاهده کنید، موارد متعددی از جمله سبک طراحی، ساختار محتوایی، قابلیت ریسپانسیو و استفاده از تکنولوژیهای نوین وب در نسخه جدید به روز شدهاند. در طرح جدید همچنین ویژگیهای مثبت طرح قبلی نظیر در اولویت قرار گرفتن اخبار و اطلاعیهها در کنار لیستی از دورههای آموزشی و جدول زمانبندی کلاسهای ویژه جهت دسترسی سریعتر و با سبکی به روز حفظ شد. علاوه بر این عناوین، با Long Scroll شدن صفحه، اطلاعات جذاب بیشتری نظیر مصاحبه با هنرجویان، ارائه آمارهایی از آموزشگاه به صورت ساده، نمونه آثار هنرجویان، نمایش پروفایل اساتید آموزشگاه و... در صفحه اول این وبسایت قرار گرفت تا تعامل و درگیری بیشتری با مخاطب ایجاد نماید. شایان ذکر است صفحات طویل یا Long Scroll ترندی بین المللی در طراحی وب است که به خاطر افزایش میانگین سرعت اینترنت کاربران، رایج شدن صفحات لمسی، افزایش رزولوشن صفحات و... ایجاد شده و فضای بیشتری را برای ایجاد تعامل با کاربر ایجاد می کند.
اضافه شدن بخشها و امکانات جدید این وبسایت بر اساس آنالیز مستمر رفتار بازدیدکنندگان طی سالهای گذشته و شناخت مناسبی که از کسب و کار و اولویتها و مخاطبان پیدا شده بود، توسط اسپیرال تدوین و طراحی گردید.
برای نمایش اخبار و اطلاعیههای آموزشگاه، با توجه به محدودیتی که برای گذاشتن تصویر مناسب برای هر خبر توسط مدیران وبسایت وجود داشت، از استایلی استفاده شد تا در عین به روز بودن و زیبایی، تصویر خبر جنبه محوری در آن نداشته باشد و در عین حال به عنوان پس زمینه به فضا کمک کند. بدین ترتیب سه خبر برتر و چهار خبر فرعی به صورتی منظم در صفحه اصلی نمایش داده میشوند.
از آنجا که از سالها پیش دورههای آموزشی آموزشگاه در دپارتمانهای مختلفی دسته بندی شده بودند، در طراحی جدید وبسایت تصمیم گرفتیم برای هر دپارتمان یک آیکن مینیمال انتخاب کنیم تا علاوه بر صفحه اصلی، در صفحات داخلی مربوط به دورهها نیز به صورت نمادین استفاده گردد. آیکنها کمک میکنند تا متن کنار آنها بسیار سریعتر توسط چشم کاربر تشخیص داده شوند و در صفحات مختلف علاوه بر نقش تزیینی نمایانگر دستهبندی مربوطه نیز هستند.
در طراحی قبلی بخشی نیز برای نمایش جدول زمانبندی کلاسها قرار داده بودیم که بر اساس بازخورد کاربران در این مدت، بسیار مورد استقبال قرار گرفته بود. بنابراین، این بخش به صورت ویژهتری طراحی شد و دورههای برگزیده به همراه زمان شروع، ساعت برگزاری، میزان تخفیف و قیمت در باکسهایی کنار هم قرار گرفتند. این قسمت در طرح قبلی به شکل جدولی ساده زیر دورهها نمایش داده میشد.
از آنجا که تیم محتوایی این آموزشگاه در تولید مطالب تالیفی دقت ویژهای داشته، با پیشنهاد اسپیرال چند بخش دیگر نیز به ساختار محتوایی این وبسایت اضافه گردید. برای اضافه شدن بخشی تحت عنوان مصاحبه با کیش مهریها، با هنرجویان برتر آموزشگاه مصاحبههایی انجام گرفت تا تجربیات واقعی هنرجویان از تحصیل در این آموزشگاه در اختیار سایر مخاطبان قرار گیرد. در بخشی دیگر برای معرفی هر یک از اساتید و مدرسان آموزشگاه پروفایلی تعریف شد و تصویر و نام تعدادی از این اساتید در صفحه اول قرار گرفت. در فوتر وبسایت نیز یک ردیف به مشتریان کیش مهر اختصاص یافت تا اعتماد کاربران به عنوان مشتریان بالقوه بیشتر جلب شود.
از آنجا که تصمیم نهایی کابر برای ثبتنام در یک دوره آموزشی احتمالا در صفحه اطلاعات مربوط به آن دوره اتفاق میافتد، این صفحه از اهمیت ویژهای برخوردار است.
علاوه بر تغییرات صفحه اصلی، این رویکرد در صفحات داخلی نیز به کار گرفته شد. از آنجا که تصمیم نهایی کابر برای ثبتنام در یک دوره آموزشی احتمالا در صفحه اطلاعات مربوط به آن دوره اتفاق میافتد، این صفحه از اهمیت ویژهای برخوردار است. بنابراین صفحات مربوط به هر دوره آموزشی به شکل یک پروفایل کامل از اطلاعات مربوط به آن دوره طراحی گردید و علاوه بر سرفصلها، توجیه اقتصادی، جدول زمانبندی، نمونه آثار آن دوره، و... قسمتی برای معرفی اساتید آن دوره و نیز بخشی برای ارائه آمار ثبت نام کنندگان و... اضافه گردید تا هر آنچه که مخاطب در مورد آن دوره آموزشی باید بداند، به صورت دیزاین شده برای وی پرزنت گردد. بخش کامنتینگ نیز که با پاسخ مشاوران آموزشگاه به سوالات به یکی از جذابترین امکانات سایت طی سالهای گذشته تبدیل شده بود بهینه شد تا صدها کامنت کاربران صفحه را سنگینتر نکند.
سیستم اتوماسیون هنرجویان نیز که به صورت یکپارچه با وبسایت برنامهنویسی شده بود، با استفاده از UI Kit طراحی شده برای وبسایت بهینه و ریدیزاین گردید تا هویت بصری تعریف شده در تمام بخشهای وبسایت یکپارچه باقی بماند.
اضافه شدن بخشها و امکانات جدید این وبسایت بر اساس آنالیز مستمر رفتار بازدیدکنندگان طی سالهای گذشته و شناخت مناسبی که از کسب و کار و اولویتها و مخاطبان پیدا شده بود، توسط اسپیرال تدوین و طراحی گردید. این بهینهسازی مستمر موجب شده وبسایت این آموزشگاه به اصلیترین ابزار جذب هنرجو و پربازدهترین شیوه تبلیغاتی تبدیل گردد.
یادآوری میشود وبسایتهای ایدهمحور متعددی نظیر ایدهیاب، آزمونک، دکودا و آمار آکادمی نیز طی سالهای پیش توسط مرکز طراحی اسپیرال برای مجتمع آموزشی کیش مهر طراحی گردیده است تا با کمترین هزینه بیشترین بازدیدکننده هدفمند به وبسایت اصلی هدایت گردد و اعتبار برند کیش مهر نیز میان مخاطبان خود افزایش یابد. برای اطلاعات بیشتر در مورد این وبسایتها به صفحات مربوط به آنها مراجعه نمایید.