خانه/نمونه کار/

وب‌سایت دوزبانه دُنسه توسعه

وب‌سایت دوزبانه دُنسه توسعه

وب‌سایت دوزبانه دُنسه توسعه

placeholder

Project Overview

یک هویت، در دو زبانProject Overview

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

  • سال اجرا۱۴۰۵
  • مدت پیاده‌سازیحدود ۱ تا ۱٫۵ ماه
  • بستروردپرس / Spaciaz
  • زبان‌هافارسی و انگلیسی
قالب تجاری تم‌فارستسفارشی‌سازی وردپرساجرای دو زبانهتصاویر با AI
Brand Partnership

آژانس خلاقیت امین × گروه هتل‌های دنسهBrand Partnership

این پروژه برای دُنسه توسعه، از زیرمجموعه‌های گروه هتل‌های دنسه، اجرا شد.

آژانس خلاقیت امینآژانس خلاقیت امین

گروه هتل‌های دنسهگروه هتل‌های دنسه
Project Challenge

تطبیق یک قالب بین‌المللی با هویت دُنسهProject Challenge

قالب باید از یک ساختار آماده به بستری برای معرفی دُنسه تبدیل می‌شد؛ با محتوای مرتبط با گردشگری، سرمایه‌گذاری و توسعه. در این مسیر، حفظ هماهنگی بصری در دو زبان و تأمین تصاویر متناسب با فضای برند اهمیت داشت.

01

هویت برند

تطبیق محتوای قالب و استفاده از رنگ‌های برند دنسه ساخت.

02

دو جهت خواندن

ارائه فارسی راست‌به‌چپ و انگلیسی چپ‌به‌راست با هویت مشترک.

03

محتوای تصویری

تولید مجموعه‌ای از تصاویر با AI و جای‌گذاری در ساختار سایت.

Bilingual Experience

فارسی و انگلیسی، کنار همBilingual Experience

در نسخه فارسی، لوگو و ناوبری از سمت راست آغاز می‌شوند و در نسخه انگلیسی، ساختار از سمت چپ خوانده می‌شود. تیترها، متن‌های معرفی و مسیرهای پروژه‌ها و اکوسیستم برای هر زبان ارائه شده‌اند. انتخاب‌گر FA / EN در هدر، امکان رفتن میان دو نسخه را فراهم می‌کند.

صفحه اصلی فارسی
صفحه اصلی فارسی
صفحه اصلی انگلیسی
صفحه اصلی انگلیسی
AI-Assisted Imagery

ساخت محتوای تصویری برای سایتAI-Assisted Imagery

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

معرفی حوزه‌های اکوسیستم
کاربرد تصاویر در معرفی سرمایه‌گذاری، ساخت‌وتوسعه و هتلداری

این نما کاربرد تصاویر در سایت را نشان می‌دهد. تا زمان تطبیق فایل‌های منبع، تک‌تک تصاویر یا رندرهای معماری به تولید با AI نسبت داده نشده‌اند.

WordPress Customization

قالب Spaciaz، اجرای متناسب با دُنسهWordPress Customization

پایه سایت، قالب آماده «Spaciaz – Real Estate & Construction Group» از Opal_WP است. سهم این پروژه، خرید و آماده‌سازی بستر، سفارشی‌سازی متناسب با برند، اجرای دو زبان و تأمین محتوای تصویری بود. ساختارهای پایه قالب، به‌عنوان طراحی رابط اختصاصی از صفر معرفی نمی‌شوند.

صفحه اصلی انگلیسی

MacBook Pro

معرفی توسعه‌دهنده دنسه
معرفی توسعه‌دهنده دنسه
Homepage Customization

خانه‌ای بر اساس نیاز کارفرماHomepage Customization

سفارشی‌سازی خانه به تغییر رنگ و ترجمه محدود نماند. با توجه به نیازهای کارفرما، بخش‌هایی برای معرفی مسیر همکاری و توضیح فرایند توسعه به صفحه اضافه شدند و محتوای معرفی گروه و خدمات نیز حول فعالیت گردشگری دُنسه بازآرایی شد.

بخش دموی اصلی Spaciaz اجرای دُنسه
درخواست همکاری فرم عمومی دریافت مشاوره با اطلاعات تماس و انتخاب خدمت بخش مستقل با انتخاب چهار گروه مخاطب، معرفی نوع همکاری و دریافت شرح درخواست
فرایند توسعه سکشن پنج‌مرحله‌ای متناظر در خانه مرجع دیده نمی‌شود بخش آکاردئونی از کشف سایت تا راه‌اندازی و بهره‌برداری، همراه با تصاویر
خدمات و حوزه‌ها معرفی پنج حوزه عمومی املاک و ساخت‌وساز تطبیق با سه حوزه اکوسیستم دُنسه: هتلداری، ساخت‌وتوسعه و سرمایه‌گذاری
معرفی و پروژه‌ها معرفی شرکت و پروژه‌های نمونه دمو محتوا و تصاویر گروه، پروژه‌های گردشگری و هتلداری دُنسه
زبان و هویت دموی انگلیسی با رنگ و محتوای پیش‌فرض اجرای فارسی و انگلیسی با رنگ‌های برند دنسه ساخت

