از یک برند، تا یک گاراژ آنلاینProject Overview
ایران کروزر پیش از این پروژه وبسایت نداشت. هدف، راه‌اندازی یک پایگاه آنلاین برای معرفی برند، عرضه تجهیزات موتورهای کروزر و چاپر و انتشار محتوای مرتبط با این سبک موتورسواری بود. سایت با وردپرس و یک قالب آماده ساخته شد؛ سپس تصاویر، بنرها و محتوای آن برای شخصیت ایران کروزر آماده و جای‌گذاری شدند.
- زمان اجرابهار ۱۴۰۵
- مدت پروژهیک ماه
- بستروردپرس / وودمارت پلاس
- نوع پروژهراه‌اندازی از صفر با قالب آماده
حفظ کیفیت دمو، با محتوای واقعی برندProject Challenge
چالش اصلی، جایگزین‌کردن محتوای عمومی یک دموی لوازم یدکی خودرو با هویت یک مجموعه تخصصی موتورسواری بود؛ بدون اینکه هماهنگی و زیبایی ترکیب‌بندی قالب از بین برود. عکس‌های ارسالی کارفرما باید برای قاب‌ها و نسبت‌های موجود آماده می‌شدند و بنرها، رنگ‌ها و نوشته‌ها نیز به یک زبان مشترک می‌رسیدند.
تصویر مناسب هر قاب
آماده‌سازی عکس‌ها متناسب با اندازه و محل قرارگیری در قالب.
هویت یکپارچه
هماهنگ‌کردن بنرها و تصاویر با فضای موتورسیکلت و رنگ برند.
محتوای واقعی
تکمیل معرفی مجموعه و تولید مقاله برای حضور آنلاین ایران کروزر.
از دموی خودرو به دنیای کروزرTemplate Adaptation
پایه اجرا، دموی «لوازم یدکی» وودمارت پلاس بود. ساختار فروشگاهی و چیدمان آماده حفظ شد و محتوای بصری و متنی با موضوع ایران کروزر تطبیق یافت. این مقایسه، مرجع قالب و اجرای نهایی را نشان می‌دهد؛ ایران کروزر نسخه قبلی سایت نداشت.
ساختار پایه و امکانات عمومی فروشگاه متعلق به قالب و بستر وردپرس‌اند. سهم این پروژه، راه‌اندازی، سفارشی‌سازی، آماده‌سازی تصاویر، طراحی بنر و تکمیل محتواست.
تک‌تک عکس‌ها، برای یک ترکیب‌بندی هماهنگPhotoshop Cutouts
از عکس ارسالی
تا کارت آماده نمایش
کارفرما عکس هر موتور را جداگانه ارسال کرده بود. تصاویر در فتوشاپ دوربری و برای جای‌گیری در کارت‌های قالب آماده شدند. نتیجه، مجموعه‌ای از موتورهای واقعی ایران کروزر است که با همان منطق بصری دموی اصلی نمایش داده می‌شوند.
- 01
دریافت تصاویر
عکس‌های مدل‌های مختلف از کارفرما.
- 02
دوربری در فتوشاپ
جداکردن موتور از زمینه عکس ارسالی.
- 03
آماده‌سازی برای قالب
تنظیم جای‌گیری تصویر در کنار نام مدل و نشان برند.
تصویر خام اولیه در این مقایسه ارائه نشده است؛ شرح دوربری بر اساس توضیح طراح پروژه است.
بنرهایی متناسب با شخصیت ایران کروزرBrand Artwork
برای معرفی گروه‌های محصول، بنرهایی هماهنگ با رنگ‌بندی و فضای برند آماده شدند. زمینه ذغالی، تصویر جداشده محصول، نوشته روشن و تأکید نارنجی، ارتباط بنرها را با اجزای دیگر سایت حفظ می‌کنند.
یک ماه، از آماده‌سازی تا راه‌اندازیImplementation Process
مدت کل اجرای پروژه بر اساس اطلاعات طراح
- 01
تطبیق قالب با کسب‌وکار
انتخاب ساختارهای مناسب از دمو برای معرفی برند و فروشگاه.
- 02
آماده‌سازی تصاویر و بنرها
دوربری عکس‌ها در فتوشاپ و طراحی تصاویر متناسب با برند.
- 03
تکمیل صفحات و محتوا
جای‌گذاری تصاویر، تکمیل نوشته‌ها و آماده‌سازی مقاله‌ها.
- 04
راه‌اندازی وبسایت
یکپارچه‌کردن صفحه اصلی، فروشگاه و بخش محتوایی در وردپرس.
محصولات در امتداد هویت برندStorefront
کارت‌های مدل موتور در صفحه اصلی، کنار معرفی دسته‌های لوازم جانبی قرار گرفته‌اند. در فروشگاه، فیلترها به مرور محصولات کمک می‌کنند و صفحه محصول، تصویر، توضیح سازگاری با مدل موتور و اقدام خرید را کنار هم نمایش می‌دهد.
MacBook Pro
نماها از سایت واقعی ثبت شده‌اند؛ پرداخت و فرایند تحویل سفارش در این بررسی آزمایش نشده‌اند.
محتوا برای معرفی نام ایران کروزرBrand Content
بخشی از پروژه، نوشتن مقاله و تکمیل محتوای سایت با هدف کمک به شناخته‌شدن نام «ایران کروزر» در جست‌وجو بود. بخش مجله نیز محتوای مرتبط با موتورسواری کروزر و تجهیزات آن را در کنار فروشگاه ارائه می‌دهد.
تصاویر، وضعیت فعلی مجله را نشان می‌دهند. رتبه گوگل یا رشد ورودی بدون داده به پروژه نسبت داده نمی‌شود.
فراتر از فهرست محصولاتBrand Presence
ایران کروزر، در کنار فروش تجهیزات، یک جامعه علاقه‌مند به موتورهای کروزر و چاپر را معرفی می‌کند. صفحه کلاب با عکس گروهی و متن معرفی، این بخش از شخصیت برند را در وبسایت بازتاب می‌دهد.
همان فروشگاه، در دسترس موبایلMobile Views
نماهای واقعی خانه، کاتالوگ و صفحه محصول در موبایل، در امتداد همان هویت بصری ارائه می‌شوند.
نماهای بیشتر از پروژهProject Gallery
نماهای دسکتاپ
نماهای موبایل
آغاز حضور آنلاین ایران کروزرProject Outcome
خروجی این پروژه، نخستین وبسایت ایران کروزر بود: یک فروشگاه وردپرسی بر پایه قالب آماده، با تصاویر دوربری‌شده، بنرهای متناسب با برند و محتوای تکمیل‌شده. تمرکز اجرا بر حفظ انسجام بصری دمو هنگام جای‌گذاری محتوای واقعی کسب‌وکار بود.
