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

اولین متن صفحه فرود من خیلی عجیب بود. من یک جوجه کپی رایتی نوت بودم، مقالات لنگر برای یک تبادل لینک بدنام نوشتم، سعی کردم رتبه و میلیون کپی رایتر را در تبلیغات مختلف، متن‌ها و دیگر جذابیت‌های ناامیدکننده برای مبتدیان کسب کنم. قیمت 80 روبل برای 1000 کاراکتر در آن زمان تقریباً یک رویا به نظر می رسید. و سپس یک روز مشتری از همان صرافی زیر متن برای فرود آمد. و با پرداخت طبق معمول در بورس بابت کیلو. من پس از آن نوشتم، به یاد دارم، یک "ورق" چهار هزار نفری، نمره خوبی گرفتم و از خودم راضی بودم - اکنون چیز زیادی از وضعیت "کوسه قلم" باقی نمانده است. متأسفانه، من چیزی در مورد سرنوشت آن متن نمی دانم و اینکه آیا می شد حداقل چیزی را با کمک آن به فروش رساند، اما امروز، با یادآوری آن داستان، فکر می کنم: آیا بسیاری هستند که هنوز در تعجب هستند که چگونه یک صفحه فرود ایجاد کنند. ، متون را از کپی رایترهای صرافی سفارش دهید و در نهایت چگونه می شود؟ الکسی پانشین، بنیانگذار آژانس بازاریابی اینترنتی Panshin Group، به ما گفت که کدام صفحات فرود می فروشند و کدام نه، چگونه تبدیل را ارزیابی کنیم، و چگونه حوله های تری می توانند به کسب و کار شما کمک کنند.

درباره کپی رایترها و متون

یک صفحه فرود فروش با یک متن شروع می شود - هر مقاله ای در مورد این موضوع در این مورد اطلاع رسانی می کند. با جمع آوری بر روی سازنده با قالب های آمادهیک صفحه فرود دست ساز به صورت رایگان (یا حتی با پرداخت 5 هزار روبل به یک متخصص!)، یک کارآفرین تازه کار (بله، معمولاً اوست) تصمیم می گیرد متن را بنویسد (چه ضایع کننده است!) به تنهایی. خوب، یا به عنوان آخرین راه، اگر زبان روسی واقعا فشرده باشد، او شروع به جستجوی یک مجری می کند. و کارشناسان ارزان Gramota.ru و صاحبان خال کوبی با مشخصات اوژگوف روی سینه را کجا می توان پیدا کرد؟ البته در مبادلات آزاد. اینجاست که ترفند اصلی نهفته است. برای نوشتن صفحه فرود نیازی به کپی رایتر ندارید!

الکسی پانشین

موسس آژانس بازاریابی اینترنتی "پانشین گروپ"

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

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

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

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

با نوشتن این مورد در صفحه اول سایت در لیست مزایای کلیدی، تقاضا برای خدمات را 3-4٪ افزایش دادیم. اما اکثر بازدیدکنندگان متن صفحه اصلی را نیز نمی خوانند، برای جلب توجه آنها به عکس و اینفوگرافیک نیاز است. با استفاده از این روش ها می توان تقاضا را بین 10 تا 15 درصد یا بیشتر افزایش داد. همه این ترفندهای ساده مدتهاست که با موفقیت توسط متخصصان در زمینه ساختمان فرود استفاده می شود.

اکثر بازدیدکنندگان متن صفحه اصلی را نمی خوانند - برای جلب توجه آنها به تصاویر و اینفوگرافیک نیاز است.

