شرکت دوریک
سازنده عمارت‌های لوکس
مشخصات
- رابط کاربری: اختصاصی
- طراح: Ostudio24.com
- بودجه: 2500 دلار
- واکنشگرا: هست
- سال ساخت: 1402
- زبان: عربی - انگلیسی
- وضعیت: آنلاین
چالش‌ها
- چندزبانه با طراحی مجزا برای هر زبان
- صفحه پروژه‌ها و صفحه خدمات با رابطه دو طرفه
- یک صفحه برای آپلود تصاویر، ۵ مکان برای نمایش آنها
- سرعت بالا و بهینه بودن
جزعیات پروژه
UI/UX طراحی
هدف وب‌سایت شرکت دوریک اینه که ویلاها و کاخ‌های لوکس و خاصی که می‌سازن رو به بهترین شکل ممکن به مشتری‌های بالقوه نشون بده. طراحی رابط کاربری (UI) این سایت رو شرکت Ostudio انجام داده؛ یه تیم حرفه‌ای که تخصصش طراحی سایتای زیبا و کاربرپسنده. ولی خب، فقط طراحی قشنگ کافی نیست برای اینکه تجربه‌ی کاربری (UX) خوبی رقم بخوره. اینجا بود که من وارد ماجرا شدم؛ مسئولیت توسعه‌ی فنی سایت با من بود، یعنی اینکه مطمئن شم کدهایی که پشت صحنه هستن، درست، روان و بی‌دردسر کار می‌کنن.
به عنوان یه توسعه‌دهنده، کارم این بود که کنار تیم طراحی باشم و چیزی که اونا تو ذهنشون داشتن رو تبدیل کنم به یه سایت واقعی و کاربردی. کدهای سایت رو بهینه کردم تا سریع و روون بارگذاری بشه، نسخه‌ی موبایل‌پسند و ریسپانسیو هم براش نوشتم. یه سری امکاناتم به سایت اضافه کردم؛ مثل صفحه انتخاب متریال ، نقشه گوگل اختصاصی، یا گالری پروژه‌ها که کیفیت کارشون رو حسابی به نمایش می‌ذاره.
پروژه ها
تو صفحه‌ی پروژه‌های دوریک، طراحی خاصی پیاده شده که واقعاً حال و هوای ویلاهای لاکچری رو منتقل می‌کنه. اول، عکس هر پروژه سیاه‌وسفیده که یه حس شیک و باکلاس می‌ده. ولی وقتی موس روش می‌ره، رنگی می‌شه و زیبایی کار حسابی خودشو نشون می‌ده.
زمینه‌ی سیاه صفحه هم باعث شده حس لوکس‌بودن کار بیشتر منتقل شه و تصویر برند حسابی تو ذهن مخاطب بمونه.
صفحه پروژه
توی صفحه‌ی پروژه، برای هر پروژه چند تا بخش در نظر گرفتم؛ از نمای ساختمان گرفته تا پلان، مراحل ساخت، طراحی داخلی و متریال‌های استفاده‌شده. برای هر بخش، یه گالری عکس گذاشتم که کاربر بتونه روش کلیک کنه و دقیق‌تر ببینه. منویی هم اضافه کردم که همیشه روی صفحه هست و کاربر راحت بین بخش‌ها جابه‌جا بشه.
(اسلاید بعدی یه تصویر بزرگ‌شده رو نشون می‌ده.)
خدمات
تو صفحه‌ی خدمات دوریک، یه چالش جدی داشتم که با یه ایده‌ی خلاقانه حلش کردم. عکس‌ها رو بر اساس بخش‌های مختلف یه پروژه دسته‌بندی کردم؛ مثل طراحی داخلی، محوطه‌سازی و مراحل ساخت. هر دسته‌بندی، یه بخش جدا با تصویر پیش‌نمایش داره و کاربر می‌تونه با کلیک روش، عکسای مربوط به اون بخشو ببینه. برای اینکه جابه‌جایی بین دسته‌ها جذاب‌تر بشه، یه افکت انیمیشنی نرم هم اضافه کردم.
صفحه هر خدمت
برای اینکه تجربه‌ی کاربر بهتر شه، تو هر بخش خدمات، سه تا عکس از پروژه‌های مرتبط رو نشون دادم و یه دکمه‌ی «بیشتر ببین» هم گذاشتم که باهاش برن صفحه‌ی اون پروژه و عکسای بیشتری ببینن. این طراحی باعث شد تخصص شرکت تو هر حوزه خوب به چشم بیاد و توجه کاربر به کیفیت کارا جلب بشه.
نسخه عربی
طراحی سایت دوزبانه، مخصوصاً انگلیسی و عربی، یه دقت ویژه می‌خواست. باید تو طراحی صفحه، فونت‌ها، و تجربه‌ی کاربری کلی حسابی دقت می‌کردم. من مطمئن شدم که هم تو راست‌به‌چپ، هم چپ‌به‌راست، همه چی مرتب و درست کار کنه. فونت‌ها و جهت نوشتن و حتی چینش عناصر رو برای هر زبان جداگانه تنظیم کردم تا سایت تو هر دو زبان یه حس هماهنگ و یکپارچه داشته باشه.
در کل، مطمئنم تونستم به شرکت دوریک بغداد یه سایت با کیفیت بالا تحویل بدم که هم از نظر طراحی، هم کارکرد، فراتر از انتظار مشتری بوده.
