زوپ!
این کلمه احساس خوبی به شما منتقل نمی‌کند؟ خوش‌حالی، شادابی، باحال بودن و...؟
بگذارید برای این‌که حس و حال‌تان بهتر هم بشود، بگوییم که این کلمه‌ی بامزه چیست و چه معنی‌ای دارد و از کجا آمده است.
قبل از هرچیزی، زوپ یک آوا است. آوایی که حالا برای خودش شخصیتی پیدا کرده و تبدیل به یک اسم به‌یادماندنی شده است. اما در مورد کار و مسئولیتش اگر بخواهید بدانید، باید بگوییم که زوپ یک سرویس آنلاین سفارش تاکسی است که قرار نیست فقط رفت و آمد را برای ما راحت‌تر کند، بلکه قرار است با آن کلی حس و حال خوب و متفاوت را تجربه کنیم و بهمان حسابی خوش بگذرد، حتی در ترافیک!
ما این پروژه را از اسفند ۱۳۹۵ به سفارش دوستان خوب‌مان در شرکت تیفای شروع کردیم و قرار شد قبل از طراحی کامل وب‌سایت، یک صفحه‌ی به‌زودی خاص و متناسب با حس و حال این سرویس داشته باشیم.
بعد از چند جلسه‌ی ایده‌پردازی و بررسی سن و سال و شخصیت و چشم‌انداز زوپ و کلی نکته‌ی دیگر، بالاخره تصمیم گرفتیم صفحه‌ی به‌زودی وب‌سایت زوپ، نمایی از یک ماشین در حال حرکت در میان ساختمان‌های شهری خیالی باشد.
تصویرسازی ماشین و منظره‌ها و ساختمان‌ها را شروع کردیم، اما وسط‌‌های کار، این فکر به ذهن‌مان رسید که اگر کمی چاشنی ِ بازی به صفحه‌ی به‌زودی اضافه کنیم، ممکن است جالب‌تر هم بشود. پس تصمیم گرفتیم کاری کنیم که کاربر بتواند روی حرکت ماشین کنترل داشته باشد، اگر دوست داشت، سرعت ماشین را زیاد یا کم کند، بوق بزند، ماشین را نگه دارد و حتی کاری کردیم که این بازی با شب و روز واقعی هماهنگ باشد و در شب، همه‌چیز به رنگ شب در بیاید و در روز هم به رنگ روز. تمام این تصویرسازی‌ها و انیمیشن‌ها را با SVG و کمی هم JavaScript انجام دادیم.
برای بازی، در وب‌سایت یک راهنمای کوچک قرار داده‌ایم که به شما کمک می‌کند دکمه‌ها را راحت‌تر پیدا کنید، اما باز کاری کرده‌ایم که کمی مزه‌ی خوب ِ کشف و غافل‌گیری را بچشید. البته در انتهای این متن هم می‌توانید با دکمه‌ها بیشتر آشنا شوید.
حالا که همه‌ی این‌ها را گفتیم، بگذارید با هم‌تیمی‌های خوب‌مان که انجام این کار را به عهده داشتند و با صبوری و حوصله، خیلی هم خوب از پسش برآمدند، آشناتان کنیم:
تمام تصویرسازی‌ها را حسام کرامتی عزیز، طراح خوش‌ذوق‌مان انجام داد، مرتضی هشترودی عزیز، توسعه‌ی Front-end و اجرای انیمیشن‌ها را به عهده داشت و حسام مطهری عزیز هم تگ‌لاین زیبای زوپ را نوشت و کار را تکمیل کرد.
اوه! داشت یادمان می‌رفت! این هم راهنمای دکمه‌های بازی:
N: Night / D:Day / H: Horn / Right: Increase Speed / Left: Decrease Speed / Break: Space
خب، دیگر وقت، وقت بازی کردن است: زوپ کن؛ مقصد بهانه‌ست
@garousian_ir
https://goo.gl/atgrxG
