فیلِ فیلیمو که بود و چه کرد؟

این داستان طراحی مسکات یا کاراکتر تبلیغاتی فیلیمو هست.اگر طراح هستید این مطلب براتون جذابه :)فیلیمو سرویس VOD (Video on demand) است. آرشیوی است از هزاران فیلم و سریال ایرانی و خارجی بر بستر اینترنت، که رقیب‌هایی مثل نماوا و فیلم‌نت دارد.برای اینکه بیشتر فیلیمو رو بشناسین این لینک رو مطالعه کنید.قصه از کجا شروع شد:زمانی که در حال طراحی رابط‌کاربری سرویس اینترنتی فیلیمو بودم در صفحاتی نیاز بود پیام‌هایی شامل خطاهای سیستمی، هشدارها، عدم دسترسی به اینترنت یا مشکل سروری و حتی خطا در جستجو را به کاربر نمایش دهیم.کاربر مدام با سایت در تعامله. این تعامل از ثبت‌نام شروع می‌شه و با گردش در سایت و جستجوی فیلم‌ها ادامه پیدا می‌کنه و در نهایت با خرید اشتراک و تماشای فیلم تکمیل می‌شه و باز تکرار این روند که می‌تونه در هر مرحله‌ای خوشایند یا ناراحت کننده باشه. اگر نتونیم در شرایط ناخوشایند با کاربرهای محصولمون ارتباط صمیمانه برقرار کنیم، احتمالا کاربر با تجربه‌ای بد از سایت خارج می‌شه. همیشه امکان رسیدن به یکی از صفحات هشدار یا صفحات خالی (Blank page) هست. شاید ساده‌ترین گزینه رها کردن کاربر در یکی از همین صفحات خالی با نمایش کد ۴۰۴ بزرگ و متن هشداری زیرش هست.بذارین راحت بگم! خیلی ضدحاله برای کاربری که برای سرگرمی به سایت اومده با همچین صفحه‌ای روبه‌رو بشه. اما چاره چیه؟ پیش میاد خب...میشه با کاربر مهربون‌تر بود. نمی‌خوام توضیح بدم برای طراحی صفحات خالی چیکار کنید.این داستان آغاز ایده‌ی خلق یک کاراکتر مهربونه که قراره ارتباط احساسی با کاربر برقرار کنه. با خوشحالی‌هاش خوشحال بشه و با ناراحتیاش ابراز همدردی کنه.پس پیشنهاد دادم از یک حلقه فیلم سینمایی به عنوان یک کاراکتر ساده که احساساتش را به وسیله چشمان و دهانش بیان می‌کند و در حالات مختلف احساسات متفاوتی از ناراحتی، شرم و حتی خوشحالی برای پرداخت را ابراز می‌کند، استفاده شود. در کنار این پیشنهاد یک بسته پاپ‌کورن زرد رنگ هم مطرح شد که هماهنگی بیشتری با پالت رنگی فیلیمو دارد.مدتی هم برای خالی نبودن عریضه از یک کاراکتر فیلم در صفحات اپلیکیشن استفاده کردیم. احتمالا کاربر‌های قدیمی اپلیکیشن‌ فیلیمو یادشون باشه.امید تازه:با مطرح شدن دسته‌بندی فیلم‌های فیلیمو بر اساس احساسات مختلف (MOOD) بصورت پکیج‌، تصمیم گرفتم جدی‌تر پیشنهاد مسکات یا کاراکتر فیلیمو را مطرح کنم.ایده‌هایی برای خلق این کاراکتر مطرح شد و بر اساس آنها اتودهایی برای پیدا کردن شخصیت مناسب طراحی کردم.۱. ناصرالدین‌شاهدوربین عکاسی و فیلم‌برداری به دستور ناصرالدین‌شاه وارد ایران شد و آغاز تاریخ سینمای ایران به او گره خورده. حتی فیلمی باعنوان «ناصرالدین‌شاه اکتور سینما» با دید طنز به این ماجرا پرداخته. پیوند زدن سینمای مدرن با نوستالژی ورود سینما، خود نگاهی متناقض است و می‌توان داستان‌های بامزه‌ای از آن ساخت. اما کاراکتر ناصرالدین شاه چند مشکل داشت. جزئیات زیاد چهره و البسه او کار طراحی و طراحی پوز‌یشن های مختلف را سخت می‌کرد و مهم‌تر از آن با پرسونای فیلیمو چندان جور نبود.۲. کاراکتر فیلیموشخصیت دیگری که اتود زده شد، نه حیوان بود و نه انسان و نه روبات. موجودی زرد رنگ با یک نشان Play روی سینه‌اش! می‌توانست به عنوان نماینده فیلیمو فیلم‌ها را معرفی کند یا خودش را جای شخصیت‌های سینمایی یا ابرقهرمان‌ها بگذارد و حتی با بازیگران شوخی کند. همچنین در شرایط مختلف بیان احساسی مناسبی داشته باشد. طراحی میمیک‌های چهره کاراکتر دوم و نمایش احساسات متفاوتفیلم ترسناک - طراحی کاراکتر فیلیمو | Filimo - Mascot Design story۳. فیل فیلیموسومین اتود و ایده‌ی من یک فیل زرد چاق و مهربون بود.چرا فیل؟ چون اول فیلیمو با فیل شروع میشه :) مسخره است ولی از طرفی چون اسم فیلیمو هنوز برای بسیاری از مخاطبان به درستی جا نیوفتاده بود و (فیلمیو تلفظ می‌کردند) فیلِ فیلیمو می‌توانست این عادت اشتباه را تصحیح کند.شخصیت فیل فیلیمو چاق و مهربان و تنبل است...اولین اتود مسکات فیل فیلیمو | Filimo Mascot Design storyبین گزینه‌ی دوم و سوم تردید داشتیم. پتانسیل حرکتی کاراکتر دوم خیلی خوب بود ولی اونقدری که با واج‌آرایی فیل‌فیلیمو و رنگ زردش و خنگ بودنش ارتباط برقرار کرده بودیم نتونستیم با کاراکتر دوم ارتباط بگیریم.پس اتودهای بیشتری برای سنجش پتانسیل‌های فیل‌فیلیمو طراحی کردم. فیلی که با بازی‌ها و شیطنت‌هاش می‌تونه در تبلیغات و شبکه‌های اجتماعی و محصولاتمون ظاهر بشه و باعث سرگرمی کاربرا بشه.و البته برای نمایش حالت‌های مختلف و احساسات متقابل، نیاز بود همراهی داشته باشه. اینجا بود که یک عروسک سبز هم همراهش شد. اسم این فیل عروسکی رو «دماغ خرطومی» گذاشتیم.اولین اتودهای فیل فیلیمواولین اتودها تبدیل به اجراهای اول شدند و روی سایت رفتند.برای هر موضوعی یک طرح اسکیس سریع زده می‌شد، ازش عکس می‌گرفتم و در کامپیوتر به وسیله وکام خطوط اصلیش رو طراحی می‌کردم و در نهایت رنگ می‌شد. چرا زرد؟ رنگ فیل فیلیمو از پالت رنگ سازمانی فیلیمو الهام گرفته شد.ابعاد مختلفی از هر طرح آماده می‌شد تا به عنوان کاور پکیج، هدر دسته‌بندی و در شبکه‌های اجتماعی منتشر بشه.از اتود تا اجرای نسخه اولیه فیل فیلیمو | دسته‌بندی اشک‌ها و لبخندهابازطراحی فیل فیلیمو در نسخه‌های جدیدتر خط‌های سیاه دور کاراکتر برداشته شد و بصورت حجمی‌تر اجرا شد. روند طراحی سخت‌تر و زمان‌برتر می‌شد چراکه جای خطوط سیاه رو باید سایه پردازی و نور پردازی می‌کردم و عملا بجای ۴لایه ده‌ها لایه نور و سایه اضافه و اجزایی مثل دست و پا رو جدا اجرا می کردم. بدین شکل تصویر دوبعدی، حجم پیدا می‌کرد و سه‌بعدی به نظر می‌رسید.درخشندگی رنگ‌ها در این نسخه بیشتر بود تا کاربر را بیشتر جذب کند.کمپین لم بده فیلیمو ببینفیلم‌های کودکانه در فیلیمواشک‌ها و لبخند‌ها در فیلیموفیل‌فیلیمو و دماغ خرطومی در شبکه‌های اجتماعی استیکر تلگرامی فیل فیلیموطرح‌ها علاوه بر سایت در شبکه‌های اجتماعی فیلیمو معرفی شد.سوشال نتورک‌ها نقش به سزایی در ایجاد ارتباط متقابل با کاربر دارند.اما حالا که شخصیت فیلیمو شکل گرفته ... چرا استیکرهای فیلیمو طراحی نشن؟مقایسه اسکیس‌های دستی و نمونه اجرا شده برای استیکرهای تلگرام فیلیمواین بخشی از وظیفه من به عنوان طراح رابط‌کاربری تیم دیزاین صبا‌ایده و فیلیمو نبود!اما طراحی استیکرها تبدیل شده بود به یکی از هیجان‌های زندگیم که باعث می‌شد با وجود خستگی بعد از کار ساعت‌ها شب رو بیدار بمونم تا طراحی استیکر‌های فیلیمو رو تموم کنم.نکات مهمی که در طراحی و پیاده‌سازی استیکرهای تلگرامی لحاظ شده بود.بیش از حد روی برند فیلیمو تمرکز نکردم. مردم از ارسال استیکرهای تبلیغاتی پرهیز می‌کنند. بنابراین بیشتر تلاش کردم حالت‌های مختلفی که در یک مکالمه روزمره استفاده می‌شود را درغالب احساسات مختلف بیان کنم. هیجان، خوشحالی، ناراحتی، گریه، عصبانیت، ترس و هر آنچه که حس مخاطب را منتقل می‌کند.در نسخه تلگرامی، عروسک پارچه‌ای جان گرفته و در کنار فیل‌فیلیمو ایفای نقش می‌کند.کاملا شخصیت‌های دو کاراکتر از هم متمایز است. فیل فیلیمو درشت، تنبل و مهربان است ولی در عوض دماغ خرطومی پر جنب و جوش، خل‌وچل و کمی هم بی‌اعصاب :) عاشقش می‌شین!دماغ خرطومیشما همین الان هم می‌توانید نسخه استیکرهای فیل‌فیلیمو و دماغ خرطومی رو از این لینک دریافت کنید و تصاویر بیشتری از نمونه‌هایی که اینجا به اشتراک گذاشته شده ببینید.اگر این مطلب براتون مفید بوده؛ لایک کنید و نظر خودتون رو درموردش بنویسید تا به افراد بیشتری پیشنهاد بشه.خوشحال میشم من رو در شبکه‌های اجتماعی دنبال کنید:اینستاگرامدریبلتوییتر#مسکات #کاراکتر #طراحی #داستان_طراحی #فیلیمو