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