مقدمات طراحی صفحه اصلی وبسایت

طراحی وبسایت-

مقدمات طراحی صفحه اصلی وبسایت: ۹ صفحه اصلی که می توانند ایده هایی برای طراحی سایت به شما بدهند

۵۰ میلی ثانیه – این زمانی است که طول می کشد نظر بازدید کننده های وبسایت در مورد وبسایت شما شکل بگیرد، این تقریبا برابر با زمانی است که طول می کشد.

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

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

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

ولی طراحی وبسایت و مخصوصا صفحه اصلی سایت کار آسانی نیست.

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

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

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

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

فواید یک صفحه اصلی با طراح خوب

شما چه نفعی از یک صفحه اصلی سایت با طراحی خوب می برید؟

  1. مشتری های با اعتماد به نفس

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

در یک بازار تجارت الکترونیک بسیار شلوغ این معمولا نیمی از جنگ پیش رو می باشد.

  1. تجربه مشتری بهینه

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

  1. تبدیل شدن بیشتر بازدید کننده به مشتری و انجام خرید (conversion)

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

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

وبسایت هایی که طراحی خوبی مخصوصا در صفحه اصلی سایت دارند فروش محصول را با تسهیل هدایت جریان مشتری ها به سمت محصولی که می خواهند بخرند، بالا می برند. با کم کردن مشکلات داخل سایت، کاربر انرژی و وقت کمتری را صرف اتمام خرید میکند و احتمال خرید کردن بالا می رود.

  1. شناخت برند

مشتری ها در تجارت مدرن همیشه تحت بمباران برندها، تبلیغات و بازاریابی دیجیتال هستند. امروزه از هر زمان دیگری رساندن پیام به مشتری در این هجمه تبلیغاتی پر سر و صدا سخت تر است.

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

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

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

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

  1. الگوهای رنگی

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

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

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

  1. CTA) call-to-actions)

call-to-action به قسمت هایی از سایت مانند نوشته یا باکس و یا حتی دکمه ای گفته می شود که از بازدید کننده می خواهد عملی را انجام دهد، CTA در وبسایت به منزله ستون چادر عمل می کنند و همه عناصر دیگر مانند طرح و layout همگی کاربر را به دنبال کردن CTA و هدایت آنها در مسیر خرید ترغیب می کنند.

صفحه اصلی سایت شما ممکن است چندین CTA داشته باشد و هر کدام درجه ارجحیت مخصوص به خود را داشته باشد. به عنوان مثال، صفحه اصلی ممکن است از کاربران بخواهد که محصولات جدید را ببینند یا برای newsletter ثبت نام کنند.

کدام یک برای تجارت شما اهمیت بیشتری دارد؟ آیا طراحی صفحه اصلی سایت شما آن را منعکس می کند؟

  1. Value propositions

چه چیزی می فروشید؟ چرا مشتری باید آن را از شما بخرد؟

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

بسیاری بر این عقیده اند که Value proposition یا پیشنهاد ارزش مشخص، توسط یک copy قدرتمند و با تعامل بالا ساخته می شود. Copy به تمام متون نوشته شده در صفحات اصلی سایت شما گفته می شود که برای شناساندن برند و فروش محصول به کار می رود، در عین حال که این اهمیت بسیار زیادی دارد یک تجربه کاربری خوب هم به همان اندازه مهم و اساسی خواهد بود.

وقتی صحبت از copy و نویسنده آن می شود، انتخاب زبان و سبک بیان که صفحه اصلی را کامل کند یک وظیفه تیمی می باشد. این یک تلاش تیمی با همراهی طراح UX که هر دو طرف تمام استعدادهای خود را نشان داده تا به یک هدف واحد برسند و value proposition را نشان دهند.

  1. سرعت سایت

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

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

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

۹ مثال از طراحی صفحه اصلی وبسایت خلاقانه و ایده آل

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

  1. Ben & Jerrys

Ben & Jerrys

 

حرکت در صفحه اصلی وبسایت Ben & Jerrys مانند راه رفتن بر روی طناب سخت می باشد.

این صفحه باید به عنوان سایت تجارت الکترونیک B&J فعالیت کند و مشخصا متمایز از یک صفحه تبلیغاتی بستنی فروشی و در عین حال به عنوان گستره ای از برند شناخته شده آنها است.

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

چشمان کاربران بلافاصله به سمت این navbar هدایت می شود که سریع به آنها می فهماند این یک فروشگاه آنلاین است و نه یک سایت تبلیغاتی، قدم های بعدی مشخصا تعیین شده اند.

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

  1. Bliss

Bliss وبسایت

 

Bliss محصولات محافظت از پوست با کیفیت بالا را عرضه می کند که در طراحی صفحه اصلی تبدیل بازدید به خرید مهم ترین اولویت می باشد.

با وارد شدن به این سایت، مشتری با نوشته ‘Shop Now’ و حتی واضح تر از آن با عبارت ‘Add To Bag’ و دکمه آن ها روبرو می شود. محصولات هم که خود گویا هستند.

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

  • پلت رنگی ملایم
  • پلت های زیبا و دعوت کننده
  • فضای سفید زیاد
  • تیپوگرافی جذاب

