Съвети и примери за красиви целеви страници

Около темата за целевите страници са написани стотици остроумни статии. Всички знаем основните факти - че това са страниците, които посетителят достига след кликване върху банерна реклама или промоционална връзка, и че те играят ключова маркетингова роля, като конвертират потенциалните клиенти в бизнеса. Когато става въпрос за самостоятелно проектиране на целеви страници обаче, нещата изглеждат много по-деликатни, отколкото бихте очаквали, след като сте преминали през документация за това как. Ето защо днес ние избрахме да споделим колекция от реални примери за целеви страници за вдъхновение.

Според доста научна класификация, която може да намерите в Уикипедия, целевите страници попадат в две основни категории: справочни и транзакционни. Ако те се наричат ​​референции, страниците трябва да показват информация, която е едновременно привлекателна и подходяща за посетителя (текст, мултимедия). „Транзакционните“ целеви страници са тези, които се стремят към незабавни продажби или най-малкото при улавянето на силни търговски продажби.

Както вероятно ще се съгласите с мен, всички целеви страници отговарят на двата критерия: те информират посетителя за офертата, както и да подтикват действия от негова страна. В противен случай не бихме се нуждаели от повиквания за действие на абсолютно всяка целева страница?

Това, което трябва да бъде ясно, преди да започне всяка целева страница в www е естеството на желаното действие на посетителите. Има ли увеличаване на бюлетина с целта ви? След това проектирайте CTA с съобщението "Регистрирайте се сега в нашия бюлетин". Смятате ли да имате пробни покупки от посетители? Кажете така. Най-общо казано, основната рецепта е да направи вашата целева страница изрази тази оферта възможно най-ясно и примамливо.

Съвети за създаване на целеви страници

Някои бързи съвети, от които да започнете при проектирането на целевата страница:

1. Използвайте принципа AIDA

Това е верига от събития, които желаем да се случи, след като олово достигне платформата, показваща популяризирания продукт или услуга. Основните стъпки са:

1. осъзнаване - да привлече вниманието на посетителя
2. интерес - което може да бъде предизвикано чрез подчертаване на ползите за клиента
3. желание - индуцират у клиентите идеята, че те искам продукта или услугата
4. действие - клиенти, извършващи процеса на покупка

2. Не прекалено много разсейване; остави изход

Идеята е проста. Ако целевата страница на практика няма опция за навигация, с изключение на бутона CTA, посетителите ще принудят изхода си. Не мислете, че ако не предоставите никаква навигация, те няма да намерят начин да напуснат - те ще го направят, може би дори и чрез изключване на браузъра. И тези посетители ще не Върни се.

3. Накарайте го да премине теста за мигане

Обикновено целевата страница трябва да привлече вниманието на посетителя през първите 3 секунди от влизането. Ако гостът примигва и не вижда ясно какво трябва да намери на страницата или не се интересува от това, което е видял, най-вероятно той ще се откаже от празни ръце.

4. Не създавайте фалшиви очаквания

Целевата страница трябва да съответства на подсказките, предоставени от оригиналната реклама, или обратното. Посетителите трябва да намерят на целевата страница какво са били обещани за пръв път в рекламата, която са кликнали.

Както обещахме, нека разгледаме някои добре проектирани и ефективни целеви страници на B2B и B2C. Ще изследваме техните силни страни и неизбежни слабости. В галерията по-долу внимавайте за следното: визуална комуникация, брандинг и показатели за доверие, ефективност на съдържанието, повиквания към действие.

Витрина: Красиви целеви страници

99Designs

Това е версията на целевата страница, насочена към дизайнери и студенти. 99Designs има и целевата страница за другата страна: фирми, които се нуждаят от дизайн. Що се отнася до този, той е много ефективен по отношение на одобрението (вижте смелите признания) и наистина говори езика на публиката с цифри и показатели на доверие (брой членове на общността, сума, която печелят). Обърнете внимание на яркочервения нюанс на единичния бутон CTA - това обикновено е нещо, което трябва да се избегне, но в този конкретен случай не е обезпокоително, тъй като съответства на цвета на логото.

123RF