مقایسه با Home One دموی رسمی سازنده انجام شده است؛ وجود این دو بخش افزوده در نسخه فعلی فارسی و انگلیسی دُنسه مشاهده شد.

Client-Specific Sections

دو بخش افزوده برای معرفی همکاری و مسیر توسعهClient-Specific Sections

مسیر همکاری؛ متناسب با نوع مخاطب

صاحب دارایی، سرمایه‌گذار، توسعه‌دهنده و مؤسسه یا سازمان، چهار گروهی هستند که در بخش همکاری مشخص شده‌اند. هر گروه توضیح کوتاه خودش را دارد و در ادامه، اطلاعات تماس و شرح فرصت یا درخواست دریافت می‌شود. این ساختار برای معرفی مدل‌های همکاری کارفرما آماده شده است.

مسیر همکاری در خانه فارسی
مسیر همکاری در خانه فارسی
مسیر همکاری در خانه انگلیسی
مسیر همکاری در خانه انگلیسی

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

فرایند توسعه در خانه فارسی
فرایند توسعه در خانه فارسی
فرایند توسعه در خانه انگلیسی
فرایند توسعه در خانه انگلیسی
Brand Color Adaptation

رنگ‌های دنسه ساخت، در ساختار قالبBrand Color Adaptation

رنگ‌بندی قالب با استفاده از رنگ‌های برند «دنسه ساخت» تطبیق داده شد تا اجرای نهایی، هویت مجموعه را بازتاب دهد. در صفحات سایت، سبز تیره در دکمه‌ها و عناصر تأکیدی، در کنار زمینه‌های روشن و متن تیره دیده می‌شود؛ ترکیبی که در نسخه فارسی و انگلیسی تکرار شده است.

#073A35سبز تیرهدکمه‌ها و تأکیدهای بصری
#F6F3ECزمینه روشنفضای نمایش متن و تصاویر
#222222متن تیرهتیترها و محتوای صفحه

کد رنگ‌ها از استایل اجرای فعلی سایت استخراج شده‌اند.

Project & Ecosystem Pages

از معرفی گروه تا جزئیات پروژهProject & Ecosystem Pages

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

معرفی کاندوتل چالوس
نمای کامل معرفی، مشخصات و امکانات پروژه
Project Page Extensions

صفحه پروژه، فراتر از معرفی کوتاهProject Page Extensions

در صفحه پروژه‌ها، بخش معرفی معمار به‌صورت مستقل اضافه شد تا نقش طراح معماری، جدا از مشخصات ساختمان دیده شود. در نمونه کاندوتل چالوس، عکس و معرفی علیرضا شرافتی ARSH[4D]، همراه با مسیر دسترسی به وب‌سایت و پروفایل حرفه‌ای او ارائه شده است.

سکشن مستقل معرفی معمار پروژه
سکشن مستقل معرفی معمار پروژه
01

معرفی مستقل معمار

تصویر، نام، شرح حرفه‌ای و لینک‌های مرتبط در یک سکشن مشخص.

02

ارائه تفکیک‌شده رسانه‌ها

تب‌های مجزا برای تصاویر، پلان‌ها و ویدئو در گالری پروژه.

03

اطلاعات تکمیلی پروژه

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

گالری تب‌بندی‌شده پروژه
گالری تب‌بندی‌شده پروژه
نمایش پلان پروژه
نمایش پلان پروژه

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

Aparat Video Integration

ویدئوی پروژه با لینک مستقیم آپاراتAparat Video Integration

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

ثبت لینک آپاراتخواندن ویدئو از آپاراتنمایش در صفحه پروژه
Implementation Process

مراحل آماده‌سازی و پیاده‌سازیImplementation Process

۱ تا ۱٫۵ ماه۱۴۰۵
  1. 01

    آماده‌سازی قالب

    استفاده از قالب خریداری‌شده تم‌فارست به‌عنوان پایه اجرا.

  2. 02

    تطبیق با برند

    تکمیل صفحه‌ها و جای‌گذاری محتوای مرتبط با دُنسه.

  3. 03

    اجرای دو زبان

    آماده‌سازی فارسی و انگلیسی و مسیر جابه‌جایی زبان.

  4. 04

    تکمیل تصاویر

    تولید تصاویر با AI و هماهنگ‌کردن آن‌ها با صفحات سایت.

Mobile Presentation

دو زبان در اندازه موبایلMobile Presentation

صفحه فارسی در موبایل

فارسی؛ جهت خواندن از راست

صفحه انگلیسی در موبایل

انگلیسی؛ جهت خواندن از چپ

Project Gallery

Project Outcome

یک حضور دیجیتال با هویت مشترکProject Outcome

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

    question

    چشم انداز از شما، تخصص از مافرم مشاوره