شرکت مهدفام سپاهان
یکی از بزرگترین انبوه سازان ساختمان در ایران
مشخصات
- رابط کاربری: اختصاصی توسط Blacko.studio
- بودجه: 2000 دلار
- واکنشگرا: هست
- سال ساخت: 1403
- زبان: فارسی
- وضعیت: آنلاین
چالش‌ها
- رویداد های حرفه ای
- هدر اصلی انیمیشنی
- نقشه گوگل اختصاصی
- واقعیت افزوده برای طراحی داخلی
جزعیات پروژه
درباره پروژه مهدفام
به‌عنوان توسعه‌دهنده‌ی سایت شرکت ساختمانی مهدفام سپاهان، هدفم این بود که پروژه‌های متنوع و باکیفیت این مجموعه رو توی یه بستر حرفه‌ای و کاربرپسند نشون بدم. از مجتمع‌های مسکونی لوکس گرفته تا ساختمان‌های تجاری مدرن، همه‌ی پروژه‌ها با عکس‌های باکیفیت و توضیحات دقیق ارائه شدن تا تعهد مهدفام به زیبایی مدرن، کارایی و پایداری محیطی به‌خوبی دیده بشه. این سایت طراحی شده تا تصویر دقیقی از تخصص و نوآوری مهدفام تو صنعت ساخت‌وساز ارائه بده.
طراحی و استایل
طراحی رابط کاربری و تجربه‌ی کاربری سایت مهدفام که توسط تیم خوش‌ذوق «Blacko Studio» انجام شده، ظاهری شیک و حرفه‌ای داره. رنگ‌های اصلی سایت، سرمه‌ای تیره و طلاییه که حس اعتبار و لوکس‌بودن برند رو منتقل می‌کنه. چینش صفحه‌ها کاملاً واضحه و پیمایش تو سایت خیلی راحته. عکس‌های با کیفیت بالا و توضیحات دقیق پروژه‌ها هم جوری قرار گرفتن که تمرکز کاربر رو روی کیفیت کارهای مهدفام نگه دارن. طراحی واکنشگرا هم باعث شده سایت روی همه‌ی دستگاه‌ها، از موبایل گرفته تا دسکتاپ، تجربه‌ی خوبی بده.
تکنولوژی ها
سایت مهدفام روی بستر وردپرس پیاده‌سازی شده و با استفاده از ACF Pro قابلیت مدیریت محتوای پویا و قابل تنظیم بهش اضافه شده. استایل‌دهی با SCSS انجام شده و برای تعاملات پویا از jQuery و برای پردازش سمت سرور از PHP استفاده شده. ای‌جکس هم به‌کار رفته تا ارتباط داده‌ها بدون نیاز به رفرش‌کردن صفحه انجام بشه و تجربه‌ی کاربری روانی ارائه بده. برای بهینه‌سازی عملکرد، از Webpack استفاده شده تا مدیریت فایل‌ها و بارگذاری منابع بهینه باشه.
برای بهتر شدن سرعت و ظاهر سایت، از فرمت‌های تصویری نسل جدید مثل AVIF و WebP استفاده شده که هم حجم کمتری دارن، هم کیفیت بالا. یکی از بخش‌های خاص سایت، هدر انیمیشنی صفحۀ اول با استفاده از Lottieئه که از همون ورود به سایت، حس پویایی و خلاقیت رو منتقل می‌کنه. ترکیب این فناوری‌ها باعث شده سایت مهدفام هم زیبا باشه، هم کاربردی.
رویدادها
بخش «رویدادها» تو سایت مهدفام طوری طراحی شده که مشتریا و مخاطبا همیشه از آخرین اتفاقات شرکت باخبر باشن. این بخش با استفاده از Swiper.js طراحی شده و یه اسلایدر داره که رویدادهای جاری و آینده رو نمایش می‌ده. پایین‌تر هم آرشیو رویدادهای قبلی دیده می‌شه. این ساختار باعث شده کاربرها به‌راحتی به اطلاعات دسترسی پیدا کنن و حس شفافیت و تعامل بیشتر با مجموعه شکل بگیره.
تکنولوژی واقعیت افزوده
سایت مهدفام با استفاده از تکنولوژی واقعیت افزوده (AR)، تجربه‌ی کاربر رو ارتقا داده. تو صفحه‌ی پروژه‌ها، مدل‌های سه‌بعدی از فضاهای داخلی و نمای بیرونی ساختمان‌ها وجود داره که کاربر می‌تونه باهاشون تعامل کنه. این ویژگی کمک می‌کنه جزئیات طراحی‌ها بهتر دیده بشه و درک دقیق‌تری از پروژه‌ها شکل بگیره. این حرکت نشون‌دهنده‌ی نگاه پیشرفته‌ی مهدفام به تکنولوژی و ارائه‌ی پروژه‌ها به‌صورت حرفه‌ای و تعاملیه.
نقشه‌ی اختصاصی گوگل
یه نقشه‌ی اختصاصی گوگل‌مپ هم تو سایت هست که با ظاهر برند مهدفام هماهنگه و رنگ‌هاش سرمه‌ای و طلایی طراحی شدن. روی نقشه چند تا پین هست که مکان پروژه‌ها و دفترهای شرکت رو نشون می‌دن. هر پین قابل کلیکه و اطلاعات مربوط به اون مکان نمایش داده می‌شه. این بخش هم کمک می‌کنه تا کاربرها راحت‌تر بتونن پروژه‌های مهدفام رو پیدا کنن و اطلاعات بیشتری درباره‌شون به‌دست بیارن.
