نمونه‌ی مفهومی. این پروژه را استودیو لوزی برای نمایش روش کارش طراحی کرده است؛ نام‌ها و داده‌ها واقعی نیستند و بخش «اثر» فقط هدف و برنامه‌ی سنجش را نشان می‌دهد.
خلاصه
| صنعت | اقامتگاه بوتیک در خانه‌ی تاریخی (کاشان) |
|---|---|
| نقش لوزی | UX رزرو، UI، توسعه |
| پلتفرم | وردپرس + موتور رزرو + WPML |
| دامنه | خانه، فهرست اتاق‌ها، جزئیات اتاق، اطلاعات مهمان + موبایل |
| زمان‌بندی | ۹ هفته |
چالش
بیشتر رزروها از سایت‌های واسط می‌آمد و بخشی از هر رزرو صرف کمیسیون می‌شد. عکس‌ها پراکنده بود، هیچ صفحه‌ای داستان خانه را تعریف نمی‌کرد و مهمان خارجی راهی برای دیدن قیمت نداشت.
هدف‌ها و معیار موفقیت
- روایت خانه: عکس‌های بزرگ، داستان مرمت و نام هر اتاق. معیار: زمان حضور و بازدید صفحه‌ی اتاق‌ها.
- رزرو مستقیم: نوار تاریخ در هیرو، قیمت شفاف، لغو رایگان. معیار: سهم رزرو مستقیم.
- دوزبانه: نسخه‌ی انگلیسی کامل. معیار: رزروهای نسخه‌ی انگلیسی.
سیستم طراحی
- رنگ: پالت Moss؛ سبز برگ نارنج که با آجر و کاشی عکس‌ها رقابت نمی‌کند. سفید روی Moss 600 5.07:1، پس دکمه‌های 600 AA را پاس می‌کنند. بخش نظرات روی Moss 900.
- تایپوگرافی: Display 2xl روی عکس تمام‌عرض با گرادیان تیره برای کنتراست؛ قیمت‌ها Text xl DemiBold.
- چیدمان: هیرو ۷۶۰px با نوار رزرو شناور، گالری ۲+۳ تصویری، کارت اتاق افقی در فهرست و عمودی در خانه.
- حالت تیره: هیرو و نظرات روی سطح تیره طراحی شده‌اند؛ نسخه‌ی کامل حالت تیره طراحی نشده است.
معماری کامپوننت
نوار رزرو (ورود/خروج/مهمان + دکمه)، کارت اتاق با بج «تنها ۱ اتاق باقی مانده» (Error) یا «محبوب» (Brand)، باکس رزرو چسبان با محاسبه‌ی قیمت کل، چک‌باکس-کارت خدمات اضافه (شام، تور، ترانسفر).
صفحه‌های کلیدی
- فهرست اتاق‌ها: تاریخ یک بار وارد می‌شود و فقط اتاق‌های در دسترس با قیمت همان بازه نمایش داده می‌شوند.
- جزئیات اتاق: گالری بزرگ، امکانات و قوانین اقامت کنار باکس رزرو؛ «تا پیش از پرداخت هزینه‌ای کسر نمی‌شود».
- اطلاعات مهمان: تجربه‌ها (شام سنتی، تور گلاب‌گیری) همان‌جا به‌عنوان خدمات اضافه انتخاب می‌شوند.
موبایل
نوار تاریخ فشرده زیر هیرو، صفحه‌ی اتاق با عکس تمام‌عرض و جمع کل در نوار پایین، پرداخت کامل یا بیعانه‌ی ۳۰٪.
تحویل و پیاده‌سازی
موتور رزرو برای موجودی و قیمت فصلی، WPML برای دوزبانگی با رشته‌های جدا برای قیمت و قوانین، تصاویر WebP و lazy-load برای گالری‌های سنگین.
اثر
تحویل‌شده: ۴ قالب دسکتاپ، ۳ صفحه‌ی موبایل، ساختار دوزبانه. برنامه‌ی اندازه‌گیری: سهم رزرو مستقیم، فروش خدمات اضافه، رزرو نسخه‌ی انگلیسی. [جای نتایج واقعی]