و با توجه به ماموریت کلی این وبسایت، آنها حتی گزینه ‘Enable Accessibility’ را در قسمت بالا سمت راست قرار داده اند.

  1. Clarks

Clarks وبسایت

 

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

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

با هماهنگ کردن ظاهر صفحه اصلی سایت با محصولات، Clarks یک کار معمولی مانند خرید را تبدیل به یک تجربه خاص می کند.

  1. Firewire

Firewire وبسایت

 

صفحه اصلی این وبسایت از انبوهی از عکس های فوق العاده برای جلب توجه بازدیدکننده استفاده می کند.

این تصاویر مخصوصا وقتی که تم اصلی بقیه قسمت های این صفحه ساده و سیاه و سفید است جلوه بیشتری دارند.

Firewire احتمالا غیر مرسوم ترین صفحه اصلی این لیست به حساب می آید، ولی از آنجایی که آنها فروشنده تخته موج سواری هستند این غیر مرسوم بودن معنا پیدا می کند.

  1. Gillette on Demand

Gillette on Demand

 

Gillette on Demand بهترین نمونه از طراحی صفحه اصلی وبسایت می باشد که کارایی را بالاتر از هر چیز دیگری با ارزش می داند.

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

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

  1. Hush Puppies

Hush Puppies وبسایت

 

این برند در طراحی تقریبا شبیه Clarks می باشد با کمی تفاوت.

منوی بزرگ آنها بسیار بزرگ تر از Clarks می باشد که احتمالا نشان دهنده کاتالوگ محصولات بزرگ تر و متنوع تر می باشد ولی شاید هم بدین معنا باشد که این برند می خواهد سیر راحت تری را برای کاربر ترسیم کند.

در عین حال که سایر شرکت ها شاخه محصولی به عنوان shoes ارائه می دهند این برند شاخه هایی تحت عنوان ‘casual shoes’ و ‘work shoes’ ‘dress shoes’ در اختیار کاربران قرار می دهد.

صفحه اصلی Hush Puppies طرحی تمیز و شفاف مانند Clarks را دارا می باشد، کاملا متقارن، بدون شلوغی و کاملا بالانس.

  1. PayPal Here

PayPal Here

 

صفحه اصلی سایت PayPal Here در یک کلمه “ساده” است.

همه چیز از انتخاب فونت تا layout دو محصول اصلی که این شرکت ارائه می دهد ساده و بی آلایش و بسیار شفاف می باشند.

  1. Skullcandy

Skullcandy

 

تنها چیزی که احتمالا از هدفن های ساخت این شرکت می باشد صفحه اصلی وبسایت آنهاست.

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

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

  1. Woolrich

Woolrich

 

صفحات اصلی همیشه نباید مانند Skullcandy جذاب و چشمگیر و یا مانند Clarks بسیار زیبا باشند، گاهی آنها می توانند مانند Woolrich ساده و بی ادعا باشند.

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

۳ نکته که باید هنگام انتخاب CMS و پلتفرم وبسایت مدنظر داشته باشید

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

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

هیچ کمبود گزینه ای در این مورد وجود ندارد، پس قبل از انتخاب یک CMS، این سه نکته کلیدی را مد نظر داشته باشید.

  1. راحتی ادیت کردن

صفحات اصلی سایت های تجارت الکترونیک همیشه برای نشان دادن محصولات جدید، پروموشن های جدید و ارائه خبرهای مربوط به شرکت در حال تغییر می باشند.

یک CMS خوب کار تغییر گرافیکی و متون و ادیت این صفحه را به هر صورتی که کاربر می خواهد راحت می کند. و حتی این موقع صرفا راحتیِ ادیت کردن کافی نمی باشد، مهم این است که ادیت کردن وبسایت حتی برای کسانی که هیچ تجربه فنی در این زمینه ندارند هم راحت باشد.

امروزه یک ادیتور WYSIWYG) what you see is what you get) برای CMS استاندارد صنعت می باشد.

  1. انعطاف پذیری

انعطاف پذیری کار با یک CMS اشاره به ادیت های پیچیده تر دارد تا تعویض یک عکس یا متن.

CMS های انعطاف پذیر به کاربر عامی و غیر حرفه ای اجازه می دهد که به راحتی تغییراتی در طراحی و الگوهای رنگی و فیچرهای حرفه ای تر در صفحات انجام دهد.

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

  1. طرح ها

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

جمع بندی

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

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

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

۳ thoughts on “مقدمات طراحی صفحه اصلی وبسایت

  1. Avatar
    وحید says:

    سلام وقت با ارزشتون بخیر. به نظر شما برای ایجاد سایت فروشگاهی از سایت های cms مثل وردپرس استفاده کنم بهتره یا سایت های saas مثل شاپیفای شما کدوم رو پیشنهاد میکنید؟ خودم خیلی از توسعه ی وردپرس خوشم نمیاد برای اینکار توسعه دهنده ی وردپرس بگیرم که سایتمو مدیریت کنه یا اصلا سراغ فروشگاه ساز های saas برم؟

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

به گروه فروشندگان آمازون بپیوندید
 
close-link
بات راهنمای هوشمند تلگرام
بات تلگرام
close-image