هدف از صفحه فرود، تشویق برای تبدیل به مشتری است. به همین دلیل، صفحات فرود اجزای منحصر به فرد و قدرتمندی در استراتژی بازاریابی دیجیتال یک کسب و کار هستند. طراحی موفقیت آمیز صفحه فرود کاربران کنجکاو را به مشتری تبدیل می کند. اما اینکه یک صفحه فرود چگونه عمل می کند ترفند جادویی نیست: استراتژی دیجیتال و طراحی بصری برای ایجاد نمایش جذاب محصول گرد هم می آیند. اگر خوب انجام شود، یک خریدار ممکن است به یک مشتری دائم تبدیل شود.
صفحات فرود به مشاغل کمک می کند تا استراتژی های بازاریابی موثری را برای تبلیغ محصولات و خدمات ایجاد کنند. صفحه فرود قسمت مهمی از روند توسعه طراحی است و هدف آن فریب بازدیدکنندگان و سوق دادن آن ها به سمت هدف و تبدیل شدن به مشتری است. طراحی صفحه فرود باید بدون نقص باشد و این همان چیزی است که در این مقاله در مورد آن صحبت خواهیم کرد. چگونه می توان یک صفحه فرود را طراحی کرد که برای تبدیل بازدید کنندگان و جذب خرید یا اشتراک آن ها به اندازه کافی موثر باشد؟
در واقع صفحات فرود را می توان به عنوان وب سایت های یک صفحه ای توصیف کرد که بازدید کننده را به سمت یک اقدام واحد سوق می دهد. این تمرکز بر یک هدف واحد ویژگی اصلی است که صفحات فرود را از سایر وب سایت ها متفاوت می کند.
هدف اصلی آن ها تولید سرنخ هایی است که اغلب با ایمیل و تبلیغات رسانه های اجتماعی مرتبط هستند. روند تبدیل بازدید کنندگان به خریدار معمولاً با دکمه های فراخوان به عمل (call-to-action) و فرم های ارتباط انجام می شود. صفحه های فرود همچنان یکی از قدرتمندترین ابزار هایی هستند که بازاریابان از آن استفاده می کنند.
طراحی صفحه فرود چگونه کار می کند و چرا مهم است؟
یک صفحه فرود که بعضاً صفحه محصول نامیده می شود، برای بازاریابی یک محصول یا خدمات خاص یا در غیر این صورت وادار کردن مخاطب به یک اقدام خاص، طراحی شده است. معمولاً وقتی کاربران بر روی لینک تبلیغاتی کلیک می کنند یا وقتی محصولات را در Google جستجو می کنند به آنجا هدایت می شوند.
آناتومی طراحی صفحه فرود
آنچه مهم است این است که صفحه فرود شما، بینندگان را به طور موثر آگاه و متقاعد می کند. در زیر تجزیه و تحلیل متداول ترین عناصر طراحی صفحه فرود آمده است:
هدر (Header)
هدر اولین بخش از یک صفحه فرود است – یک فضای مستطیل شکل که معمولاً بیشتر صفحه اولیه را اشغال می کند. اگرچه اندازه آن می تواند متفاوت باشد، اما معمولاً شامل این اجزا است:
برند تجاری: لوگو شرکت و لوگو محصول (در صورت وجود).
تصویر شاخص: اصلی ترین و جذاب ترین تصویر مرتبط با محصول است که معمولاً به شکل یک بنر است. این تصویر می تواند مربوط به خود محصول باشد یا یک صحنه مصور یا عکس دار که تجربه استفاده از محصول را به تصویر می کشد.
عنوان: کپی ای که با شاخص همراه است و با زاویه ای مختصر ساخته می شود.
عنوان فرعی: این محصول را مشخص می کند و خلاصه دقیق تری از مزایای آن را ارائه می دهد (که به عنوان پیشنهاد ذکر می شود).
Call-to-action: به عنوان CTA نیز شناخته می شود و با عنوان “همین الان بخر” درج می شود. کاربران بر روی آن کلیک می کنند تا در جریان خرید قرار بگیرند. CTA مهم است، اما در استفاده بیش از حد از آن احتیاط کنید. زیرا باعث می شود صفحه بهم بریزد. در عوض یک نوار ثابت را در نظر بگیرید که همزمان با پیمایش کاربر، CTA را در بالای صفحه نگه می دارد.
محتوا
اصلی ترین بخش صفحه فرود شما، قسمت محتوا است. در حالی که هدر به منظور معرفی محصول و جلب توجه کاربر است، باید محتوایی وجود داشته باشد که جزئیات و دلایل قانع کننده برای خرید را متذکر شود. محتوای صفحه فرود اغلب شامل موارد زیر است:
پشتیبانیگرافیک: تصاویر محصول ثانویه (از زوایای دیگر یا مشتریانی که از محصول استفاده می کنند)، نمادهایی که نقاط گلوله ها و رنگ ها را ساده می کنند یا اشکال انتزاعی که چشم بیننده را به پایین صفحه هدایت می کنند.
مشخصات محصول: رونوشتی که نحوه کارکرد محصول را نشان دهد. ایجاد لینک های مرتبط در این رابطه (به عنوان مثال “بیشتر بدانید”) می توانند برای رفع شک و تردید مفید باشند، اما باز هم از هدایت کاربران به دور از صفحه مقصد مراقب باشید.
مقایسه مزایا: این مورد نشان می دهد که چطور محصول می تواند مفید باشد که گاهی اوقات با مقایسه آن با رقبا یا شناسایی نقاط قوت همراه است.
اعتبار سنجی نظیر همگانی: رتبه بندی، بررسی و یا توصیفات مشتری در گذشته، همه این ها اعتماد مخاطب به محصول را از طریق منابع اجتماعی مثبت ایجاد می کند.
Footer
پاورقی یا Footer انتهای صفحه فرود شما است، جایی که بینندگان باید تصمیم نهایی خود را بگیرند. این شامل موارد زیر است:
لینک به صفحات دیگر: ممکن است بخواهید به سایر صفحات مرتبط در سایت خود مانند صفحه سوالات متداول لینک بدهید.
لینک های رسانه های اجتماعی: این قسمت می تواند یک بحث جنجالی باشد و باعث بهبود ترافیک شود تا لینک هایی را برای کاربران فراهم کند تا صفحه فرود را با دنبال کنندگان خود در شبکه های اجتماعی به اشتراک بگذارند.
اطلاعات تماس: یک شماره تلفن یا آدرس ایمیل به مشتریان در صورت داشتن سوالات بیشتر، مکانی را برای چرخش به آن ها می دهد.
اطلاعات حقوقی: حق چاپ وب سایت و محصول به همراه سایر مجامع قانونی. این مورد عموماً در یک نوار تاریک در انتهای صفحه قرار دارد تا از بقیه مطالب جدا شود.
بهترین روش های طراحی صفحه فرود
صفحات فرود، اگرچه شباهت زیادی به وب سایت های معمول دارند، اما هدف دیگری دارند. در اینجا روش های طراحی صفحه فرود وجود دارد که به شما کمک می کند صفحه فرود شما عالی به نظر برسد.
سادگی بصری
سادگی بصری تمام عناصر رابط کاربری صفحه فرود را در نظر می گیرد. حفظ سادگی بصری و طراحی مینیمالیستی مهم است زیرا باعث بهبود تمرکز بازدید کننده می شود. در اینجا برخی از ویژگی های سادگی بصری ذکر شده است:
سادگی بصری فضای جداگانه ای را متمرکز می کند که بازدیدکنندگان را بر روی دعوت به عمل (CTA) متمرکز می کند و آن ها را از سایر عناصر جدا می کند.
سادگی بصری ویژگی های اصلی و فراخوان به عمل (calls to action) را برجسته می کند.
سادگی بصری با نمایش عناصر به گونه ای که باعث برجسته شدن آن ها شود، کنتراست ایجاد می کند.
در سادگی بصری عناصر به گونه ای قرار می گیرند که کاربر را به خواندن تشویق کند و جریان طراحی را حفظ می کند.
یک صفحه فرود عالی با Great Media شروع می شود
تصاویر و فیلم های مناسب در صفحات فرود، بازدیدکنندگان را ترغیب می کند تا اقدام به عمل کنند. یک تصویر عالی به بیان داستان کمک می کند، محصول را به طور موثر نمایش می دهد و با بازدید کنندگان ارتباط شخصی ایجاد می کند.
ارتباط تصاویر نمایش داده شده بسیار مهم است. نمایش تصاویری از افراد دوستانه و واقعی باعث ایجاد اعتماد مشتریان می شود. گنجاندن تصاویر مربوط به محصولات و خدمات، به بازدیدکنندگان درک بهتری می دهد.
تحقیقات در مورد تأثیر فیلم بر روی صفحات فرود نشان می دهد که تأثیر فیلم ها بیشتر از تصاویر ثابت است، “71٪ از پاسخ دهندگان تأیید می کنند که ویدیو بهتر از محتوای دیگر تاثیر گذار است. فیلم ها به سئو کمک می کنند که تعامل کاربر حفظ شود و محصول یا خدمات بهتر برای بازدیدکنندگان توضیح داده شود.
اهمیت رنگ
تحقیقات نشان می دهد که رنگ ها تأثیر زیادی در روانشناسی ما دارند – در نحوه احساس و عملکرد ما. پالت های رنگی مناسب رابط کاربری را بهبود می بخشند و به راهنمایی رفتار کاربران کمک می کنند، در نتیجه باعث بهبود تبدیل صفحه فرود می شوند.
در اینجا چند نکته در مورد نحوه استفاده موثر از رنگ ها آورده شده است:
نحوه استفاده از رنگ های کم و زیاد را که امکان ایجاد کنتراست بالا را فراهم می کند، به طور مستقیم با خوانایی کپی مرتبط می دانید.
یک پالت رنگی متشکل از ترکیبات رنگی سازگار و ساخته شده بر روی رنگ های مکمل / مخالف ایجاد کنید.
به رنگ ها از دیدگاه روانشناسی رنگ ها و بازاریابی بپردازید. بسته به محصول یا خدمات، از رنگ هایی استفاده کنید که پیام صحیحی را منتقل کنند (به عنوان مثال، سبز رنگی است که امنیت، اعتماد و آرامش را منتقل می کند و بنابراین، استفاده از آن برای محصولات مرتبط با امور مالی مناسب تر است).
نمادگذاری رنگ را هنگام هدف قرار دادن در نظر بگیرید. زیرا فرهنگ های مختلف رنگ ها را متفاوت تفسیر می کنند، بنابراین آنچه برای یک کاربر مفید است ممکن است برای دیگری کارساز نباشد.
هر عنصر طراحی را آزمایش کنید
حقیقت تأسف آور این است که با وجود رعایت این نکات، صفحه فرود شما ممکن است آنگونه که انتظار دارید موثر نباشد. طراحی صفحه فرود بیشتر به یک علم برمی گردد، جایی که حقایق و ارقام بر ترجیحات زیبایی شناسی ارجحیت دارند. متغیر اصلی در معادله طراحی شما مخاطبان هدف است. هر مخاطب منحصر به فرد است و تنها روش مطمئن برای دانستن اینکه طرح صفحه فرود شما برای ان ها جذاب است یا نه، آزمایش و تنظیم طراحی متناسب با آن است.
سخن آخر
هنگام شروع طراحی صفحه فرود، باید صفحه را به گونه ای جذاب طراحی کنید که در ذهن مخاطب بمانید و زمینه ای ایجاد کنید تا مخاطب را دوباره به صفحه باز گردانید.
اگرچه فاکتور های زیادی وجود دارد که می تواند به نرخ بالای پرش کمک کند – توصیفات نامشخص، قیمت بیش از حد یا حتی یک محصول ضعیف – طراحی خوب یکی از بهترین عوامل در کاهش آن است. بهترین کار برای دستیابی به یک طراحی عالی، کار با یک طراح حرفه ای است.
صفحات فرود یا لندینگ پیج ها، به طور خاص، نوعی صفحه وب مستقل است که به منظور جذب شما برای لینک دادن، کلیک کردن و استفاده از محتوا ایجاد می شود. در حقیقت، وقتی بازدید کننده ای بر روی تبلیغات اینستاگرام یا گوگل کلیک می کند و در یکی از این صفحات “فرود می آید”، غالباً در صورت درست بودن هدف علاقه مند شده و از محصولات یا خدمات شما خریداری می کند. با ما همراه باشید با اصول طراحی لندینگ پیج ها یا صفحات فرود.
لندینگ پیج چیست؟
مسلماً ادعا می کنیم که ساختن تنها لندینگ پیج برای افزایش 638 درصدی آگهی کمی غیر منطقی به نظر می رسد. واقعیت این است که فراتر از یک طراحی موثر لندینگ پیج، شما همچنین نیاز به یک استراتژی بازاریابی و تست A / B دارید تا لندینگ پیج خود را بیش از پیش بهبود دهید. اما در هسته اصلی، یک لندینگ پیج مؤثر قبل از شروع کار یا هر چیز دیگری لازم است. سوال این است: صفحه فرود دقیقاً چیست؟
نگاهی به این لندینگ پیج Shopify بیندازید. آیا تفاوت بزرگی نسبت به یک وب سایت معمولی مشاهده می کنید؟ برای اولین بار، لندینگ پیج ها اغلب نوار های نویگیشن ندارند و نیازی به آن ها ندارند. نکته مهم در یک لندینگ پیج این است که توجه شما را جلب کند. شما نمی خواهید با فشار دادن دکمه های زیاد یا لینک های زیاد، افراد را از مسیری که می خواهید طی کنند، منحرف کنید.
در همین راستا، لندینگ پیج Shopify برای آزمایشات رایگان فقط با دو دکمه تماس برای عمل (CTA) ارائه می شود. در واقع، کل دو دکمه در کل صفحه وجود دارد. یکی در بالا وجود دارد، همانطور که در تصویر دیده می شود و دیگری در پایین صفحه. هر دو یک چیز را می گویند: “شروع آزمایشی رایگان”.
این کار مخاطبان شما را در این صفحه بسیار محدود می کند، آن ها می توانند آدرس ایمیل خود را برای یک دوره آزمایشی رایگان وارد کنند یا وارد کنند. همراه با نوشتن مطالب متقاعد کننده، دشوار نیست که کسی کلیک کند، به خصوص اگر او قبلاً به خدمتی مانند Shopify علاقه داشته باشد.
در واقع، یک صفحه فرود فقط به چند عنصر ساده احتیاج دارد: عنوان و دکمه یا لینک CTA.
5 اصل طراحی لندینگ پیج
سادگی همیشه عالی است
بیایید نگاهی به لندینگ پیج Chase بیندازیم.
آیا می توانید در این صفحه بگویید که Chase می خواهد شما چه کاری انجام دهید؟ آیا می خواهد محصولات آن را ببینید یا وارد سیستم شوید؟ آیا می خواهد در مورد کارت های اعتباری آن بیشتر بدانید؟ در نگاه اول، تشخیص آن اساساً غیرممکن است.
این خوب نیست، زیرا یک نگاه معمولاً تمام آن چیزی است که برای انجام یا شکستن یک معامله لازم است. حتی پس از جالب ترین و جذاب ترین تبلیغات فیس بوک، یک سرنخ پیچیده منجر به رفتن بازدید کننده ها از این صفحه خواهد شد، زیرا آن ها هیچ ایده ای ندارند که چیس در تلاش است چه چیزی را بفروشد. در واقع، این صفحه بیشتر شبیه یک صفحه اصلی است تا یک لندینگ پیج و این یک خصوصیت منفی بزرگ است.
یک قاعده کلی خوب این است که به “نسبت توجه” در لندینگ پیج خود توجه کنید؛ به عبارت دیگر، نسبت موارد غیر قابل کلیک به مواردی که می توانند و باید کلیک شوند. پلتفرم لندینگ پیج Unbounce در واقع توصیه می کند که در “نسبت توجه” به 1: 1 پایبند باشید. برای هر مورد، اعم از متن یا تصویر یا مجموعه ای از موارد، فقط باید یک دکمه وجود داشته باشد. البته این فقط یک قانون کلی است.
یک مثال خوب در مورد اهمیت ساده نگه داشتن لندینگ پیج صفحه قدیمی Trulia است. اولین چیزی که در این صفحه مشاهده می کنید نام شرکت است و سپس یک سوال: “خانه شما چقدر ارزش دارد؟” این شما را در مورد اینکه Trulia چیست مطلع می کند: وب سایتی برای خرید، اجاره و فروش خانه.
پس یک قسمت و یک دکمه تنها چیزی است که لازم است.
CTA های خود را محدود کنید
اگر صفحه فرود Chase را به یاد بیاورید، متوجه کار دیگری می شوید که شرکت به اشتباه انجام داده است: صفحه فرود چندین CTA دارد.
آیا قصد ثبت نام یا کسب اطلاعات بیشتر در مورد Chase را دارید؟ دشوار نیست که تشخیص دهید بیش از یک دکمه در این لندینگ پیج وجود دارد. هر دو دکمه کاملاً یکسان هستند اما کار های کاملاً متفاوتی انجام می دهند. این فقط بر روی تبدیل شما تأثیر منفی می گذارد.
پس هر دکمه باید دقیقاً همان کاری را انجام دهد که می گوید.
البته، این یک قانون سخت نیست. در حقیقت، دیدن چندین دکمه بسیار معمول تر است، شاید به این دلیل که یک شرکت می خواهد دو سرویس مشابه ارائه دهد، یا ممکن است برای بازار های مختلف مانند لندینگ پیج “آکادمی خان” جذاب باشد.
لندینگ پیج آکادمی خان در مورد اینکه چه کسی باید روی کدام دکمه کلیک کند صریح است و در گوشی، این دکمه ها به طور هوشمندانه به یک دکمه تبدیل می شوند که می گوید: “از اینجا شروع کنید”.
با کلیک بر روی دکمه به پایین صفحه هدایت می شوید، جایی که دکمه هایی وجود دارد که نشان دهنده همان سه گروه افراد است: یاد گیرندگان، معلمان و والدین و حتی یک دکمه برای بازگشت شما به بالای صفحه وجود دارد. (این توجه به جزئیات از نظر روشی که این CTA ها در تلفن همراه و دسک تاپ تغییر می کند بسیار حیاتی است تا بتوانید مخاطبان خود را بدون توجه به اینکه از کجا می آیند حفظ کنید).
با پیمایش در صفحه، چندین CTA وجود دارد. تفاوت بین نحوه استفاده CTA از صفحه Khan Academy در مقایسه با دیگران در این است که آن ها اساساً به همان دکمه های بالای صفحه لینک دارند. یک دکمه وجود دارد که مربوط به سه گروه نیست، اما مستقیماً به متن بالای آن لینک دارد.
در پایان، لندینگ پیج آکادمی خان، علی رغم داشتن چندین دکمه با چندین CTA، واضح، پاسخگو و ساده است. آن ها CTA ها را با استفاده از متن و تصاویر شکسته و مطمئن می شوند که حداکثر سه دکمه به طور هم زمان روی صفحه شما قرار دارد و این روش خوبی برای درج چندین CTA در صورت لزوم است.
البته در پایان روز داشتن یک CTA یا نوع CTA منفرد همچنان صفحه فرود شما را موثرتر می کند.
سلسله مراتب بصری
وقتی به “لندینگ پیج Unbounce” برای دوره لندینگ پیج آن نگاه می کنید، اولین چیزی که شما را به خود جلب می کند چیست؟ بیشتر مردم قبل از هر چیز دیگری این عنوان را می دیدند و دلیل خوبی برای آن وجود دارد. بسیاری از ما خواننده های تنبلی هستیم- صفحه ای را اسکن می کنیم و به دنبال هر چیزی می رویم که بیرون می آید. اگر هیچ کاری نکرد، صفحه جالبی نیست و احتمالاً بلافاصله آن را می بندیم.
به همین دلیل سلسله مراتب بصری مهم است. شما باید صفحه فرود خود را به گونه ای مهندسی کنید که بالاترین مورد در سلسله مراتب بصری شما را به جالب ترین تبدیل کند. قبل از اینکه اطلاعات اضافی را روی آن ها قرار دهید، توجه مخاطب را جلب کنید. این همان چیزی است که صفحه فرود Unbounce را در اینجا بسیار کارآمد می کند.
آن ها دقیقاً می دانند که چگونه آیتم های صفحه خود را به گونه ای قرار دهند که تعداد زیادی مخاطب ایجاد کند. با وجود شکستن قانون نسبت توجه 1: 1، تا حدودی مینیمالیسم است. آن ها با بررسی دقیق نحوه مطالعه یا اسکن وب سایت توسط افراد و استفاده کامل از آن به این مهم دست می یابند. در واقع، این صفحه به طور خاص از الگوی F-scan استفاده می کند که مردم اغلب از آن برای دیدن وب سایت های متن دار استفاده می کنند.
محققان گروه نیلزن نورمن با استفاده از ردیابی نگاه، نشان دادند که وقتی صحبت از وب سایت های دارای متن زیاد می شود، خوانندگان اغلب از بالا به پایین می روند، موارد بزرگتر و مهمتر را به نوعی با الگوی F با بسیاری از شاخه ها اسکن می کنند.
مشاهده جالب دیگر این است که الگو های اسکن اغلب دو یا سه کلمه را در خط رها می کنند. به طور کلی، این بدان معنی است که خوانندگان شما واقعاً علاقه مند به چند کلمه از چند جمله اول صفحه اصلی شما هستند. در نظر گرفتن اینکه چگونه کاربر معمولی اینترنت از طریق صفحه وب شما به نظر می رسد، روش خوبی برای کنترل نحوه واکنش آن ها به CTA شماست.
یک نکته خاص برای کنترل سلسله مراتب بصری نیز استفاده از gaze است.
در این تحقیق، واضح است که وقتی تصویری از این دست را می بینیم، در حالی که شخصی به جهتی خاص نگاه می کند، چشمان ما به دنبال نگاه او هستند. این کمک می کند تا توجه به عناصر خاص، در این مورد شامپو جلب شود.
روش خوب دیگر برای کنترل توجه خواننده شما پوشاندن عناصر مهم است. این کار معمولاً با فرم ها انجام می شود. آن ها را در جلو و مرکز طراحی لندینگ پیج قرار دهید.
Freshsales این کار را به ویژه با ایجاد تضاد در رنگ زمینه های جذب سرب با پس زمینه، انجام می دهد. فرم را پاپ می کند و روشن می کند که CTA چیست. علاوه بر این، مسدود کردن این عناصر در کنار هم به ساختار دهی صفحه کمک می کند و منجر به بررسی این نسخه آزمایشی رایگان می شود.
کاربر را در اولویت قرار دهید
با توجه به نکات قبلی، توجه کاربران هنگام طراحی لندینگ پیج از اهمیت بالایی برخوردار است. یک لندینگ پیج زیبا با عناصر متحرک و تصاویری جالب ممکن است سرنوشت شما را عوض کند، اما وقتی نوبت به تبدیل می رسد، نکات و ترفند های امتحان شده و درست وجود دارد که باید از آن ها آگاه باشید.
اول از همه، اطمینان حاصل کنید که وب سایت شما ریسپانسیو است. این بدان معناست که مهم نیست کاربر شما از چه دستگاهی به لندینگ پیج شما دسترسی دارد، عالی به نظر می رسد و عناصری که برای جلب توجه آن ها و تبدیل آن ها استفاده می کنید به خوبی قرار گرفته اند.
نمودار مقایسه بازدید از وبسایت ها با مبایل و دسکتاپ
در چند سال گذشته، گوشی های همراه با جهشی پیشرفت کرده اند و اکنون اکثر کاربران اینترنت صرفاً از طریق گوشی های خود به اینترنت دسترسی پیدا می کنند. این باعث می شود لندینگ پیج ریسپانسیو از اولویت بیشتری برخوردار شوند.
هر چند فقط این نیست. شکستن قالب و ارائه تجربه لندینگ پیج برخلاف آنچه که کسی تاکنون دیده است، وسوسه انگیز خواهد بود، خواه این کار با بازاندیشی در نحوه پیمایش یک صفحه یا طراحی مجدد ساختار صفحه اصلی باشد.
در اینجا مثالی از یک لندینگ پیج کاملاً ابتکاری وجود دارد.
این لندینگ پیج که برای Landbot.io، سرویس چت بات ساخته شده است، در واقع یک چت بات است! این یک ایده واقعاً خلاقانه است و بلافاصله توجه شما را به خود جلب می کند. اما بگذارید حقیقت را بپذیریم، اگر این بانک شما بود یا یک فروشگاه خرده فروشی محلی، احتمالاً چندان منطقی و جالب نبود.
خلاقیت و نوآوری جای خود را دارد. اما خلاقیت به خاطر خلاقیت ممکن است منجر به هدایت لندینگ پیج شما در مسیر اشتباه شود. این می تواند خوانندگان شما را در مورد آنچه لندینگ پیج شما در واقع به فروش می رساند گیج کند و بدتر از همه اینکه خوانندگان حتی ممکن است متوجه نشوند که در یک لندینگ پیج هستند!
نکته مهم دیگری که باید در وهله اول قرار دادن کاربر خود به آن فکر کنید، خوانایی است.
مورد زیر مشکل طراحی وب ناخوانا را نشان می دهد. عنوان “The Perfect Touch” روی زمینه خاکستری، سیاه است و خواندن آن را دشوار می کند. این تاثیری که عنوان خوب می تواند بگذارد را کاملا به تأثیر منفی تبدیل می کند.
در حقیقت، در اینجا تقریباً به نظر می رسد که زیرنویس سفید مهمترین بیت صفحه است در حالی که نباید باشد. ناخوانا بودن می تواند سلسله مراتب بصری را در یک لندینگ پیج عالی از بین ببرد. این یک مشکل رو به رشد است، به خصوص اینکه لایه برداری از کپی خود را روی یک تصویر خوب زیبا، یک تاکتیک معمول طراحی وب، به طور فزاینده ای وسوسه انگیز است.
لندینگ پیج چشم نواز بسازید
این ممکن است با توجه به نکته ای که ما در حال حاضر بحث کردیم، کمی بر خلاف اصول به نظر برسد، اما ایجاد یک لندینگ پیج که برجسته باشد بسیار مهم است. امروزه از لندینگ پیج ها در کلیه صنایع و مشاغل استفاده می شود. برای رقابت، یک صفحه فرود باید واقعاً از بین برود، چه از نظر زیبایی چه کپی قوی.
در مورد کسپر، کپی واضح و روشن با ویژگی های مورد علاقه توصیفات مشتری به ایجاد یک لندینگ پیج مؤثر کمک می کند. حتی بدون طراحی پیشگامانه، یک تصویر ساده که به خوبی مفهوم اصلی Casper و همچنین طراحی واضح را اجرا می کند که می تواند لندینگ پیج را به راحتی به سطح بالاتری برساند.
مینیمالیسم ساده نیز در حال افزایش است، و دلیل خوبی هم دارد، همانطور که در لندینگ پیج Quip مشاهده می شود. واضح، ساده و تمیز است که خواندن و درک آن را آسان می کند. بر خلاف لندینگ پیج های معمولی با متن سنگین، داشتن یک صفحه فرود تقریباً برهنه مانند این می تواند به برجستگی شما کمک کند.
در طرف مقابل، ظاهری خوش رنگ و جوان مانند ظاهری که اسنپ چت در اینجا به دنبال آن است نیز می تواند نگاه ها را به خود جلب کند. البته، اطمینان از اینکه طراحی صفحه اصلی واقعاً متناسب با مخاطب است، ضروری است. سایتی که چیزی را برای مخاطبان مسن تر بفروشد ممکن است با چنین مضمونی موافق نباشد.
بسیاری از تاکتیک های دیگر که یک طراح می تواند برای ایجاد یک لندینگ پیج منحصر به فرد و مؤثر استفاده کند، خواه ایجاد انیمیشن های جالب باشد و یا انجام کاری غیر منتظره. اصلی ترین چیزی که باید به آن فکر کنید این است که مخاطبان شما می خواهند چه چیز هایی را ببینند و چه اطلاعاتی را می خواهید به دست آورید.
