Як створити прототип Лендінзі

Уявіть собі обличчя виконроба, з яким ви даєте завдання побудувати будинок без проектної документації? Саме таким виконробом відчуває себе і дизайнер, до якого ви прийдете замовляти landing page без прототипу.

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

Як створити прототип Лендінзі

Лендінгем без прототипу?

Хто може створити прототип Лендінзі

Яку програму використовувати для створення прототипу сайту

Прототип landing page можна скласти і олівцем на папері, і в звичайному Word-овськом документі. Він може виглядати приблизно так:

Як створити прототип Лендінзі

Фрагмент прототипу landing page для дизайн-студії IconDesignLAB.com, створений в Google Docs

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

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

Як створити прототип Лендінзі

Процес створення мокап в Balsamiq

Що повинно бути в прототипі посадкової сторінки

Класичний прототип Лендінзі не може існувати без 4 базових елементів, про які ми вам розповімо далі. Саме з них і починайте.

Як створити прототип Лендінзі

4 основні елементи прототипу

1. Тема і підзаголовки

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

2. Ідеї зображень

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

3. Текстові блоки

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

4. Форма захоплення

По суті це якраз те, для чого ви і створюєте свій Лендінгем. Тут повинні бути поля для заповнення і кнопка. Робіть мінімум полів, народ нині ледачий пішов, втомляться заповнювати - і закриють вкладку. Кнопка повинна бути контрастною і пояснювати, що буде відбуватися після її натискання.
І наостанок, пам'ятайте головне правило прототипирования: думки, які важливіше інших, повинні бути яскравіше, розташовуватися вище і займати більше місця.
Ми перерахували основні елементи, без яких ваш Лендінгем НЕ буде якісним. А як посилити його ефективність, ми розповімо вам в статті про конверсійному шарі Лендінзі.

Підсумуємо:

Як бачите, прототип Лендінзі - це не так вже й складно. Що і як ефективніше на ньому розташувати, вам може підказати маркетолог. Як написати текст - копірайтер. Як оформити все красиво - дизайнер. Ви навіть можете найняти команду фахівців або замовити landing page в веб-студії. Але як би ви не хотіли, для створення якісного Лендінзі ваше участь в прототіпірованії неминуче. Адже тільки у вас є найнеобхідніше - знання про сильні сторони вашого бізнесу.

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

Як створити прототип Лендінзі
29+ способів створити landing page без знання коду: найповніший незалежний огляд інструментів в рунеті
Як створити прототип Лендінзі
5 табу при виборі картинки для Лендінзі
Як створити прототип Лендінзі
Як не зробити найдорожчу помилку при замовленні Лендінзі
Як створити прототип Лендінзі
10 помилок дизайну Лендінзі або як відвернути користувача від головної мети

Схожі статті