Един скелет за конверсии, много клиентски лица

Резюме

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

Два начина за изграждане на всяка клиентска страница

Защо същата начална страница, която доведе до конверсия за предишния ви клиент, отнема два пъти повече време за следващия? Защото всеки път започвате от нулата. Избирате оформление, измисляте hero секция, спорите за цвета на бутона и се надявате новият дизайн да проработи. Това не е дизайн; това е хазарт.

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

Вземете например ваучер за отстъпка и заявка за B2B демонстрация. На пръв поглед те нямат нищо общо. Единият продава купон; другият продава среща. Но и двамата се нуждаят от причина да задържат вниманието през първите две секунди, от едно-единствено действие и от нещо, което прави действието да изглежда безопасно. Това е скелетът.

Ето компромисът в една таблица:

Подход	Какво се променя за всеки клиент	Какво остава фиксирано	Основен риск
Индивидуален	оформление, ред на секциите, йерархия	почти нищо	пропуснати елементи за конверсия, бавност
Библиотека с шаблони	целият дизайн, избран от набор	който и шаблон да сте избрали	непоследователна структура, решения, водени от дизайна
Скелет	цветове, шрифтове, изображения, тон	блок със заглавие, CTA, разположение на доказателствата	еднаквост, триене с марката
Хибриден	една или две бранд зони	останалото	изисква строги правила, иначе се разпада

Библиотеката с шаблони е тихият трети вариант. Много екипи работят с шаблони и това изглежда като система. Но не е. Шаблонът променя структурата всеки път, когато превключите, и посетителят получава нов визуален път на всяка страница. Някои шаблони се представят добре. Следващият вероятно няма, и няма да знаете кой кой е. Скелетът е обратното: структурата е константата, а марката е променливата.

Останалата част от тази статия е за това как да направите скелета по подразбиране и да знаете точно кога да го нарушите. Ако искате краткия вариант: изградете една многократно използваема структура, поставете марката на всеки клиент отгоре и запазете индивидуалната работа за кампании, които могат да си я позволят.

Фиксирайте скелета за конверсия първо

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

Ръководствата за начални страници са съгласни за една и съща анатомия: заглавие, което назовава резултата, подкрепящ ред, визуално доказателство, социално доказателство и един ясен призив за действие. Ако страницата няма всичките пет, не сте готови да я стилизирате. Готови сте да я редактирате.

Тук е мястото, където намалявате визуалния шум. Навигацията е първото нещо, което махате. Вторичните връзки, декоративните карусели и заешките дупки тип „научи повече“ се конкурират с CTA. Всеки елемент, който не тласка посетителя към действието, е разсейване, за което плащате, за да го поддържате.

Каруселът е добър тест. Ако страницата започва с въртяща се hero секция, тя кара посетителя да вземе решение, преди да знае за какво става въпрос. Скелетът никога не трябва да започва с карусел. Започнете с едно заглавие, един подкрепящ ред, едно изображение, един CTA. Ако не можете да кажете посланието на страницата в едно изречение, значи страницата няма такова.

Бялото пространство е част от скелета, не лукс. Всеки блок има нужда от въздух, а CTA се нуждае от пространство около себе си, така че нищо да не му конкурира. Когато клиент поиска повече съдържание, скелетът казва „само ако то придвижва посетителя към следващия блок“. Всичко останало принадлежи на помощна страница.

Поставете марката отгоре, не отдолу

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

Кредитен съюз и марка за улично облекло могат да споделят един и същ скелет и да се усещат напълно различно. Единият използва приглушени сини тонове и успокояващ език; другият използва крещяща типография и продуктови снимки. Същият блок със заглавие, същото разположение на CTA, същата последователност от доказателства. Посетителят вижда марката. Конверсиите идват от структурата.

Когато клиент ви помоли да „го направите да се усеща по-уникално наше“, попитайте какво се променя. Ако променя изображенията, тона, казусите, значи вече сте готови. Ако променя реда на заглавието и формата, преговаряте срещу посетителя.

Дайте на марката силно присъствие и ограничена роля. Логото трябва да е видимо веднага, палитрата трябва да насища страницата, а тонът да бъде безпогрешен. Това, което марката не трябва да прави, е да пренарежда скелета. Ако клиент настоява за промяна в оформлението, поискайте доказателства, че промяната подобрява конверсията. Обикновено такива няма. Това не е критика; това е сигнал, че въпросът е за вкус, не за поведение.

Предупреждение: бранд слоят може да повлияе на скелета, когато самият продукт го изисква. Физическият продукт се нуждае от голяма hero снимка. Софтуерна компания за предприятия може да се нуждае от по-дълга форма. Вградете едно правило в системата си: марката може да коригира изображенията и тона, но не може да остави CTA сам. Ако искате да изградите доверие мигновено, започнете с бранд слоя, не с оформлението.

Колко персонализация заслужава тази кампания?

Не можете да отговорите на въпроса „индивидуално или скелет?“ с универсално правило. Отговаряте за всяка кампания. Прекарайте заданието през три въпроса.

