6 قانون در طراحی صفحه لندینگ وبسایت
یک شعار بازاریابی قدیمی وجود دارد که به این صورت است: "اگر زشت است، احتمالاً فروش خواهد رفت."
این ممکن است در روزهایی که نامههای ناخواسته و تبلیغات اطلاعاتی تاکتیکهای بازاریابی داغ بودند درست باشد. اما تا آنجا که من می توانم بگویم، آن روز مدت هاست گذشته است - به خصوص وقتی صحبت از طراحی صفحه فرود می شود.
در واقع، در روزهای اولیه Leadpages ، زمانی که طراحیهای صفحه فرود پر زرق و برق اما کاربردی را انتخاب کردیم و از یک طراح حرفهای خواستیم که دوباره آنها را تغییر دهد، شاهد برخی از بزرگترین پیشرفتهای خود در نرخ تبدیل بودیم. برخی از این بازطراحیها نرخ تبدیل را تا 50 تا 60 درصد افزایش دادند.
برای سفارش بازطراحی سایت اینجا کلیک کنید.
امروز، اگر به الگوهای صفحه فرود با بالاترین تبدیل ما نگاهی بیندازید، برای پیدا کردن یک صفحه "زشت" مشکل خواهید داشت. طراحان ما از آن مطمئن شده اند.
اما اگر نخواهید از یک الگو شروع کنید چه؟ اگر بخواهید یک صفحه فرود کاملاً منحصر به فرد از ابتدا ایجاد کنید، چه؟
صفحه ساز کشیدن و رها کردن به شما انعطاف و آزادی می دهد تا هر آنچه را که می خواهید ایجاد کنید. از جمله آزادی انجام اشتباهات بزرگ در طراحی. مگر اینکه تیمی از طراحان در طول مسیر در گوش شما زمزمه کنند، ممکن است خیلی سریع قضاوت خود را زیر سوال ببرید.
پس چگونه بدون اینکه همه چیز را رها کنید و در مدرسه طراحی ثبت نام کنید، مانند یک طراح صفحه فرود بسیار مورد تقاضا فکر می کنید؟
نمونه طراحی سایت شخصی وبکده را در این لینک ببینید.
برای فهمیدن این موضوع با چند نفر متخصص تماس گرفتم.
تراویس مور حدود یک دهه است که یک طراح گرافیک بوده است. او شروع به ساختن قالبهای صفحه فرود کرد تا در حین کار برای شرکتهای بازاریابی، کمی پول اضافی به دست آورد، اما به سرعت تبدیل به یک علاقه شد. او میگوید که او صدها الگو را در این مرحله ایجاد کرده است - تعداد آنها بسیار زیاد است.
Kayla Sawtelle یک طراح وب در اینجا در Leadpages است. من میخواستم دیدگاه او را بهعنوان کسی که مطالب و صفحات وب با نام تجاری خود را ایجاد میکند، علاوه بر برخی از الگوهای صفحه فرود، دریافت کنم.
آنها هر دو بهترین نکات خود را در مورد طراحی صفحات فرود زیبا که نه تنها عالی به نظر می رسند، بلکه تبدیل هم دریافت می کنند، به اشتراک گذاشتند.
من همچنین از تراویس و کایلا خواستم که همه چیزهایی را که قبل از انتشار دوباره چک می کنند به من بگویند. من آن لیست را به یک چک لیست طراحی پیش از انتشار تبدیل کرده ام که می توانید هر بار که صفحه جدیدی ایجاد می کنید ذخیره کرده و به آن نگاه کنید. در زیر کلیک کنید.
قانون شماره 1: مراقب روند طراحی باشید
آخرین باری که وارد صفحهای شدید که مملو از عکسها، فیلمها، اطلاعات نوشتاری و دکمههایی بود که اطلاعات شما را میخواستند، همه به طور محکم روی صفحه بستهبندی شده بودند و از شما الهام گرفته شد که آدرس ایمیل خود را به آن سایت بدهید یا محصول را بخرید. می فروخت؟ احتمالاً مدتی می گذرد زیرا صفحات درهم و برهم با اطلاعات زیاد بسیار خارج از مد هستند.
تراویس توضیح می دهد: «در حال حاضر، روند طراحی مسطح و مینیمال است. روزهای شیب شدید و سایه های ریزش تاریخ گذشته است."
در حالی که مطمئناً نمیخواهید کاری را که دیگران انجام میدهند فقط به خاطر ترکیب کردن انجام دهید، باید روندهای لحظه را در نظر داشته باشید تا مطمئن شوید که صفحه شما قدیمی به نظر نمیرسد. بخش بزرگی از حرکت به سمت سادگی در طراحی وب، تمایل به زمان بارگذاری سریع و صفحاتی است که در دستگاه های تلفن همراه تمیز به نظر می رسند.
سادگی نتیجه پیشرفت فناوری در طول زمان است، بنابراین اگر آن را تمیز و ساده نگه ندارید، واقعاً قدیمی به نظر می رسد، و قدیمی به نظر رسیدن ممکن است به تبدیل شما لطمه بزند. "نکته اصلی من این است که شما نمی خواهید صفحه شما برای بیننده خیلی قدیمی یا عجیب به نظر برسد زیرا باعث کاهش تبدیل می شود. تراویس می گوید: این یک تعادل است.
بعلاوه، ساده نگه داشتن کارها، زمان بارگذاری شما را خوب و سریع نگه میدارد، که عاملی حیاتی برای دریافت تبدیلهای بیشتر است. با توجه به Kissmetrics ، یک ثانیه تاخیر در پاسخ صفحه می تواند منجر به کاهش 7? در تبدیل شود. بنابراین آن را ساده نگه دارید!
قانون شماره 2: کمی اتاق تکان دادن را ترک کنید
کلید این زیبایی شناسی ساده فضای خالی است (یا فضای خالی اگر صفحه شما سفید نیست). کایلا تأکید میکند که این فضای اضافی، که او آن را «اتاق تنفس» مینامد، نه تنها صفحه شما را مدرنتر نشان میدهد و میتواند به بارگذاری سریعتر آن کمک کند، بلکه از غرق شدن خوانندهتان نیز جلوگیری میکند.
Kayla در قالب صفحه فرود غیرانتفاعی زیبا خود، با تمرکز روی یک عکس زیبا و دعوت به اقدام، همه چیز را ساده نگه میدارد. سپس او قبل از متن "به ما در رسیدن به هدفمان کمک کنید" فاصله کمی می گذارد. این فاصله حس جنگل وسیع را به شما می دهد و همچنین به اندازه کافی ساده است که حواس یک سرنخ بالقوه را منحرف نکند.
«این خوب است که در بالا و پایین قسمتها فضای خالی داشته باشید، زیرا چشمان شما ممکن است با خواندن زیاد غرق شوند. این باعث می شود یک دقیقه مکث کنید تا متوجه یک چیز جدید شوید.
در حالت ایدهآل، چیزی که متوجه میشوید، یک فراخوان قوی برای اقدام خواهد بود و به سمت انتخاب سوق داده میشوید.
قانون شماره 3: از عناصر طراحی برای سازماندهی اطلاعات استفاده کنید
گاهی اوقات، شما نمی توانید آن را بسیار ساده نگه دارید و باید اطلاعات زیادی به سرنخ های خود بدهید. به جای ضربه زدن به آنها با دیوار متنی که به آنها اجازه می دهد بدانند، به سبک مقاله، چرا به محصول شما نیاز دارند، باید آن را بشکنید و خواندن آن را آسان کنید.
ابتدا، مشخص کنید که بالاترین اولویت اطلاعات شما چیست، و سپس به موارد دیگری که کاملاً باید وجود داشته باشد، نگاه کنید. از خود بپرسید چه چیزهایی را می توانید به نقاط مهم تقسیم کنید و کدام ایده های مرتبط را می توانید با هم گروه بندی کنید.
کایلا توصیه میکند نکات اصلی را جمعآوری کنید و آنها را پررنگ کنید یا برای هر نکته اصلی تیتر ایجاد کنید. او همچنین میگوید که گرافیکها میتوانند واقعاً در شکستن متن مفید باشند - یا حتی اگر بتوانند موضوع را به درستی متوجه شوند، متن را جایگزین کنند.
در این الگوی مربی مربی، Kayla متن را به چند روش مختلف سازماندهی کرده است. او با قرار دادن آن در جلو و مرکز توجه را به پاراگراف اول متن جلب می کند، سپس قسمت دوم صفحه را به دو قسمت تقسیم می کند. هنگامی که زمان صحبت در مورد خدمات این کسب و کار فرا می رسد، او به بازدیدکنندگان کمک می کند تا با ایجاد فضایی برای نمادها برای نشان دادن موضوع، به سرعت اطلاعاتی را که بیشتر به آنها مربوط است بیابند.
آیا می توانید خواندن همه این متن را بدون وقفه بصری بخش ها، تصاویر و تیترهای مختلف تصور کنید؟ این یک سردرد خواهد بود، و احتمالاً بیشتر مطالعه را نادیده می گیرید و به سراغ صفحه ای می روید که درک آن راحت تر باشد.
https://www.leadpages.com/blog/landing-page-design/