Усі статті

Спершу тексти сайту, потім дизайн

Чому сайт стартапу варто структурувати й написати до початку дизайну і як побудувати карту сайту й тексти сторінок навколо питань покупця.

· Михайло Гафін · 3 хв читання

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

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

Почніть з питань покупця

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

  1. Що це і чи це для мене?
  2. Чи розв'яже це мою проблему?
  3. Чому мені в це вірити?
  4. Хто за цим стоїть?
  5. Що буде, якщо я напишу, і чого це мені коштуватиме?

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

Побудуйте карту сайту з відповідей

Кожне питання, якому потрібно більше однієї секції головної, стає окремою сторінкою. Сторінка продукту детально відповідає на друге питання. Кейси або сторінка клієнтів відповідають на третє. Сторінка «про нас» на четверте. Ціни або сторінка контактів на п'яте.

Тримайте карту сайту настільки короткою, наскільки дозволяють відповіді. Сторінка, що не відповідає на жодне питання покупця, зазвичай існує тому, що така є в конкурента.

Якщо сайт замінює наявний, випишіть чинні URL-адреси до зміни структури. Сторінки, що вже мають позиції, повинні зберегти свої адреси або коректно перенаправлятися, як описано у статті Як зберегти SEO під час редизайну сайту.

Пишіть кожну сторінку у звичайному документі

Пишіть кожну сторінку як звичайний документ із заголовками, у тому порядку, в якому йтимуть секції. Для кожної секції:

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

Короткий абзац на підтримку. Два-чотири речення, написані для того, хто читає, його словами.

Доказ. Цифра, цитата клієнта, скриншот, логотип. Зазначте, що це і звідки.

Наступний крок. Що читач може зробити після цієї секції, якщо щось може.

Потім прочитайте документ згори донизу, по можливості вголос. Якщо текст зрозумілий сам по собі, сторінка теж буде зрозумілою. Якщо ні, жодна верстка цього не виправить.

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

Що додає дизайн

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

Той самий підхід працює й для окремого лендінгу. Конверсію на одній сторінці, форми, докази і заклики до дії, розібрано у статті Дизайн B2B-лендінгу, що конвертує.

Типові помилки

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

Функції раніше за проблеми. Списки можливостей без згадки про ситуацію, яку вони виправляють.

Слова категорії. «Інноваційний», «нового покоління», «все в одному». Слова, які використовує кожен конкурент.

Тексти в останню чергу. Слова, втиснуті в готову верстку, обрізані під розмір і відредаговані тим, у кого знайшовся час.

Часті запитання

Чи писати тексти для сайту до дизайну?

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

Хто має писати тексти для сайту стартапу?

Людина, яка розуміє покупця і вміє писати просто, спираючись на меседжі компанії. Часто засновники пишуть чернетку, а копірайтер або студія її редагує.

Якої довжини має бути головна сторінка стартапу?

Достатньої, щоб з доказами відповісти на головні питання покупця, і не довшої. Для більшості стартапів це п'ять-вісім секцій.

Чи можна взяти тексти з пітч-деку?

Меседж має збігатися з деком. Сам текст зазвичай доводиться змінити, бо сайт читає покупець, а дек інвестор, часто з різними питаннями.

Висновок

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

Читайте також

Усі статті →

Що у вас попереду?

Раунд, запуск, вихід на новий ринок
або сайт, з якого компанія вже виросла.
Можна кількома рядками, як є.