این اتفاق می افتد که موفقیت فروش به یک کلمه بستگی دارد. اخیراً زمان زیادی را صرف کردم تا دختر 2 ساله ام را متقاعد کنم که به شنا برود و این پیشنهاداو با عصبانیت رد کرد. با این حال، ارزش این را داشت که کلمه «شنا» را با «پاشیدن» جایگزین کنیم، و سپس آن را با حرکات بدن مناسب تجسم کنیم، و او مانند بازدیدکنندگان یک مرکز خرید در یک بوتیک جمعه سیاه به حمام هجوم برد. کار یک بازاریاب-کپی رایتر هنگام ایجاد یک صفحه فرود شبیه به وظیفه متقاعد کردن کودک است: نه نوشتن یک برگه، بلکه یافتن کلماتی (گاهی اوقات یکی کافی است) که "قلاب" کند و بازدید کننده را به خرید سوق دهد.

در مورد افزایش تبدیل

شاخص موفقیت هر صفحه فرود، تعداد تبدیل است. آنها می توانند تماس ها، برنامه ها و سایر سرنخ ها باشند. این بستگی به اهداف و اهداف مشتری دارد. و این رقم تحت تأثیر عوامل بسیاری است: اول از همه، بخش تجارت. رویکرد فرود برای B2C و B2B کاملاً متفاوت است. در حالت اول، خریدهای خود به خودی می توانند تولید شوند و متن می تواند و باید احساسات را جذب کند. مورد دوم غیر قابل قبول است. با این حال، هیچ راه حل جهانی وجود ندارد. در همان منطقه، گزینه های زیادی برای مخاطبان هدف وجود دارد و متون مختلف می تواند برای هر یک از آنها کار کند. وظیفه بازاریاب شناسایی این نقاط تماس بین فروشنده و خریدار است.

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

متأسفانه، برای این پروژه، الکسی به تعهدات سختگیرانه NDA (حفظ اسرار تجاری. - ویرایش) ملزم است، بنابراین، او نمی تواند یک پرونده کامل ارائه دهد. با این حال، این یک وضعیت رایج برای این حوزه تجاری است.

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

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

در مورد حوله

با کمال تعجب، حوله های تری کاملاً قادر به کمک به صفحه فرود شما برای شروع درآمدزایی هستند. اولین موضوعی که به ذهنمان رسید را گرفتیم، در این مورد معلوم شد «عمده فروشی حوله» است و کارشناس ما پیشنهاد داد. آموزش گام به گامدر حل این مشکل

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

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

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

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

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

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

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

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

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

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

اول اینکه قیمت ها درج نشده است. به طور دقیق تر، آنها نشان داده شده اند، اما برای دیدن آنها، باید برگه "اطلاعات" را گسترش دهید، آنها در یک نمای سطحی قابل مشاهده نیستند. هنگام ایجاد صفحه فرود، انتظار نداشته باشید که کاربر فوراً شروع به خواندن هر کلمه کند، شما فقط 5-6 ثانیه فرصت دارید تا او را علاقه مند کنید.

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

ثالثاً برخی از مزایا خاص نیستند. به عنوان مثال، نشان داده شده است که تولید دارای گواهی است، اما هیچ اسکنی از خود گواهی وجود ندارد. و "انتخاب زیادی از پارچه"، "سطح خدمات بالا" و " در اسرع وقت” یک کلاسیک از “کپی رایتینگ سهام” ارزان است. "178 گزینه پارچه"، "یک مدیر شخصی با شما کار خواهد کرد"، "ما آن را ظرف 1 روز تولید خواهیم کرد" را بنویسید، و مشتری خودش تصمیم می گیرد که آیا این پیشنهاد "بزرگ"، "بالا" و "کوتاه ترین" است یا خیر.

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

با این حال، بسیار وجود دارد ضرر بزرگمتن سئو در صفحه است.

اولاً، به سادگی به طور متوسط ​​نوشته شده است: «حوله های حوله ای عمده فروشی هستند دستیاران ضروریدر هر آشپزخانه و حمام چه معذرت خواهی. چه عذر خواهی؟ معمولاً در این مکان می گویند: "متن سئو برای جذب ربات ها به سایت مورد نیاز است، به هر حال کسی آن را نمی خواند." و این تا حدی درست است، اگر نه ...

