شهریور ۱۷, ۱۳۹۵

پروژه طراحی مجدد سایت چرم مشهد


شرکت چرم مشهد در سال ۱۳۵۷ در چرم شهر مشهد به مساحت ۴۰/۰۰۰ متر مربع و زیر بنای ۱۲/۰۰۰ متر مربع با هدف تولید البسه و مصنوعات چرمی از مرحله پوست خام به بهره برداری رسید. تولیدات شرکت چرم مشهد انواع چرم گوسفندی، بزی، گاوی،البسه چرمی و مصنوعات چرمی می باشد که با بالاترین کیفیت عرضه میگردد. هدف اصلی مدیران این شرکت اعتلاء و معرفی صنعت چرم سازی ایران و تغییر ساختار سیستم تولید سنتی به صنعتی بوده است و جهت صادرات محصولات چرمی شامل انواع البسه و مصنوعات کلیه امکانات و توان بالقوه خود را به کار گرفته است.

پروژه طراحی مجدد سایت معرفی محصولات چرم مشهد توسط ما در سال ۱۳۹۴ انجام شد و سایت قبلی شرکت به صورت کلی باز طراحی و اصلاح شد.

طرح قدیم چرم مشهد

طرح ابتدایی سایت چرم مشهد

بعد از بررسی نیازهای مشتری و هماهنگی های انجام شده ابتدا پیش طراحی توسط تیم UI/UX ما انجام شد و بعد از چند مرحله با انجام تغییرات و تایید نظرات چرم مشهد , پلتفورم نهایی سایت رونمایی شد

در ادامه میتوانید نمونه طرح انجام شده را ببینید که مورد تایید نهایی قرار نگرفت و مجددا تغییراتی در آن داده شد.

largeتکنولوژی های به کار رفته در این پروژه :

  • HTML 5

 HTML5 یا زبان نشانه‌گذاری ابرمتنی۵ یا اچ‌تی‌ام‌ال۵ (به انگلیسی: HyperText Markup Language5 یا HTML5) زبانی برای ساختن و ارائهٔ محتوا برای شبکه جهانی وب است، این پنجمین تجدید نظر از استاندارد اچ‌تی‌ام‌ال است (در سال ۱۹۹۰ ایجاد و در سال ۱۹۹۷ به عنوان HTML4 استاندارد شده‌است) و تاکنون همچنان در دست توسعه‌است. اهداف اصلی اچ‌تی‌ام‌ال۵ بهبود این زبان به صورتی است که از جدیدترین فناوری‌های چند رسانه‌ای پشتیبانی کند در حالی که هم به راحتی توسط انسان‌ها قابل خواندن باشد وهم به طور مداوم توسط رایانه‌ها و دستگاه‌ها (مرورگرهای وب، تجزیه کننده‌ها و غیره) قابل درک باشد. اچ‌تی‌ام‌ال۵ در نظر دارد نه تنها HTML4 بلکه XHTML۱ و ۲HTML را نیز پشتیبانی کند.

  • CSS 3

سی اس اس زبان نشانه ‎گذاری تحت وب است که برای توصیف ظاهر یک وب‎ سایت برای مرورگر استفاده می‎ شود. CSS از سه حرف اول کلمات cascading style sheet تشکیل شده است؛ CSS3 در واقع آخرین نسخه CSS است که دارای قابلیت ‎هایی فراتر از دو نسل اول است. CSS3 به خاطر ساختار ماژولارش، به توسعه‎ دهندگان وب این امکان را می ‎دهد که صفحات وب با محتوای غنی که نیاز به کد سبک‎تری دارند، ایجاد کنند. این یعنی ایجاد ظاهری خیال انگیز، واسط‎ های کاربری بهتر و لود سریعتر وب ‎سایت به‏ کمک عملکرد‎ هایی که برای طراحان وب تقریبا غیر ممکن بود تا بتوانند بدون استفاده از jQuery و  Photoshop  آنها را خلق نمایند. ویژگی هایی نظیر سایه دار کردن متن، منحنی کردن لبه های کادرها، استفاده از چند تصویر پس زمینه به عنوان بک گراند، ایجاد افکت های حرکتی بر روی عناصر صفحه تنها بخشی از قابلیت های منحصر بفرد سی اس اس ۳ است.

  • TWEEN MAX

یکی از بهترین تکنیک های ایجاد افکت و انیمیشن سازی برای سایت است و از یک لایبریری جاوا اسکریپت تشکیل شده است

  • jQuery

