وسنام
کارخانه شیرینی سنتی یزد
مشخصات
- رابط کاربری: اختصاصی
- طراح: حسین غلامیان
- بودجه: 1200 دلار
- واکنشگرا: هست
- سال ساخت: 1402
- زبان: فارسی - انگلیسی
- وضعیت: آنلاین
چالش‌ها
- چندزبانه با طراحی مجزا برای هر زبان
- طراحی اختصاصی
- تصاویر با کیفیت فوق الععاده
- هماهنگی پیکسلی بی‌نقص
- سرعت لود بالا در خارج از ایران
جزعیات پروژه
مروری بر پروژه
این پروژه مربوط به توسعه یه وب‌سایت اختصاصی برای یه کارخونه سنتی شیرینی‌های یزدی به نام «وسنام» بود. هدف این بود که هم میراث فرهنگی پرارزششون رو نشون بدیم، هم محصولات خوشمزه‌شون رو به شکل جذاب معرفی کنیم. توسعه و اجزای این پروژه بسیار جذاب بود. هدف طراح رابط کاربری این بود که یه حضور دیجیتال بسازه که هم با ارزش‌های سنتی این برند هماهنگ باشه و هم ظاهر مدرنی داشته باشه. بزرگ‌ترین چالش اینجا این بود که این تعادل بین سنت و مدرنیته که طراحی شده بود رو به درستی بتونم اجراییش کنم؛ طوری که هم اصالت برند حفظ بشه و هم وب‌سایت برای مخاطبای مختلف جذاب و کاربردی باشه.
طراحی و استایل‌دهی
توی بخش استایل‌دهی، از SCSS همراه با Bootstrap استفاده کردم تا یه رابط کاربری خاص و مدرن خلق کنم که حس سادگی و زیبایی رو منتقل کنه و علاوه بر اون بسیار سبک باشه. فرآیند طراحی با دقت زیادی پیش رفت و هدف این بود که یه رابط کاربری دوست داشتنی ساخته بشه که زیبایی‌شناسی ایرانی رو به‌خوبی نشون بده. یکی از چالش‌های بزرگ این پروژه، ترکیب عناصر سنتی ایرانی با یه چارچوب طراحی مدرن بود. برای رسیدن به این هماهنگی، انتخاب پالت رنگی، تایپوگرافی و ساختار چیدمان‌ها با دقت انجام شد تا هم با هویت برند هماهنگ باشه و هم با روندهای طراحی مدرن هم‌خوانی داشته باشه.
عملکرد و شخصی‌سازی
عملکرد روان یکی از بخش‌های کلیدی این پروژه بود. برای اضافه کردن قابلیت‌های دینامیک و بهبود تعامل کاربران، از jQuery استفاده کردم. علاوه بر این، با استفاده از Advanced Custom Fields (ACF) امکان شخصی‌سازی بالایی رو فراهم کردم تا مدیریت محتوا به‌طور کامل متناسب با نیازهای خاص کارخانه انجام بشه. چالش اصلی اینجا این بود که تمام بخش‌ها بدون هیچ مشکلی کار کنن و در عین حال، پنل مدیریت سایت برای مدیران ساده و کاربرپسند باقی بمونه. ایجاد تعادل بین قابلیت‌های پیچیده و سهولت استفاده برای مدیرای سایت نیاز به برنامه‌ریزی دقیق و اجرای با دقت داشت.
بهینه‌سازی و پشتیبانی چندزبانه
بهینه‌سازی یکی دیگه از بخش‌های مهم این پروژه بود. با استفاده از Webpack، فایل‌های CSS اضافی رو حذف و فایل‌های JavaScript رو ترکیب کردم. همچنین قابلیت‌هایی مثل تبدیل پیکسل به rem رو برای مقیاس‌پذیری بهتر و واکنش‌گرایی بیشتر به کار گرفتم. چالش اصلی در این مرحله این بود که سایت رو بدون هیچ تفاوتی نسبت به طراحی، بهینه‌سازی کنم.
علاوه بر این، قابلیت چندزبانه وب‌سایت «وسنام» که از زبان‌های فارسی و انگلیسی پشتیبانی می‌کرد، خودش چالش‌های خاصی داشت. تضمین فرآیند ترجمه روان و حفظ سازگاری چیدمان وب‌سایت در هر دو زبان نیازمند کدنویسی دقیق و تست‌های گسترده بود.
