OPUS 5.5 + HIGGSFIELD можуть створити сайт за $35 000 для 3D-будівельника веб-сайтів, але на сторінці ніколи не показують редактора. Я кілька хвилин прокручував сторінку, перш ніж зрозумів, що риба — це демонстрація, бо карп, що пливе крізь рожевий градієнт, — не те, що зазвичай виглядає як герой програмного забезпечення. Заголовок стверджує: «3D-сайти за хвилини», а доказом є те, що я вже дивлюся на один. Раніше я продавав будівельники і завжди починав з інтерфейсу, бо клієнт хоче бачити своє програмне забезпечення на екрані, і я ніколи не мав достатньо сильного аргументу, щоб зупинити його. «ПРОДУКТ — ЦЕ СТОРІНКА» Тут немає скріншоту холста, панелі інструментів, панелі шарів і навіть курсора, що наводиться на віджет — ніде близько до верху цієї сторінки. Єдиний доказ, який надається — це сама сторінка, яка виконує саме те, що обіцяє продукт. Це працює, бо будівельник оцінюється за результатом, а результат — це єдине, чого ніколи не може показати скріншот панелі керування. Кожен будівельник, над яким я працював, розміщував інтерфейс у героїчній зоні, і кожен з цих героїв робив програмне забезпечення схожим на роботу, а не на результат. «НАГАРДИ СИДЯТЬ У СЕРЕДИНІ, А НЕ НА ВЕРХУ» Знаки «Сайт дня» та «Тренд року в веб-дизайні» розміщені на повну екранну висоту нижче за лінією згину, поруч із рядком сайтів клієнтів. Ніхто не просить вірити бренду, перш ніж побачить щось, створене за його допомогою. Розміщення доказу після демонстрації, а не перед нею — це невелика перестановка, яка має великий вплив на те, наскільки нав’язливою виглядає сторінка. Зазвичай я розміщую знаки довіри у заголовку, бо саме там клієнт шукає їх під час першого огляду. «ПОСЛУГА ПРОДАЄТЬСЯ ЯК ТРИ КРОКИ З ТРИМА ОБ’ЄКТАМИ» Розділ «Зроблено за вас» містить кроки: «Розкажіть про себе», «Оберіть тему», «Редагуйте та запустіть», і кожен крок має свій власний малий 3D-об’єкт замість іконки. Куб, форма та світлова фігура — усі виконані в тому самому світі, що й герой, тому пояснення виглядає так, наче воно походить безпосередньо з продукту. Іконки були б швидшими у виготовленні, і цей розділ тихо перетворився б на кожну іншу цінову сторінку в Інтернеті. «СТОРІНКА ЗАКІНЧУЄТЬСЯ ПІД ВОДОЮ» Близько до низу весь екран перетворюється на океан: медузи плавають крізь синє світло, а корали розташовані вздовж основи, а фраза «Почніть будувати магію сьогодні» знаходиться посередині. На цей момент ви вже перебували всередині 3D-сцени майже хвилину, тому заклик побудувати таку сцену сприймається як очевидний наступний крок, а не як рекламний лозунг. Призив до дії — це найтихший текст на всьому сайті, і єдиний, за який я б боровся, щоб зробити його більшим. «ЦІНИ — ЄДИНИЙ ПЛОСКИЙ ЕЛЕМЕНТ» Картки з планами прості, темні й майже нудні — вони розміщені прямо під найбагатшою сценою на сайті. Цей контраст є навмисним: після хвилини руху місце, де покупець має прийняти рішення про оплату, — це єдине місце, де потрібна тиша. Роками я прикрашав цінові таблиці, а тепер вважаю, що кожна з цих прикрас коштувала мене конверсій. Повний гайд у статті нижче