جِی‌کوئری(به انگلیسی: jQuery) یک کتابخانه جاوا اسکریپت سبک‌وزنِ چند مرورگری است که برای ساده سازیِ نوشتنِ اسکریپ‌هایِ سمت-مشتری، دراچ تی ام‌ال(به انگلیسی: HTML) طراحی شده و امروزه محبوب‌ترین کتابخانهٔ جاوااسکریپتِ در حال استفاده است.

جی کوئری نرم‌افزار بازمتن و رایگان است که تحت دو پروانه “GPL” و “MIT” منتشر می‌شود.دستور زبان جِی‌کوئری به گونه‌ای طراحی شده است که عملِ هدایت به پرونده را آسان‌تر کرده باشد. می‌توان با آن حرکات انیمیشین ایجاد و از رویدادهای صفحه استفاده کرد و به وسیله آن می‌توان نرم‌افزارهای مبتنی بر ای‌جکس(به انگلیسی: Ajax) را ایجاد و توسعه داد.
جی‌کوئری همچنین این اختیار را به برنامه نویسان می‌دهد که افزایه‌هایی برای کتابخانه جاوااسکریپت ایجاد کنند. جدا از این‌ها، جی‌کوئری به توسعه دهندگان این اختیار را می‌دهد که تکه برنامه‌های سطحِ پایینِ مبادله‌ای (ارتباط مرورگر با کاربر) و یا انیمیشنی و حتی افکت‌های پیشرفته و سطح بالا و اشیاء فرضی را ایجاد کنند. به کارگیری همهٔ این اجزای جی‌کوئری کمک می‌کند تا صفحات وب قدرتمند و داینامیک (پویا)، راحت‌تر ایجاد شوند.

  • RequireJS

با کمک RequireJS میتوان قسمتهایی از سایت که به صورت جاوا نوشته شده را فقط در بخشهایی که مورد نیاز است در مروگر لود کرد. برای مثال اگر در صفحه سایت فرم تماس یا اسلایدر دارید فقط هنگامی اسکریپت آن لود میشود که کاربر به آن بخش از سایت رسیده باشد و اگر فرم تماس در انتهای سایت وجود دارد و کاربر صفحه سایت را تا انتها اسکرول نکند فایلهای مربوط به فرم تماس اصلا لود نمیشود و با این روش سرعت بارگذاری اولیه صفحات سایت بسیار بالاتر میرود

پلتفورم اصلی که برای طراحی مجدد پروژه سایت چرم مشهد استفاده شد , وردپرس Worpress بود

وردپرس چیست

سایت های ایجاد شده بر پایه وردپرس به راحتی قابل تغییر هستند و امکانات فوق العاده ای در اختیار کاربر قرار میدهد و حدود %۸۷درصد سایتهایی که از سیستم مدیریت محتوی استفاده میکنند از وردپرس برای قدرت بخشی به سایت خود استفاده میکنند

چرا WordPress
– این سیستم مدیریت محتوی رایگان است
– برای موتورهای جست و جو محبوب است
– به راحتی قابل مدیریت است
– امنیت بسیار بالایی دارد
– از مولتی مدیا پشتیبانی میکند
– به راحتی قابل یادگیری است
– %۵۲سایتهای موجود در اینترنت بر پایه وردپرس هستند

زمان انجام پروژه به مدت ۱۰ هفته یا ۲ماه و نیم بوده است که از این زمان ۲ هفته برای امور طراحی رابط کاربری و امور گرافیکی و مدت ۲ ماه هم برای کدنویسی آن صرف شده است.

عکس زیر پروژه نهایی تایید شده توسط چرم مشهد است که هم اکنون استفاده میشود.

mashad_19پروژه چرم مشهد به عنوان سایت برتر هشتمین جشنواره وب ایران در سال ۱۳۹۴ انتخاب شد

سایت برتر جشنواره وب ایران برای چرم مشهد

همچنین در  آگوست ۲۰۱۶ توانست جایزه ارزشمند Special KUDOS را از موسسه بین المللی CSS Design Awards دریافت کند. (اطلاعات بیشتر در مورد این جایزه)

kudos reward for dpm

دریافت این جوایز نشان دهنده کیفیت بالای پروژه و دقت تیم ما در برنامه ریزی و انجام آن است و گواه این نکته است که تلاش DPM همواره بر انجام شدن پروژه ها در کمترین زمان با بهترین نتیجه ممکن است.