Колко дълго ще живее страницата? Страница, която работи две седмици, няма време да амортизира индивидуално изграждане. Страница, която работи две години, може да го оправдае.

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

Колко струва една конверсия? Безплатно изтегляне на електронна книга и консултация за няколко хиляди долара са различни залози. Колкото по-голяма е стойността, толкова повече място за индивидуална секция. Но имайте предвид: дори оферта с висока стойност може да се конвертира добре на скелет. Индивидуалното изграждане е лукс, не изискване.

Използвайте тези нива:

• Ниво 1: Само преработка на стила. Същият скелет, нови цветове, шрифтове, изображения, текст.
• Ниво 2: Регулирайте йерархията на съдържанието. Запазете същите секции, но сменете блока със заглавие, реда на доказателствата или дължината на формата.
• Ниво 3: Индивидуално изграждане. Персонализирано оформление и уникални секции.

Направете Ниво 1 по подразбиране. Преминете към Ниво 2 само когато офертата се нуждае от различен аргумент. Запазете Ниво 3 за кампании с достатъчно трафик и достатъчно стойност, за да можете да измерите разликата. Не позволявайте на клиентското „трябва да се откроим“ да надделее над доказателствата за това какво обикновено работи.

Калибрирайте с примери. Абонаментна услуга, добавяща ново ниво, обикновено е Ниво 2: същият скелет, нов блок с цени. Годишният апел на организация с нестопанска цел е Ниво 1: същата структура, нова история и снимки. Пускането на продукт с голям медиен бюджет и висока цена заслужава Ниво 3. Повечето задания не са такова пускане.

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

Съберете активите веднъж, не за всяка страница

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

Доказателственият елемент е този, който клиентите забравят. Цитат, число или лого на клиент. Без него страницата има дупка в блока за доказателства, а дупката ви кани да измислите нова секция. Не измисляйте. Поискайте актива. Ако клиентът няма такъв, страницата все още може да конвертира, но блокът за доказателства става място за снимка на клиент или споменаване в пресата. Каквото и да използвате, то трябва да е реално. Скелетът не може да произведе доверие.

Направете списъка за събиране на информация шаблон. Всеки нов клиент получава същия файл със същите пет заявки. Ще се изненадате колко много „бранд указания“ не включват файл с лого с прозрачен фон или лиценз за шрифт. Хванете тези проблеми преди изграждането на страницата, не по време на процеса. Скелетът работи само ако бранд слоят може да се закачи без триене.

Запишете скелета си като правила на прост език

Скелетът няма да оцелее, ако живее само в дизайнерски файл. Запишете го като рецепта. Всеки човек, който докосва страницата — фрийлансър, млад дизайнер, копирайтър — се нуждае от едни и същи правила.

Ето набор, който работи за повечето клиентски задачи:

• Един основен CTA на страница. Той се появява над първия екран и отново след блока с доказателства.
• Заглавието остава кратко и назовава резултата, не продукта.
• Бутонът за CTA казва глагол плюс резултата: „Вземете доклада“, не „Изпрати“.
• Поне един доказателствен елемент се появява преди формата: цитат, число или лого на клиент.
• Без основна навигация. Без външни връзки.
• Всяко изображение има видима причина да е там. Ако не можете да кажете защо, премахнете го.

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

Забележете какво правилата не споменават. Те не споменават конкретни цветове, шрифтове или мрежи за оформление. Те назовават резултата („един основен CTA“), но не и точното позициониране. Това прави бранд слоя свободен. Дизайнер може да приложи всякакъв визуален стил, без да наруши нито едно правило.

Сега добавете правило за „празно пространство“: ако заданието изисква нещо, което не е покрито от правилата, запишете промяната и вижте дали ще оцелее на две други страници. Ако оцелее, добавете я към скелета. Ако не, оставете я навън.

Така расте скелетът. Той започва с петте елемента, от които всяка страница се нуждае. След шест месеца може да включва „ако офертата има гаранция, поставете я до формата“, защото повторните изграждания показаха, че помага. Правилата не са статични. Те са жив запис на наученото.

Шаблоните не са скелет

Библиотеката с шаблони ви дава много начални точки. Скелетът ви дава една структура и набор от неизменни елементи. Разликата е от значение, колкото повече расте списъкът ви с клиенти.

С шаблоните човекът, който започва страницата, взема дизайнерско решение твърде рано. „Кой шаблон подхожда на този клиент?“ принуждава отговор за оформлението, преди някой да е написал заглавието или събрал доказателствата. Собствената структура на шаблона тогава определя какво се включва. Посетителят в крайна сметка чете страница, проектирана от категория шаблон, а не от логика за конверсия.

Със скелета решението е обърнато. Структурата вече е решена от това, което знаете, че работи. Единственият въпрос е кои клиентски активи запълват бранд слоя. Започвате с посланието, не с дизайна.

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

Същата логика важи и за конструктори на страници, които генерират оформления от подкана. Генерираното оформление е начална точка, не система. Все още трябва да решите кои секции остават, къде се намира CTA и какво доказателство носи страницата. Скелетът е наборът от решения, които запазвате; генерираният резултат е просто друг шаблон за редактиране.

Продавайте резултата, не оформлението

Клиентите ще имат мнения за оформлението. Решението е да преформулирате разговора. Когато кажат „мисля, че формата трябва да е отляво“, попитайте „Какво искате посетителите да почувстват или да направят първо?“ Свържете заявката с целта. Ако клиентът не може да назове резултата, запазете скелета.

Покажете два варианта на една и съща страница с различни бранд слоеве и оставете клиента да избере. Това дава на клиента усещане за собственост, без да докосва структурата. Решението става „кой тон, кои изображения“, а не „кое разположение“. Ще прекарвате по-малко време в срещи и повече в текст, доказателства и оферта, които са частите, които променят резултата.

Ако имате нужда от одобрението на клиента за скелета, направете сравнителен тест. Поставете текущата страница на клиента срещу версията по скелета и оставете данните да решат. Но не започвайте тест, докато нямате достатъчно трафик, за да научите нещо. Кратък тест с малка аудитория не ви казва нищо. Изчакайте, докато числата могат да говорят, после оставете победителя да стане новият скелет.

Аргументите срещу индивидуалното изграждане (и аргументите за отмяна)

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

„Познато“ не означава „идентично“. Означава, че анатомията остава последователна, докато бранд слоят се променя. Вашата работа е да накарате клиента да се чувства, че страницата е негова, като същевременно запазите структурата, която вече работи.

Индивидуалният подход също така скрива разход, който клиентите не виждат. Всяко персонализирано оформление е експеримент. Може да конвертира, може и да не, и няма да разберете, докато трафикът не бъде изразходен. Скелетът е познато количество; променливите са сведени до текст, доказателства и оферта. Това са променливите, които реално променят поведението. Оформлението рядко е едно от тях.

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

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

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

Повторната употреба като дисциплина, не като подразбиране

Когато получите ново задание, копирайте последната страница, която се е представила най-добре. Не отваряйте празно платно. Сменете първо бранд слоя: цветове, шрифтове, изображения, лого, тон. След това сменете офертата в заглавието, CTA и доказателствата.

Това е същата логика като редактирането на съществуващата страница вместо препроектирането ѝ. Не преоткривате колелото; сменяте гумите и пребоядисвате. Ако предишната страница е имала секция с отзиви, която тази оферта не може да подкрепи, премахнете я. Ако новата оферта има гаранция, добавете я. Копирайте, после одитирайте, после публикувайте.

Какво да не копирате: твърденията на предишния клиент. Отзив от клиент А е безполезен на страницата на клиент Б. Скелетът носи позиции, не съдържание. Всеки клиент предоставя свои доказателства, свои числа, свои примери.

Водете история на версиите. За всяка нова страница напишете един ред: „Започна от страницата на [клиент А], промених заглавието и блока с доказателства, запазих скелета.“ След три или четири страници ще видите модели. Тези модели стават следващата итерация на скелета.

Дисциплината е важна, защото ви принуждава да отделяте структурата от съдържанието. Когато копирате страница и промените само съдържанието, тествате съдържанието. Когато променяте структурата всеки път, никога не можете да научите коя част от страницата е отговорна за резултата.

Къде се счупва тази система

Подходът със скелет има режими на отказ. Познайте ги, преди да ви ухапят.

Скелетът се превръща в усмирителна риза. Ако всяка страница изглежда еднакво, дори след прилагане на бранд слоя, посетителите не знаят към коя компания гледат. Решение: направете логото, палитрата и тона видими в първия екран. Ако клиент може да види страницата си до конкурентна и да не забележи разликата, бранд слоят не си върши работата.

Оптимизирате за собствената си скорост, вместо за тази на посетителя. Скелет, изграден за покупка с едно кликване, няма да работи за изтегляне на бяла книга с множество решения. Използвайте един от алтернативните скелети. Ако целта се промени, структурата се променя.

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

Не тествате. Скелетът е хипотеза, не закон. Правете малки тестове на заглавието, текста на CTA и разположението на доказателствата. Когато доказателствата се променят, актуализирайте скелета. Така той остава жив.

Още един режим на отказ: премахвате навигацията от всяка страница, без да питате дали посетителят има нужда от начин да се върне. Подкрепеното от проучвания подразбиране е да махнете навигацията от началните страници, но целта на правилото е да задържи хората на страницата. Ако страницата не може да отговори на следващия въпрос на посетителя без бутон за връщане, добавете минималната връзка, която го прави. Скелетът казва „без навигация“ като начална точка, не като закон.

Следващата ви страница започва от скелета

Решете точно сега кой подход ще използвате по подразбиране. Ако управлявате множество клиенти, отговорът почти винаги е „скелет по подразбиране, индивидуално по изключение“. Запишете това правило. Поставете го в материалите си за onboarding. Когато следващият клиент попита защо страницата изглежда позната, кажете му, че това е умишлено.

В центъра на скелета е единственият въпрос, на който страницата трябва да отговори. Всичко останало — бранд слоят, изображенията, тонът — е декорация около този отговор.

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