کیس استادی هتل جوارم: خلق تجربه کاربری نوآورانه برای رزرو آنلاین

تاریخ انجام پروژه:
اسفند 1403 و فروردین 1404
حوزه فعالیت:
گردشگری
خدمات:
دیزاین و توسعه

در دنیای امروز صنعت گردشگری و هتلداری، وب‌سایت هتل یکی از اصلی‌ترین ابزارهای جذب مشتری و افزایش رزرو است. پروژه طراحی و توسعه وب‌سایت هتل جوارم با هدف بهبود تجربه کاربری و افزایش نرخ تبدیل کاربران به رزرو کننده، آغاز شد. تیم منتوریکس با همکاری نزدیک با آقای محمد امین نظری، مدیر اجرایی هتل، سایتی طراحی کرد که با تمرکز بر تصاویر بزرگ، ساده‌سازی فرایند رزرو و دیزاین منحصربه‌فرد، تجربه‌ای جذاب و کاربردی را برای کاربران فراهم می‌کند. این پروژه باعث تمایز هتل جوارم در بازار رقابتی هتل‌های ایران شد و پایه‌ای قوی برای رشد آنلاین برند ایجاد کرد.

واژه‌نامه

کیس استادی (Case Study): قصه انجام پروژه
PDP (Product Details Page): صفحه جزئیات اقامتگاه که شامل تصاویر، مشخصات، امکانات و دکمه رزرو است.
Bento Design: سبک طراحی که بر اساس چیدمان بلوک‌های مشخص و منظم است.
ویجت آب‌وهوا (Weather Widget): ابزاری که شرایط آب‌وهوایی مقصد اقامتگاه را بر اساس تاریخ انتخاب شده نمایش می‌دهد.
PLP (Product List Page): صفحه لیست اقامتگاه‌ها که به کاربر امکان مشاهده و انتخاب واحدهای مختلف را می‌دهد.
کلاینت (Client): کارفرما یا مشتری
نرخ تبدیل (Conversion Rate): نسبت کاربران سایت که اقدام به رزرو یا خرید می‌کنند به کل بازدیدکنندگان.

چه مشکلی داشتیم؟ | بیان مسئله (Problem Space)

برای درک بهتر نیازها و حساسیت‌های برند هتل جوارم، جلسات متعددی با آقای نظری و تیم طراحی برگزار کردیم. در این جلسات درباره تجربه کاربری، دغدغه‌های کاربران، و ویژگی‌های منحصربه‌فرد هتل جوارم گفتگو شد تا بتوانیم بهترین راهکارها را برای بهبود سایت ارائه کنیم. این همکاری مستمر به ما کمک کرد تا با شناخت دقیق‌تر پرسوناها و الزامات پروژه، مسیر طراحی را به شکلی هدفمند و منطبق با نیازهای واقعی پیش ببریم.

دنبال راه‌حل گشتیم | راه‌حل (Possible Solutions)

حالا ببینیم که برای دیزاین سایت چه مواردی را در نظر گرفتیم:

01
طراحی تصویرمحور و شفاف صفحه اقامتگاه

راه‌حل: طراحی صفحه جزئیات اقامتگاه (PDP) با تصاویر بزرگ و جذاب در فولد اول و نمایش واضح امکانات و شرایط رزرو
تأثیر: کاربران سریع‌تر به اطلاعات مهم دسترسی پیدا می‌کنند و انگیزه بیشتری برای رزرو آنلاین خواهند داشت.

02
دکمه رزرو استیکی برای دسترسی همیشگی

راه‌حل: پیاده‌سازی دکمه Call to Action استیکی و همیشه قابل دسترس در سمت چپ صفحه برای تسهیل فرایند رزرو
تأثیر: افزایش نرخ تبدیل به دلیل سهولت در انجام رزرو و کاهش احتمال ترک صفحه قبل از تکمیل فرآیند.

03
ادغام بی‌وقفه با سامانه IIBooking

راه‌حل: ادغام بدون نقص با سامانه IIBooking به گونه‌ای که تاریخ انتخاب‌شده کاربر حفظ شده و نیاز به انتخاب مجدد نباشد
تأثیر: کاهش سردرگمی کاربران و افزایش رضایت آن‌ها که منجر به بهبود تجربه کاربری و نرخ رزرو می‌شود.

04
نمایش برجسته قوانین و مقررات رزرو

راه‌حل: نمایش قوانین و مقررات رزرو به صورت پررنگ و برجسته در صفحه و هنگام انجام رزرو
تأثیر: افزایش اعتماد کاربران و کاهش تماس‌های پشتیبانی ناشی از ابهام در شرایط رزرو.

05
ارائه اطلاعات آب‌وهوا بر اساس تاریخ رزرو

راه‌حل: بررسی و امکان‌سنجی نمایش ویجت آب‌وهوا بر اساس تاریخ انتخابی در صفحه PDP
تأثیر: ارائه اطلاعات بیشتر و کاربردی به کاربران که به تصمیم‌گیری بهتر و راحت‌تر برای رزرو کمک می‌کند.

فرآیند طراحی را چطور انجام دادیم؟ | Design Process

مثل همیشه، فرآیند طراحی صفحات وبسایت را براساس مراحل زیر انجام دادیم.

در Define و Empathize چکار کردیم؟