ثانیاً، متن سئو در بالای دایرکتوری (!) قرار می گیرد، یعنی او اولین بار است که چشم بازدید کننده را به خود جلب می کند و این او است که اولین برداشت را از سایت ایجاد می کند. و شما 5-6 ثانیه فرصت دارید، آن را فراموش نکنید. به عبارت دیگر، برخی از بازدیدکنندگان به سادگی به کاتالوگ عالی شما نخواهند رسید و از «جذابیت» متن SEO که در آن ذخیره کرده اید قدردانی می کنند.

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

اگر اولین چیزی که در یک آژانس بازاریابی اینترنتی می‌پرسید این است که «هزینه یک صفحه فرود چقدر است؟»، نتیجه شما را راضی نخواهد کرد. بررسی شد. بیان صحیح این سوال: "در صفحه فرود شما چقدر درآمد خواهم داشت؟" و "در مورد آن چه خواهید کرد؟".

برای اینکه شما در مورد کیفیت دوره های ما ایده ای داشته باشید، من پست می کنم
نظرات برای دوره های دیگر من

منوشین سرگئی الکساندرویچ

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

خیلی ممنون!!!

با احترام، سرگئی.

خرلاموف سمیون

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

در روند ساخت، سایت من بیش از یک بار تغییر کرده است و صادقانه بگویم، مطمئن نیستم که اینطور بماند. اکنون من یک پایگاه دانش دارم که دائماً به روز می شود و می توانم هر زمان که اتفاقی افتاد واکنش نشان دهم، این یا آن ماژول، افزونه یا قالب را تغییر دهم یا اضافه کنم.

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

P.S. با تشکر فراوان از الکساندر و تیمش برای رویکرد حرفه ای اش

با احترام، سمیون.

عظمت اوشانوف

ویاچسلاو فتیسوف

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

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

من می خواهم از شما برای دوره های شما تشکر کنم. بسیار از شما متشکرم.

با احترام، ویاچسلاو.

لیبرمن کنستانتین ایگورویچ

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

تمام فصل ها با جزئیات نشان داده شده است. این دوره مؤلفه ها و پسوندهای اثبات شده را جمع آوری کرده است. راحت است که همه کارها را موازی با نویسنده انجام دهید و می توانید پیشرفت به سمت هدف را مشاهده کنید.

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

با احترام، لیبرمن کنستانتین.

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

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

رنگ: مشکی و زرد

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

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

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

پایین نوار ناوبری!

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

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

تصاویر اصلی

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

تصویر استوک فاقد اصالت است، زیرا اغلب ربطی به محصول یا خدماتی که صفحه فرود ارائه می دهد ندارد. و به همین دلیل است که کار نمی کند. به عنوان مثال، اگر یک تصویر استوک را با عکس یک کارمند واقعی شرکت جایگزین کنید، این می تواند به نتایج شگفت انگیزی منجر شود. Highrise به این ترتیب تبدیل صفحه فرود خود را تا 102٪ افزایش داد. طراحان تصاویر واقعی را به کاربران نشان دادند و مخاطبان بلافاصله به این موضوع واکنش نشان دادند.

واژه جادویی

مواردی که تبدیل صفحه با جایگزینی یک کلمه با کلمه دیگر افزایش می یابد چندان رایج نیستند. اما این اتفاق می افتد. این کلمه جادویی چیست؟ بسیاری تعجب خواهند کرد، اما این کلمه "دریافت" است. تعدادی از مطالعات موردی و تست‌های A/B نشان داده‌اند که گنجاندن کلمه «دریافت» در یک تماس برای اقدام تأثیر زیادی بر رفتار کاربر می‌گذارد و احتمال کلیک کردن روی دکمه CTA را افزایش می‌دهد. در اینجا یک مثال آورده شده است: تماس "دریافت اطلاعات قیمت" 14.7٪ بهتر از متن استاندارد "اطلاعات قیمت" عمل می کند. این داده ها به صورت تجربی به دست آمدند. در آزمایش دیگری، استفاده از کلمه "دریافت" منجر به افزایش 38.26٪ در تبدیل شد.