123RF прави ясна цел в тази целева страница с плъзгача за изображения и четирите средни кутии. Разбирате в един миг каква е услугата и как можете да я използвате (Търсене, Регистрирайте се, Платете като Вие-Go, купувате абонамент). Светлосивият фон е ненатрапчив и поставя акцента върху същността, която е образът. Това, което лично мисля, че те могат да подобрят, е списъкът на категориите с фотографии, това е малко препълнено. А CTA е малко прекалено изтънчен за кликащите кутии.

Favomatic

Много обичам дизайна на тази целева страница. Има контраст, добри лозунги във всеки раздел и носи много информация, без да ви принуждава да четете всичко (малкият шрифт прави всичко). Той има навигация, но вертикална, чрез превъртане, което значително намалява скоростта на подскачане.

BiznessApps

Силни повиквания към действие, подчертан лозунг и впечатляващ списък от препоръки - това е правилната комбинация за целевата страница и тази страница го съдържа. Плюс това, той включва минимално количество текст и използва демо видео, тъй като е известно, че хората предпочитат да гледат кратък филм, отколкото да четат. Формата е елемент, който може леко да се подобри. Обикновено трябва да дадете първо, преди да можете да получите, така че ако в замяна на подаването на формуляра посетителите могат да получат безплатни оферти, тогава бутонът „Изпращане на съобщение“ може да каже нещо като „Вземете безплатните си неща сега!“.

Brusheezy

Друго доказателство за това е повече. Тази целева страница изглежда много чиста с една икона и изтъкнати заглавки. Обърнете внимание на двете повиквания към действие, отгоре и отдолу - това е надежден метод, за да се запази съобщението, без да се пренаселява страницата. Подчертаването на ползите за клиентите, а не за характеристиките на продукта, е друг победител.

JailBreak

Тази страница може да е твърде пренаселена, но е в традицията на целевите страници за приложения. Въпреки това, решението за разделяне на страницата по сегменти улеснява навигирането през всички елементи. Можете да намерите всичко, което може да търсите: функции, предимства, препоръки и дори гаранция за възстановяване, ако не сте доволни от резултата. Последното е доста рисковано, тъй като може да повдигне въпроси за качеството на услугата и е добра идея да го поставите докрай на дъното

PageLines

Минимализмът е ключовото понятие тук. Аз лично харесвам, че тази страница не ви казва всичко веднага, но ви кани да откриете. Това, което не ми е толкова приятно, е видеото, което се стартира автоматично (функция, която обикновено избягвам) - дори ако Андрю Пауърс е не само умел, но и красив! Също така, фактът, че няма незабавно CTA, може да бъде недостатък за уебсайта.

Pico

Тази целева страница е проста, но мощна. Червеният знак "по-голямо от" е сол и пипер за цялостния вид. Режимът на параграфите наподобява оформление на вестници и е доста внушителен за целта на CMS. Бутоните на CTA са прекалено слаби, а дамата в долния десен ъгъл причинява лек разсейване; с твърде голяма изненада на лицето й, изглежда ли тя, че може да преговаря за бизнес?

Shoeboxed

Дескриптивните редове за всеки от разделите са пример за описателно използване на езика. Вие разбирате съобщението за част от секундата, тъй като вашата линия на видимост бързо сканира първия ред и пристига на бутона CTA. Ако все още се колебаете, има препоръка, която да ви помогне, заедно със силни препоръки - няма ли да се доверите на компания, която е включена в Forbes и Tech Crunch? бих.

Squarespace

Професионално изглеждаща целева страница, това е. Смел лозунг, CTA бутони, които не можете да удържите на кликване и много добра подкрепа, това е комбинацията от успеха. Също така ми харесва, че те поставят контекста си на употреба в центъра на страницата, с екранна снимка на начина, по който изглеждат техните страници, и инфографични индикации. 3-елементната структура на страницата е друга силна страна.

Бележка на редактора: Тази публикация е написана от Лора Моисей за Hongkiat.com. Лаура има бакалавърска степен по комуникационни науки и прекарва по-голямата част от времето си в стремежа си към дизайн и писане. Тя работи за 123ContactForm, онлайн формуляр и конструктор на проучвания, който помага на потребителите да създават красиви форми за всяка уеб страница.