برای درک بهتر نیازها و حساسیت‌های برند هتل جوارم، جلسات متعددی با آقای نظری برگزار کردیم. در این جلسات درباره تجربه کاربری، دغدغه‌های کاربران و ویژگی‌های منحصربه‌فرد هتل جوارم گفتگو شد تا بتوانیم بهترین راهکارها را برای بهبود سایت ارائه کنیم. این همکاری مستمر به ما کمک کرد تا با شناخت دقیق‌تر پرسوناها و الزامات پروژه، مسیر طراحی را به شکلی هدفمند و منطبق با نیازهای واقعی پیش ببریم.

در مرحله همدلی با کاربر، متوجه شدیم که سوالات پرسونا چنین مواردی هستند؟

کاربران هتل جوارم عمدتاً دغدغه‌های خاصی درباره فرآیند رزرو، کیفیت اقامتگاه و اطلاعات جانبی دارند. سوالات مهمی که از سوی پرسوناها مطرح شد شامل موارد زیر بود:

  • آیا رزرو به سادگی و بدون نیاز به انتخاب مجدد تاریخ انجام می‌شود؟

  • تصاویر اتاق‌ها و امکانات به چه صورت نمایش داده می‌شود؟

  • شرایط لغو و قوانین رزرو چیست؟

  • موقعیت مکانی هتل و دسترسی‌ها چگونه است؟

  • شرایط آب‌وهوا در زمان اقامت چگونه است؟

به جز سوالات، دغدغه‌های زیر را هم دارند:

علاوه بر این، دغدغه‌های مهم شامل اطمینان از صحت اطلاعات، سادگی فرآیند رزرو و شفافیت قوانین بود.

حالا در مرحله Define، براساس اطلاعاتی که بدست آورده بودیم، چالش‌ها و نیازهای اصلی را تعریف کردیم. چالش‌های تعریف شده:

پیچیدگی و عدم وضوح در فرایند رزرو آنلاین و نیاز به هدایت به سامانه IIBooking به صورت یکپارچه

کمبود اطلاعات دقیق و قابل مشاهده درباره قوانین و مقررات رزرو

عدم وجود طراحی منحصر به فرد و تصویر محور که توجه کاربران را جلب کند

اهداف طراحی:

ساده‌سازی و تسریع فرآیند رزرو با تمرکز روی تجربه کاربری (UX)

نمایش تصاویر بزرگ و جذاب اقامتگاه‌ها در فولد اول صفحه

ایجاد طراحی خاص و متفاوت با استفاده از سبک Bento که هویت بصری هتل را به خوبی نمایش دهد

در مرحله Ideate چکار کردیم؟

پس از شناسایی چالش‌ها و اهداف، به بررسی و تحلیل نمونه‌های موفق پرداختیم و بر اساس آن ایده‌های نوآورانه برای صفحه اصلی و صفحات جزئیات اقامتگاه ارائه دادیم. تمرکز ما بر تلفیق طراحی مینیمال و تصویر محور با عملکرد بهینه بود تا کاربران به راحتی بتوانند به اطلاعات مورد نظرشان دسترسی داشته باشند و فرایند رزرو را بدون دغدغه انجام دهند.

در مرحله Design /طراحی چکار کردیم؟

در این مرحله، ابتدا وایرفریم‌های صفحه اصلی، PDP و سایر صفحات کلیدی را طراحی کردیم تا ساختار کلی و چیدمان عناصر مشخص شود. سپس با استفاده از پالت رنگی انتخاب شده و فونت‌های پیشنهادی (ایران سنس و علی بابا)، پروتوتایپ‌های دقیق و کاربرپسندی ایجاد کردیم که طراحی ریسپانسیو و جذابی را برای تمامی دستگاه‌ها تضمین کند.

چطور طرح را تحویل تیم فنی دادیم؟ (Development Handoff)

با نهایی شدن طراحی‌ها، جلسه‌ای تخصصی با تیم توسعه برگزار کردیم تا نکات فنی و جزئیات مهم طراحی را منتقل کنیم. فایل‌های فیگما همراه با مستندات کامل در اختیار تیم توسعه قرار گرفت و در طول فرآیند پیاده‌سازی، تیم طراحی به صورت مستمر پاسخگوی سوالات و نیازهای تیم فنی بود.

در مرحله تست چکار کردیم؟

پس از راه‌اندازی سایت در محیط آزمایشی، تیم ما چندین بار تست‌های عملکردی، ظاهری و کاربری انجام داد. باگ‌ها و مشکلات در قالب گزارش‌هایی در گوگل شیت و فیگما ثبت و به تیم توسعه منتقل شدند. تست‌ها در چند مرحله انجام شد تا از کیفیت نهایی و تجربه کاربری مطلوب اطمینان حاصل شود.

جمع‌بندی

پروژه طراحی وب‌سایت هتل جوارم با همکاری نزدیک تیم منتوریکس و مدیر اجرایی هتل، با موفقیت به پایان رسید. طراحی منحصربه‌فرد، استفاده از تصاویر حرفه‌ای، و تمرکز بر تجربه کاربری باعث شد که سایت به ابزاری قدرتمند برای افزایش نرخ رزرو تبدیل شود. این پروژه نمونه‌ای موفق از تلفیق هنر طراحی و عملکرد فنی برای ایجاد تجربه‌ای به‌یادماندنی برای کاربران است.