آسیب اثبات اجتماعی ضعیف

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

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

نتیجه

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

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

طبق مطالعه مشترک گوگل و دانشگاه بازل، کاربران جذابیت زیبایی شناختی و عملکرد درک شده یک سایت را در حدود 1/20-1/50 ثانیه ارزیابی می کنند. این کمتر از چیزی است که برای یک ضربه محکم و ناگهانی انگشتان خود نیاز دارید. و در این مدت بازدید کننده تصمیم می گیرد که به شما فرصت بدهد یا به سراغ رقبا برود.

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

یک صفحه فرود باید یک هدف داشته باشد (بله، فقط یک هدف)

شار بیگرز، بنیانگذار استودیوی طراحی PROVOKE مستقر در نیویورک، که روی پروژه‌هایی برای هیلاری کلینتون، سفورا، اسکوئر اسپیس و کلینیک کار کرده است، توضیح می‌دهد: «بهترین صفحات فرود ساده و متمرکز بر یک هدف واحد هستند.

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

Simone Smyth، بنیانگذار HyperBrow Studio مستقر در دوبلین، توضیح می دهد: "به نظر ساده می رسد، اما اغلب عناصری وجود دارد که مشتری به آنها فکر نکرده است."

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

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

اهداف مختلف - صفحات مختلف.

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

در ویرایشگر صفحه فرود LPgenerator، می توانید یک سلسله مراتب صفحه فرود را از بلوک های ساختاری آماده بسازید. آنها به دسته‌هایی تقسیم می‌شوند: سرصفحه، مزایا، مراحل کار، فرم سرب، پاورقی، و غیره. سازنده بخش ما به این صورت است:

هر آنچه در مورد مشتریان می دانید را یادداشت کنید

بنابراین، هنگام طراحی یک صفحه فرود، ابتدا باید به هدف آن فکر کنید. و دوما؟ مخاطب را درک کنید.

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

شار توضیح می دهد: «ابتدا، من با کسب و کار مشتریان، صنعت آنها و آنچه رقبایشان انجام می دهند آشنا می شوم.

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

شار راه حل های طراحی خاصی را برای صفحه فرود Everwise جدید، یک سرویس دوستیابی برای مربیان توسعه داد. طراحی بال بر اثبات اجتماعی (کسی که از خدمات استفاده می کند) و موفقیت مشتری (96٪ صحیح) تمرکز دارد. این انگیزه شما را برای ثبت نام و کسب اطلاعات بیشتر می کند.

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

با طراحی خود متمایز شوید

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

هارموت اسلینگن، طراح آلمانی که در شکل گیری تصویر محصولات اپل در دهه 80 کمک کرد، یک اصل راهنما داشت که "فرم از احساسات پیروی می کند."

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

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

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

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

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

"طراحی در یک مسابقه رقابتی بسیار مهم است. می‌توانید با تصاویر، ویدیوها یا تایپوگرافی پیش بروید—هیچ فرمولی وجود ندارد.»

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

«نظافت و مینیمالیسم تمایل دارد بهترین انتخابشار اضافه می کند، اما اغلب ما بقیه احتمالات نوآورانه را دست کم می گیریم.

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

می توانید طراحی صفحه فرود را در ویرایشگر صفحه فرود LPgenerator سفارشی کنید. پنل ویجت ما به این صورت است:

و این نوار ابزار ویرایش صفحه فرود است.

روی تجربه کاربری تمرکز کنید تا بازدیدکنندگان را به مشتری تبدیل کنید

توجه کاربر را جلب کرد و او را متقاعد کرد که بماند؟ حالا کار واقعی شروع می شود.

