طراحی سایت فروشگاه آنلاین simon lounge
طراحی سایت فروشگاه آنلاین simon lounge؛ یکی از نمونه کارهای طراحی سایت فروشگاهی وردپرس ما هست که تو اون طرح فیگما تبدیل به قالب وردپرس شده؛ این پروژه به سفارش آژانس تبلیغاتی آماج توسط بنده کارهاش صورت گرفت. کارفرما طرح فیگما برای نسخه موبایل رو داشت و توجه اصلی و موضوعی که براش مهم بود همین بود که نسخه موبایل بدون نقص باشه و بعد هم خودمون نسخه دسکتاپ رو از روی نسخه موبایل طراحیش کنیم. برای همین اول از همه ما نسخه موبایل رو متناسب با طرح فیگما طراحی کردیم و پس از تایید نهایی رفتیم متناسب با نسخه موبایل، نسخه دسکتاپش رو طراحی کردیم. این پروژه یکی از پروژه های تبدیل طرح فیگما به قالب وردپرس – ووکامرس ما بود. شرحی که برای پروژه طراحی سایت فروشگاه آنلاین simon lounge داشتیم به این شکل بود که:
فایل طراحی در فیگما اماده است که شامل تمام صفحات و المان ها و جزئیات رابط کاربری ui/ux هستش. نیاز هست که دقیقا مطابق فایل فیگما طرح با وردپرس و ووکامرس پیاده سازی بشه.
سایت دارای سیستم ثبت نام و ورود کاربران باشه،صفحه محصول شامل گالری تصاویر، توضیحات، قیمت و نظرات باشه، صفحه دسته بندی محصولات، سبد خرید و پرداخت انلاین، صفحه حساب کاربری یا داشبورد کاربری و همچنین کلیه صفحاتی که نیاز هست مطابق با طرح فیگما طراحی شود.
انتظار داریم که در موبایل و تبلت نمایش درست و ریسپانسیویی داشته باشه سایت، در طراحی از المنتور پرو استفاده بشه و در نهایت سایتی که طراحی میشه حداقل نمره B جی تی متریکس رو بتونه بگیره و از لحاظ بهینه بودن و سرعت مشکل خاصی نداشته باشه. کلیه اصول سئو در طراحی رعایت بشه و امکان اتصال سایت به درگاه های پرداخت انلاین ایرانی فراهم بشه. افزونه های امنیتی و کش مورد نیاز نصب بشه و همچنین در انتهای کار یک ویدیو اموزشی برای کار با بخش های مختلف و ضروری سایت ضبط بشه. همچنین انتظار میره تا ۱ ماه تست عملکرد برای این پروژه در نظر گرفته بشه.
فرایند همکاری طراحی سایت فروشگاه آنلاین simon lounge
طراحی سایت فروشگاه آنلاین simon lounge؛ پروژه راحتی نبود این پروژه؛ چون کارفرما فقط طرح فیگما نسخه موبایل رو به ما داد و بقیه کارها با خودمون بود. تهیه هاست و دامنه با خودشون بود؛ هاست و دامنه رو تهیه کردن و به ما اطلاعاتش رو فرستادند. ما هم شروع به نصب وردپرس و انجام کارهای اولیه کردیم. پس از نصب وردپرس به صفحات از صفحه نخست شروع به طراحی صفحات و بخش های مختلف سایت مطابق طرح فیگما کردیم. پس از تکمیل طراحی نسخه موبایل چندین محصول و دسته بندی رو برای تست وارد سایت کردیم تا سایت شکل شمایل به خودش بگیره.
بعد از وارد کردن محصولات و دتیاهای تست با کارفرما سایت رو بررسی کردیم روی موبایل که مورد تایید کارفرما بود. بعدش رفتیم که سایت نسخه دسکتاپش رو طراحی کنیم و مطابق همون طرحی که داشت نسخه دسکتاپ رو هم برای کارفرما پیاده سازی کردیم. یک ویدیو اموزشی روی سایت خودشون ضبط شد و موارد ضروری هم بهشون اموزش دادیم.
قرار بود سایت نمره حداقل B تو جی تی متریکس رو بگیره. ما بصورت پیشفرض تو کل پروژه ها بهینه بودن سایت هامون رو در نظر میگیریم و کلیه کارهای مربوط به بهینه سازی و امنیتش رو اخر کار روش صورت میدیم. برای همین کار خیلی سختی نداشتیم. چون سایت رو خودمون از بیس طراحی کرده بودیم مشکلی از این بابت نداشت و گرید A جی تی متریکس ر و براش گرفتیم. البته که بهینه موندن سایت ها نیازمند این هست که هر چند ماه یکبار سایت مجددا بهینه سازی بشه و با یکبار بهینه سازی مادام العمر سایت ها بهینه نمیمونن؛ این نکته رو به کارفرما گفتیم و پروژه رو تحویل دادیم.
