dgcheme.comREMOTE LIVE
مرورگر زنده پروژهشرکت رنگ های صنعتی و پیگمنتبا یک کلیک، سایت داخل مرورگر ابری واقعی باز و بهصورت زنده Stream میشود
01
جزئیات کامل پروژه
رنگ سارهشرکت رنگ های صنعتی و پیگمنت
DGCheme / رنگ ساره یک وبسایت تخصصی در حوزه پیگمنتهای صنعتی، رنگهای ویژه و راهکارهای رنگی برای صنایع مختلف است. ساختار پروژه برای معرفی گروههای متنوعی از پیگمنتها و کاربردهای آنها در حوزههایی مانند پلاستیک، چاپ و مرکب، پوششهای صنعتی، محصولات دکوراتیو و صنایع خودرویی توسعه یافته است. تمرکز طراحی بر ترکیب محتوای فنی با یک تجربه بصری متمایز و متناسب با ماهیت رنگ و پیگمنت بوده است.
PROJECT PROFILE
مشخصات اجرای پروژه
دستهبندیطراحی سایت شرکتی
نوع اجراوردپرس اختصاصی
سال پروژه2023
مدت اجرا8 هفته
وضعیت پروژهدر حال اتمام
سئو و پشتیبانی
سئو فعال
پشتیبانی فعال
نمایش واقعی سایت
پروژه در یک مرورگر ابری واقعی باز میشود و بهصورت زنده در Desktop، Tablet و Mobile نمایش داده میشود. سایت مقصد مستقیماً داخل iframe ازکی وب قرار نمیگیرد؛ بنابراین محدودیتهای X-Frame-Options و CSP سایت مقصد مانع این روش نمایش نیستند.
تجربه تعاملی پروژه
پروژه را فقط نبینید؛ در اندازههای واقعی بررسی کنید.
نمای دسکتاپ، تبلت و موبایل را جابهجا کنید. سایت اصلی در یک Browser Session مستقل در Cloud اجرا میشود و تصویر همان Browser بهصورت زنده به این بخش منتقل میشود؛ بدون Screenshot fallback.
دسکتاپ1440px
تبلت820px
موبایل390px
مرورگر ابریREMOTE / LIVE
داستان اجرای پروژه
چالش اصلی، تصمیمهای اجرایی و نتیجه نهایی پروژه را در سه مرحله کوتاه و شفاف مرور کنید.
01نیاز و مسئله
چالش پروژه
این پروژه نیاز به وبسایتی داشت که علاوه بر ظاهر حرفهای، بتواند خدمات مجموعه را بهصورت واضح معرفی کند و مسیر ارتباط کاربر با کسبوکار را سادهتر کند. ساختار اولیه باید به شکلی طراحی میشد که در نسخه موبایل و دسکتاپ تجربه یکسان و قابلفهمی ایجاد کند و در عین حال امکان توسعه بخشهای جدید در آینده وجود داشته باشد. یکی از چالشهای اصلی، ایجاد تعادل میان طراحی بصری، سرعت، سادگی استفاده و ساختار مناسب برای توسعه و سئو بود.
02تصمیم و اجرا
راهکار ازکی وب
در ازکی وب ابتدا ساختار صفحات، نیازهای کاربران و مسیرهای اصلی تبدیل بررسی شد و سپس معماری اطلاعات و UI/UX پروژه بر اساس هویت و اهداف کسبوکار شکل گرفت. طراحی رابط کاربری بهصورت اختصاصی انجام شد و بخشهای مهم مانند معرفی خدمات، CTAها، فرمهای ارتباطی و نمایش محتوا با اولویت تجربه کاربری طراحی شدند. در مرحله توسعه نیز ساختار فنی، نمایش واکنشگرا، سرعت بارگذاری، قابلیت مدیریت محتوا و زیرساخت پایه سئو از ابتدا در نظر گرفته شد تا وبسایت فقط برای زمان تحویل مناسب نباشد و امکان توسعه در مراحل بعدی را نیز داشته باشد.
03خروجی پروژه
نتیجه و خروجی
خروجی نهایی یک وبسایت مدرن، واکنشگرا و متناسب با هویت کسبوکار است که خدمات مجموعه را با ساختاری منظم و قابلفهم ارائه میکند. مسیرهای اصلی کاربر برای مشاهده خدمات، دریافت اطلاعات و برقراری ارتباط سادهتر شده و سایت در موبایل و دسکتاپ تجربه کاربری یکپارچهای دارد. معماری فنی و محتوایی پروژه نیز به شکلی اجرا شده که ادامه توسعه، تولید محتوا، بهینهسازی سئو و اضافهشدن قابلیتهای جدید بدون نیاز به بازطراحی کامل ساختار امکانپذیر باشد.
فناوریهای پروژه
فناوریها و ابزارهایی که متناسب با نیاز واقعی این پروژه برای طراحی، توسعه و نگهداری انتخاب شدهاند.
WordPressPHPMySQLJavaScriptWordPress REST APIAJAX / FetchCustom UI/UXCustom CSSCustom JavaScriptResponsive Design
طراحی قبلی پروژه
نسخه قبلی را در کنار خروجی جدید بررسی کنید؛ این بخش فقط از تصویر آپلودشده در پنل مدیریت استفاده میکند.
پروژه بعدی
برای پروژه بعدی آمادهاید؟
اگر به طراحی اختصاصی، توسعه اصولی و مسیر قابل توسعه نیاز دارید، نیاز پروژه را با هم بررسی میکنیم.