«هنگام طراحی صفحات فرود برجسته، سعی می کنیم ناراحتی کاربر را به حداقل برسانیم. برای انجام این کار، سؤالاتی را می پرسیم: "آیا این تجربه را بهبود می بخشد؟" جسپر بالزر، مدیر عامل ajukreizi، یک آژانس مستقر در کپنهاگ که با مشتریانی مانند Universal Music و Roskilde Festival کار می‌کند، توضیح می‌دهد: «آیا به برند ارزش می‌افزاید؟»

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

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

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

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

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

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

برای شار، استفاده از نقاط قوت برند (احساسات و غیره) جزء کلیدی موفقیت صفحه فرود است.

«برندینگ تا حد زیادی مهم‌ترین استراتژی سئو است، از جمله یک داستان خوب نوشته شده و یک تجربه بصری بالا که در همه پلتفرم‌های دیجیتال مرتبط است. ارتباط یک برند با تاریخچه جستجو و سؤالات افراد به طور مستقیم بر افرادی که محتوا و صفحات فرود آن را می بینند تأثیر می گذارد."

ایجاد کردن. اندازه گرفتن. برای مطالعه. تکرار.

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

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

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

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

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

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

ویکتوریا کوچینوا

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

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

تماشا کنید، الهام بگیرید، ایده‌هایی را که دوست دارید در عمل پیاده کنید، آن‌ها را با ایده‌های خودتان ترکیب کنید، و تست A/B را فراموش نکنید - این تنها دستور درست برای ایجاد صفحات فرود قاتل است.

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

فرم توسعه یافته

معمولاً تک پیجرها از یک فرم درخواست استاندارد با چندین فیلد استفاده می کنند. اغلب، مشتری نیاز به ارائه اطلاعات تماس - نام، نام خانوادگی، پست الکترونیکی یا شماره تلفن دارد. اما در برخی از حوزه های پیچیده بهتر است موضوع را با جزئیات بیشتری پوشش دهیم. در اینجا نحوه انجام آن در Texterra آمده است: در قالب یک صفحه فرود dellservers.ru، مشتری می تواند یک ماژول، پارامترها و وظایف سرور را انتخاب کند. اگر مشکلی پیش آمد می تواند مقادیر را بازنشانی کند.

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

دو دکمه STA

در صفحه فرود برنامه ریز وظیفه در wunderlist.com/ru، دو فراخوان برای اقدام به طور همزمان وجود دارد که یکدیگر را تقویت می کنند: «یک رایگان ایجاد کنید. حساب' و 'دانلود Wunderlist'. کاربران روی هر دو لینک کلیک می کنند، تبدیل بالا می رود و صفحه فرود کار خود را به خوبی انجام می دهد.

ارقام خاص (نتایج)

این جدید نیست، اما هنوز هم کار می کند. به مشتریان نشان دهید که در اعداد چه چیزی به دست آورده اید: این واضح تر از عبارات انتزاعی "ما بهترین هستیم"، "ما صدها پروژه تکمیل شده داریم" و غیره است. به صفحه فرود smartprogress.do نگاه کنید: بلافاصله می توانید ببینید که چند نفر قبلاً به پروژه ملحق شده اند، چند هدف تعیین شده است، چند دستاورد به دست آمده است.

شخصی سازی

صفحات فرود الگوی بدون چهره - br-r، چه چیزی می تواند کسل کننده تر باشد! تک پیجر خود را زنده کنید، به یک مشتری بالقوه علاقه مند شوید. به عنوان مثال، در صفحه خدمات Texterra برای ایجاد وب سایت، عکس های کارمندانی وجود دارد که مستقیماً در این امر دخیل هستند. بازدیدکننده وارد می شود و می بیند: بله، نه توسعه دهندگان انتزاعی، بلکه Svyatoslav، Polina، Artem و دیگران کاملاً زنده با منبع من سروکار دارند.

