طراحی فروشگاه اینترنتی سام استور

طراحی فروشگاه اینترنتی سام استور در سال ۹۵ استارت شد و طراحی این سایت فروشگاهی به مدت تقریبا ۲ ماه به طول انجامید و سایت سام استور از بهمن ۹۵ فعالیت خود را آغاز کرد و از آن سال اقدام به فروش محصولات خود در دنیای اینترنت نمود.

محصولات قابل عرضه در این وب سایت فروشگاهی نرم افزار، سخت افزار و تجهیزات اداری و فروشگاهی مثل پرینتر لیبل زن، فیش پرینتر و … می باشد.

طراحی فروشگاه اینترنتی سام استور کاملا اختصاصی بوده و صفر تا صد آن توسط برنامه نویس کدنویسی شده است و در طراحی و پیاده سازی آن از هیچ سیستم آماده و یا سیستم های مدیریت محتوایی استفاده نشده ( طراحی سایت با وردپرس، جوملا، مجنتو و … سیستم های مدیریت محتوا هستند) لذا در طراحی وب سایت این فروشگاه اینترنتی هیچ محدودیتی چه از لحاظ طراحی گرافیکی و UI آن و چه از نظر امکانات و عملیات آن وجود ندارد و صفر تا صد آن به طور اختصاصی و طبق سلیقه کارفرما طراحی و پیاده سازی گردیده است.

از مزیتهای مهم طراحی سایت فروشگاه اینترنتی فوق، عدم محدودیت در امکان توسعه و یا هر گونه تغییری در آینده می باشد لذا کارفرما هیچ نگرانی از این بابت نداشته است. لازم بذکر است مزیت دیگری که در طراحی فروشگاه آنلاین سام استور وجود دارد سئوی سایت و بهینه سازی آن در موتورهای جستجو می باشد چرا که این وبسایت فروشگاهی سئو بیس بوده و تمامی زیرساختهای سئو در این فریم ورک رعایت گردیده و بدلیل اختصاصی بودن کدها اشراف کامل بر سئو سایت سام وجود دارد.

اهمیت منو در طراحی فروشگاه اینترنتی سام

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

در طراحی سایت فروشگاه اینترنتی سام استور به دلیل تنوع محصولات و بالا بودت تعداد قلم محصولات، از ۲ منو استفاده گردید. یک منو در بالای صفحات وب سایت به صورت افقی و منویی در حاشیه کناری سایت به صورت عمودی طراحی شده است.

همانطور که گفتیم به دلیل تنوع و تعداد قلم محصولات می بایست برای رابط کاربری و طراحی UX سایت حساسیت به خرج داد. به همین منظور جهت مواجه نشدن با پیچیدگی و گیج شدن کاربران و مراجعه کنندگان به این سایت فروشگاهی از زیر منو ها در دوسطح برای نمایش محصولات در سایت استفاده گردید یعنی مشتریان میتوانند با حداکثر ۳ کلیک به محصول مورد نظر خود برسند چرا که در غیر اینصورت اگر این راهکار اجرا نمیشد، کاربر می بایست ۵ مرحله کلیک میکرد و نیز با مراجعه به ۳ صفحه مختلف سایت به محصول مورد نظر خود می رسید از این رو اهمیت رابط کاربری و تجربه کاربری UX در طراحی سایت فروشگاهی مثل سام استور روشن میباشد.

از دیگر مواردی که در طراحی این فروشگاه اینترنتی رعایت شده است استفاده از رنگ های روشن و شفاف همگام با رنگ سازمانی این برند می باشد. ترکیب رنگ بنفش و سبز روشن در طراحی لوگوی سایت سام استور نشان از رنگ سازمانی این فروشگاه اینترنتی دارد. این مهم است که کاربری که وارد وب سایت شما می شود احساس کند در محل دفتر کار، شرکت یا فروشگاه فیزیکی شما حضور دارد و در ذهنش تجربه ای شیرین از فروشگاه اینترنتی یا وب سایت شما برای او تداعی شود. این موضوع فقط مختص فروشگاه اینترنتی نبوده و در طراحی سایت شرکتی نیز صادق است تصور کنید تصویری که از وب سایت شما در نظر مشتری وجود دارد با وارد شدن به دفتر کار شما و مشاهده هماهنگی رنگها، گرافیک و ساختار اجزا در طراحی سایت و طراحی دکوراسیون داخلی دفتر و همینطور ست اداری و لوگو با تبلیغات شما در فضای مجازی و یا تبلیغات محیطی همه و همه وقتی در کنار هم جمع می شوند به مخاطب حس اعتماد و فراتر از آن، احساس آشنایی قدیمی از برند شما در ضمیر ناخودآگاه او نقش خواهد بست.

در ذیل برخی از مکانات موجود که در طراحی سایت فروشگاهی سام استور در نظر گرفته شده را نام میبریم:

هدر وب سایت شامل لوگو و منوی پویا

اسلاید شو تصاویر

نمایش محصولات منتخب در صفحه اصلی فروشگاه اینترنتی

فوتر سایت شامل اطلاعات تماس، دسترسی سریع صفحات مهم

دسته بندی محصولات در منو و زیر منو ها

استفاده از تصاویر و توضیحات در صفحه محصول

استفاده از اسلاید شو در صفحه نمایش محصول

گروه بندی و دسته بندی محصولات مختلف و نمایش لیست محصولات مربوط به هر گروه کالا

در نظر گرفتن قسمتی برای نمایش اطلاعات مختصر هر محصول در فروشگاه اینترنتی

تعبیه یک تصویر پیش فرض برای محصولات

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

یکی دیگر از امکاناتی که در طراحی سایت های فروشگاهی باید قرار داد گالری تصاویر است که برای فروشگاه اینترنتی سام استور نیز این قسمت در نظر گرفته شده است.

بخشی برای توضیحات تکمیلی محصول، شامل اضافه کردن متن و تصاویر در صفحه محصولی خاص

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

قطعا در طراحی سایت فروشگاه اینترنتی آنلاین، فاکتور فروش از ضروریات امکانات یک سایت فروشگاهی است. فاکتور فروش سام استور استاندارد فاکتور دارایی بوده و اطلاعات کاملی از نام محصول، تعداد خریداری شده، قیمت محصول، درصد تخفیف محصول، مالیات و قیمت کل نمایش داده می شود.

ثبت سفارش و عملیات پرداخت که می بایست برای این عملیات ابتدا یک ناحیه کاربری و ثبت نام در نظر گرفت تا کاربر بتواند پس از ثبت نام و ورود به ناحیه کاربری، سفارشات، تراکنش های مالی، فاکتورها و… را در پروفایل خود مشاهده نماید.

یکی دیگر از امکانات یک فروشگاه آنلاین امکان انتخاب نحوه پرداخت است و همچنین در طراحی سایت فروشگاهی امکان انتخاب نحوه ارسال نیز باید در نظر گرفت که همه این موارد در طراحی سایت سام استور رعایت گردیده است.

درگاه خرید اینترنتی هم در مرحله آخر در طراحی این وبسایت پیاده سازی شد.

البته جزئیات و امکانات بسیار زیادی در طراحی فروشگاه اینترنتی سام در نظر گرفته شده که در این مطلب نمیتوان به همه موارد اشاره نمود لذا میتوانید با مراجعه به فروشگاه اینترنتی سام استور کلیه امکاناتی که در طراحی سایت این فروشگاه پیاده سازی شده را مشاهده فرمایید.

آدرس فروشگاه اینترنتی سام استور: