Ваш бос надіслав посилання конкурента. Що робити?

Підсумок

Ваш бос пересилає цільову сторінку конкурента й каже: «зробіть нашу схожою на це». Ця стаття розповідає, що робити далі — не вступаючи в конфлікт і не ігноруючи прохання. Ви дізнаєтеся, як протистояти сліпому копіюванню, написати зрозуміле ціннісне речення, звузити сторінку до одного заклику до дії та подати свою позицію як вибір, а не як вирок. Підхід ґрунтується на патернах лендінгів SaaS, які послідовно ставлять ясність вище за хитромудрість — від чітких ціннісних пропозицій до мінімалістичних hero-секцій. Також ви отримаєте практичний шаблон для залучення зацікавлених сторін, коли того, хто приймає рішення, не цікавить дизайн. Мета — сторінка, яка виконує свою роботу, і команда, яка однаково розуміє, чому вона виглядає саме так.

Що ви відповісте, коли бос надсилає вам цільову сторінку конкурента з приміткою: «наша має виглядати так»? Ви — частина внутрішньої маркетингової команди з трьох осіб. У вас немає бюджету на дизайн. У вас є продукт, який потрібно продати, дата запуску та бос, який не відрізнить шрифт від заголовка. І зараз цей бос вказує на сторінку, яка справді виглядає добре — тож легкий і безпечний крок — кивнути, скопіювати структуру та підставити власний текст. Але безпечний крок зазвичай і є тим, через який сторінку ігнорують.

Зустріч у п’ятницю. У вас є чотири дні, щоб показати босу, чому інший підхід кращий, не перетворюючи обговорення на конфлікт. Ось план, якого ви можете дотримуватися від початку до кінця.

Читайте електронний лист, а не посилання

Посилання — це вимога, замаскована під URL. Перш ніж відкривати вкладку браузера, прочитайте примітку до нього. Ваш бос просить схожого вигляду? Схожого порядку секцій? Схожого опрацювання логотипа? Кожне з цих питань — різний запит. Найчастіше примітка каже «зробіть нашу схожою на це», а насправді означає «зробіть нашу такою ж переконливою, як та». Сторінка, на яку ви дивитеся, має значення лише тому, що вона дає босу відчуття легітимності. Тож ваше справжнє завдання — не відтворити сторінку, а створити те саме відчуття за допомогою власних аргументів.

Ось у чому річ із цією сторінкою конкурента: те, що ви бачите, — результат рішень, у яких ви не брали участі. Цей дизайн створено навколо їхньої аудиторії, їхньої ринкової позиції, впізнаваності бренду та їхніх цілей конверсії. Ви скопіюєте видимі частини — макет, колір, стокові фото — і пропустите невидиму логіку, яка змушувала їх працювати. Це не проблема дизайну, це витік стратегії. Вкрасти їхній скелет — не те саме, що вкрасти їхній контент, і скелет працює лише тоді, коли ви розумієте, чому вони його обрали.

Перш ніж щось відкривати, дайте відповідь на одне питання: що має робити ця сторінка? Не «виглядати як сучасний SaaS», а що відвідувач має подумати, відчути й на що натиснути протягом наступних шістдесяти секунд? Запишіть це, перш ніж дивитися на щось. Якщо ви не можете цього зробити, ви створюєте постер, а не сторінку.

Типовою спокусою є ставитися до сторінки конкурента як до списку покупок: великий заголовок, сітка функцій у три колонки, чат-віджет, посилання на ціни, логотипи клієнтів. Але найстійкіший патерн у дизайні SaaS простіший. Знову і знову сторінки, які конвертують, — це ті, що не намагаються робити шість речей одночасно. Вони ставлять ясність вище за хитромудрість — лаконічний заголовок, короткий опис, один очевидний наступний крок. Це не секрет, але напрочуд важко захистити таку позицію в компанії, яка постійно просить «більше».

Спокуса	Що зазвичай працює краще
Дзеркалити макет конкурента	Відтворіть їхню основну логіку, а не їхні секції
Заповнити перший екран функціями	Заголовок, підзаголовок, один CTA
Дотепний слоган, що відповідає голосу бренду	Просте речення про те, що робить продукт
Кілька кнопок для всіх типів відвідувачів	Одна основна дія на екран, вторинні дії розміщені нижче

Ця таблиця призначена для моменту, коли сторінка проходить внутрішнє обговорення, адже кожен рядок — це питання, яке хтось поставить. Відповідь на кожне з них не «так виглядає сучасний SaaS». Відповідь — це те, що відвідувач має зробити далі.

Напишіть речення, яке врятує вас від редизайну

Перш ніж відкривати інструмент дизайну, відкрийте текстовий файл і напишіть одне речення: що робить ваш продукт, для кого і чому їм це має бути важливо сьогодні? Почніть із найгіршої версії цього речення, тієї, яку вам соромно будь-кому показати. Потім редагуйте його, поки воно не стане зрозумілим тому, хто ніколи не чув про вашу компанію.

Ось навмисно узагальнений приклад. Скажімо, ваш продукт допомагає роздрібним магазинам нагадувати клієнтам про їхні записи. Поточний заголовок hero: «Платформа залучення наступного покоління для роздрібної торгівлі». Звучить важливо. Не означає нічого. Відвідувач дивиться на нього, не розуміє, чи це програмне забезпечення, консалтингова фірма чи чат-бот, і йде.

Переписана версія: «Надсилайте автоматичні нагадування про записи, щоб ваші працівники перестали обдзвонювати клієнтів по тричі на день». Вона менш вражаюча на слайді презентації. Але корисніша на екрані. Коли типовий відвідувач — власник невеликого магазину — читає її, він одразу розуміє, що це за продукт, для кого він і якого результату очікувати. Ціннісна пропозиція читається як речення, а не як місія.

Це також патерн, який ви впізнаєте на найвідоміших головних сторінках SaaS. Власний слоган Calendly — просто «призначайте зустрічі без листування туди-сюди». Жодної згадки про алгоритми, жодного «революційного планування». Він називає результат, якого хоче конкретна людина. У вашого продукту є таке саме речення; ви його просто ще не написали.

Очікуйте опору тут. Ваш бос скаже, що новий заголовок «надто простий» або «не звучить як справжня технологічна компанія». Ця реакція — про ідентичність, а не про ясність. Люди, з якими ви працюєте, щодня читають пітч вашого продукту; просте речення здається їм недостатньо ошатним саме тому, що вони вже знають, що робить продукт. Відвідувач — ні. Захищайте речення, використовуючи цю відмінність. Якщо бос каже: «ми також працюємо з ресторанами, а не лише з роздрібними магазинами», це насправді хороша новина: речення може називати категорію ширше, водночас називаючи результат. Чого ви не можете дозволити — це заголовок, який нічого не описує.

Одна дія на екран

Подивіться на найповажніші головні сторінки SaaS, і ви помітите звичку: вони обирають один наступний крок і змушують усе інше не заважати йому. Notion, орієнтир в оглядах лендінгів, прагне до одного заклику до дії, наприклад «Отримати Notion безкоштовно». Ця одна кнопка описує, що станеться після кліку; вона не змушує вас обирати між «Почати пробний період», «Переглянути ціни», «Замовити демо» та «Поговорити з відділом продажів».

Ваша сторінка, імовірно, робить саме це. У hero є дві або три кнопки, навігаційна панель містить посилання на ціни, блог, підтримку та кар’єру, а чат-віджет плаває над усім. Кожне доповнення — це невеликий податок на увагу відвідувача. Вони прийшли за одним завданням. Кожне посилання — це можливість відмовитися від нього.

Виправлення полягає не в тому, щоб роздягнути ваш сайт догола. Потрібно визначити, яка єдина основна дія для цієї сторінки — почати пробний період, забронювати демо чи зробити покупку — і зробити так, щоб лише вона виглядала як кнопка в hero. Вторинні пункти призначення можуть існувати нижче на сторінці, після того, як аргументи викладені. Якщо ви хвилюєтеся через цікавість щодо цін, звичайне текстове посилання в нижньому колонтитулі або у верхній навігації впорається з цим, не конкуруючи з головним закликом. Ця сторінка — один розділ більшого сайту; вона не має виконувати роботу всього сайту. Якщо ви також перебудовуєте більший сайт, структура лендінгу з перевіреними практиками конверсії SaaS — хороший орієнтир, яким можна поділитися з босом: це зовнішній голос, який говорить те, що ви намагаєтеся сказати.

Коли ваш бос питає, чому ви прибрали кнопку, ви можете сказати прямо: дві кнопки змушують відвідувача обирати, перш ніж він зрозуміє, що обирає. Одна кнопка повідомляє йому єдину дію, яку ви від нього очікуєте. Сторінка стане спокійнішою, а спокійні сторінки конвертують.

Hero — це тест, а не постер

Перший екран — це не білборд, а потиск руки. Головна сторінка Linear, на яку часто посилаються в оглядах дизайну, мінімалістична: чіткий заголовок, короткий підзаголовок, один заклик до дії. Ніщо не бореться за увагу. Немає спроби показати всі функції в першому вікні перегляду. Це працює, тому що невелика кількість тексту є достатньо точною, щоб пояснити, що робить Linear, людині, яка ніколи його не бачила.

Ідея «above the fold» перемістилася з фізичного згину на перший екран телефона, і там обмеження суворіші. Відвідувач, який гортає стрічку в дорозі, бачить половину заголовка та обрізаний скріншот і все одно виносить судження. Тож hero має витримати трисекундний погляд: одне речення про те, що це за продукт, одне речення про те, що він робить, одна кнопка. Якщо йому потрібне пояснення — це неправильно.

Використовуйте це як власний тест. Не тестуйте на колегах; тестуйте на людях, які не знають вашого продукту. Покажіть чернетку hero чотирьом-п’ятьом друзям або знайомим поза індустрією та поставте одне питання: «Що робить цей продукт?» Якщо хтось завагається — hero провалився. Якщо вони можуть відповісти без вашої допомоги, у вас є фундамент сторінки.

Це також етап, на якому ви зустрінете питання «зроби так, щоб воно “вистрілило”». Вистріл — це симптом, а не фіча. Hero може бути візуально впевненим — яскравий колір, чіткий скріншот продукту — і все одно залишатися спокійним. Сенс не в тому, щоб прибрати візуальну цікавість. Сенс у тому, щоб кожне візуальне рішення було спрямоване на єдину дію, яку ви визначили на попередньому кроці. Яскраве фото людини, яка користується вашим продуктом, — добре; фото репера з вашим логотипом — ні.

Зберіть докази заздалегідь

Коли ціннісна пропозиція правильна, а hero мінімальний, сторінка може почати здаватися трохи порожньою тому, хто звик до сіток функцій. Саме для цього існує секція соціального доказу. Зберіть три докази, перш ніж відкривати файл дизайну, а не після: відгук, який містить слова реального клієнта (а не слово «неймовірно»), один-два впізнаваних логотипи клієнтів і один конкретний показник, який вам дозволено публічно розкривати. Жодних вигаданих цифр — одна цитата, яка відображає вашу ціннісну пропозицію, зробить більше, ніж ряд порожніх логотипів.

Бос не сперечатиметься із соціальним доказом, бо це не дизайнерське рішення, а доказ. Коли хтось питає, чому на сторінці «немає контенту», відповідь така: влучно розміщений відгук може мати більшу переконливу вагу, ніж три абзаци функцій. Відвідувачі ще не довіряють вашим твердженням. Вони довіряють людям, схожим на них, які вже зробили дію, до якої ви закликаєте.

Розміщення має значення. Розмістіть найсильніший доказ одразу після hero або поруч із головним закликом до дії. Смуга з логотипами каже: «ви в хорошій компанії»; відгук каже: «цей результат реальний»; показник каже: «ось масштаб ефекту». Не обов’язково використовувати всі три на кожній сторінці, але вам потрібен принаймні один поблизу моменту прийняття рішення. Якщо ваш продукт новий і відгуків ще немає, запропонуйте щедрий пробний період або відеоогляд — доказ може бути поведінковим, а не лише вербальним.

Фінальна зустріч не про смак

Останній крок — представити свою позицію тому, хто затверджує рішення, — і це крок, який ви контролюєте. Приходьте на зустріч із двома варіантами, а не одним. Перший — «версія боса»: сторінка, яка повторює структуру та тон конкурента, те, що вони просили. Другий — «зрозуміла версія»: ціннісна пропозиція простою мовою, один CTA, мінімальний hero та докази. Покажіть обидві як реальні дизайни, а не як шанобливі ескізи проти вашого улюбленого.

Потім назвіть різницю, не вдаючи, що зрозуміла версія краща в усьому. Скажіть: «Ця сторінка говорить, що ми — компанія, схожа на конкурента. Та говорить, що ми робимо і що відвідувач має зробити, потрапивши сюди. Перша краще підходить, якщо ми вважаємо, що головне завдання сторінки — сигналізувати про категорію». Таке формулювання робить боса особою, яка приймає рішення, а не кимось, кого потрібно відмовляти від інстинкту, і воно тримає розмову на тому, для чого сторінка.

Ось контраргумент, який більшість порадників пропускає: ваш бос не помиляється, бажаючи мати впізнавану сторінку. Якщо ваш продукт справді створює нову категорію, певна візуальна індивідуальність необхідна — ви хочете, щоб її запам’ятовували. Але ця вимога належить вашій загальній ідентичності бренду та навігації сайту, а не лендінгу з єдиною метою конверсії. На сторінці, чиє завдання — отримати клік, дизайн, який привертає увагу до себе, конкурує з повідомленням. Ви можете пожертвувати трохи «вау» заради ясності. Цей компроміс реальний, назвіть його прямо та перетворіть на рішення, а не на сюрприз.

Існує також паралельний, складніший випадок: що, якщо ваша зрозуміла версія — та, що помиляється? Якщо мета сторінки — запустити абсолютно новий продукт на переповненому ринку, певна візуальна відмінність може допомогти — наприклад, сильна ілюстрація або незвична кольорова система, що створює впізнаваність. Правило не в тому, щоб «бути нудним». Правило таке: кожен елемент має виправдовувати себе з огляду на наступний крок відвідувача, і якщо єдиний захист елемента — що він виглядає вражаюче, його, імовірно, не повинно там бути. Ви можете впевнено сказати це в кімнаті, і це знімає тиск, який відчуває ваш бос, щоб усе завжди виглядало вражаюче.

Сильніший хід — запропонувати тест. Якщо бос наполягає на своїй версії, скажіть: «Давайте запустимо обидві сторінки на два тижні та виміряємо відсоток кліків за основною дією». Невеликі команди іноді хвилюються, що в них недостатньо трафіку для значущого тесту, і це слушне застереження. Якщо це так — ви отримуєте лише кілька сотень відвідувачів на місяць — використовуйте якісні сигнали: записи сесій, коментарі під час виходу або просту перевірку зручності з п’ятьма людьми. Тест — не єдиний спосіб навчатися; це просто найясніший спосіб завершити суперечку без уражених его.

Справжній результат — не сторінка

Повернімося до вашого сценарію. Ви стоїте на своєму, створюєте зрозумілу версію, пояснюєте два прототипи, і бос обирає зрозумілу — частково тому, що ви оформили це як вибір, частково тому, що у вас є заголовок, який можна прочитати вголос одним реченням. Сторінка запускається. Вона принесе більше реєстрацій, менше розгублених виходів або те, що для вашого продукту вважається успіхом, і наступного разу, коли бос надішле посилання конкурента, у вашої команди вже буде мова для обговорення того, чи запит стосується стратегії чи стилю.

Ця мова — і є справжній результат. Цільову сторінку легко переробити; стандартне припущення команди, що «сучасний дизайн означає багато всього», змінюється повільніше. Щоразу, захищаючи просту ціннісну пропозицію або єдиний CTA, ви будуєте невелику бібліотеку посилань, яку може використовувати вся команда. Наступний проєкт стає легшим. Якщо ви хочете застосувати ту саму чесність до всього сайту, а не лише до однієї сторінки, ви можете провести аудит решти сайту, як клієнт, якому байдуже. А якщо ви не впевнені, чи вам взагалі потрібна рекламна сторінка, а не повноцінний сайт, цей посібник з вибору формату сайту допоможе вам це сформулювати.

Це не про перемогу в суперечці. Це про те, щоб наступний заклик до дії на цій сторінці був тим, який ваші відвідувачі справді захочуть зробити — і зможуть знайти.