فرم پاسخ مناسب

در بسیاری از صفحات فرود و وب سایت ها، فقط می توانید از طریق یک فرم سؤال بپرسید. و این بدان معنی است که شما باید نام و نام خانوادگی را ذکر کنید، شماره تلفن را بگذارید و پست الکترونیک. گاهی اوقات حتی باید کپچا و کدها را وارد کنید - وحشتناک! واضح است که این کار برای به دست آوردن سرنخ انجام می شود. اما گزینه دیگری وجود دارد - مانند صفحه فرود Cerebro Target. اگر در VKontakte ثبت نام کرده اید، نیازی به پر کردن چیزی ندارید - آن را بردارید و بنویسید. هم مشتری راحت است و هم صاحبش خوب است - مخاطب باقی مانده است، می توانید به کار خود ادامه دهید.

نظرات مشتریان

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

نمایش نتایج

گرافیک سه بعدی و واقعیت افزوده

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

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

بر روی صفحه نمایش تلفن هوشمند یا تبلت، مکعب زنده می شود. کاربر یک نسخه سه بعدی از "Snake"، "2048"، "Labyrinth" را پخش می کند. در این حالت باید با استفاده از یک مکعب واقعی بازی را کنترل کنید. برای کنترل مکعب با دو دست، باید از پایه مخصوص گوشی هوشمند خود استفاده کنید که می توانید خودتان آن را مونتاژ کنید.

مدل سه بعدی مکعب در تصویر (گیف) قابل مشاهده است.

آنچه مشتری می خواست

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

چه کرده ایم

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

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

صفحه فرود کاملاً واکنش گرا است.

انتخاب تعاملی رنگ داخلی و مبلمان

ویژگی صفحه فرود DSK.Color امکان انتخاب مستقل رنگ مبلمان و وسایل داخلی با استفاده از یک پالت تعاملی است.

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

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

آنچه مشتری می خواست

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

چه کرده ایم

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

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

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

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

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

پیش لودرهای غیر معمول و معمولی

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

پیش لودر چیست و چه کارهایی را حل می کند

Preloader یا Spinner علامتی است که قبل از بارگیری صفحه روی صفحه ظاهر می شود. این عناصر را هر روز هنگام استفاده از اینترنت می بینید. در زیر نمونه ای از پیش بارگزاری آورده شده است.

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

به خاطر اینکه ویژگی های فنیکار مرورگرها صفحات سایت ها به طور ناهموار بارگذاری می شوند. در حین بارگذاری، طرح ممکن است "شناور" شود. اگر صفحه به جای کسری از ثانیه در چند ثانیه بارگیری شود، کاربر برای مدتی تصویر غیرجذابی را مشاهده می کند.

Preloaderها با استفاده از ابزارهای توسعه front-end استاندارد پیاده سازی می شوند: HTML، CSS، جاوا اسکریپت و کتابخانه ها و چارچوب های اضافی، مانند jQuery، React.

چگونه صفحات فرود را با پیش بارگزارها بهبود می دهیم

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

• کوبی

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

• تراز کردن

در وب سایت Levellen Interiors، ما از یک پیش لودر به شکل لوگوی شرکت استفاده کردیم. این یک عنصر اضافی از برندسازی وب سایت است.

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

وقتی ماوس را روی یک دفتر رایگان نگه می‌دارید، دکمه «جزئیات» ظاهر می‌شود.

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

ویژگی های پیاده سازی

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

طراحی خود را

در این مثال، هیچ ترفند فنی پیچیده و جلوه‌های طراحی وجود ندارد - کل صفحه فرود یک تصویر زیبا را نشان می‌دهد: پس‌زمینه، رنگ‌ها، عکس‌های شگفت‌انگیز خاویار آستاراخان. یک صفحه astrahancaviar.ru– مثال خوبچگونه به لطف طراح محصول می خواهد خریداری شود. و بلافاصله غذا بخورید!

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