Як зробити хороший дизайн landing page в фотошопі
Що таке Landing Page?
Вікіпедія каже, що Landing Page (цільова сторінка або «посадкова сторінка») - це веб-сторінка, основним завданням якої є збір контактних даних цільової аудиторії.
Навіщо нужниLanding Page?
Незважаючи на те, що в інтернеті зараз дуже багато посадочних сторінок на всілякі тематики, гідних Лендінзі - лише одиниці. Під "гідними Лендінзі" мається на увазі наявність якісного контенту і ефектного оформлення.
Отже, щоб створити якісний Лендінгем свого товару або послуги, потрібно ретельно все продумати:
Тепер розглянемо кожен пункт по порядку.
План по створенню Лендінзі
Це дуже важливий і складний етап, спочатку Вам потрібно вибрати ідею або продукт, для якого будете створювати Landing Page. Після цього просто дайте відповідь на питання нижче, щоб скласти опис вашої ідеї або продукту, це значно прискорить роботу над сайтом.
- Яке УТП є у продукту / послуги? (Переваги / акція / знижки)
- Короткий опис продукту в 3-4 пропозиціях
- Хто є клієнтами продукту або послуги, які у них потреби?
- Як продукт або послуга допомагає Вашим клієнтам?
- Чому варто купити продукт або послугу?
- Як працює продукт або послуга?
- Які результати / відгуки є у продукту або послуги?
- Як замовити продукт або послугу?
- Якщо є варіанти покупки (таблиця цін), то які?
- Хто надає продукт або послугу? (Наведіть кілька фактів)
Тільки після того як Ви відповіли на ці питання, переходите до наступного етапу.
Структура майбутнього Лендінзі
Структура Landing Page грає важливу роль, так як це порядок в якому клієнт буде дізнаватися про Ваш продукт або послугу.
Якщо Ви в цьому професіонал, то скласти правильною структуру для Вас не буде складно, але якщо Ви новачок, то краще скористайтеся готовими моделями Landing Page.
Є 4 популярних моделі Landing Page, ознайомитися з якими Ви можете нижче:
Звичайно, це прості моделі, які можна трохи змінювати під себе і свій продукт, не обов'язково робити точно за наведеними моделям, це лише зразки, в яких показані відмінності Лендінзі різних тематик.
Вам необхідно написати текст. Просто написати текст, відкрити Word, сісти і написати текст.
Кілька порад, як написати хороший текст для Лендінзі:
- Не лийте багато води, краще менше тексту, зате по суті.
- Не обманюйте, пишіть тільки достовірну інформацію.
- Покажіть переваги, опишіть їх, але будьте об'єктивні.
- Додайте відгуки про товар або послугу, так Ви підвищите довіру, але розміщуйте тільки реальні відгуки, реальних людей.
Не відкривайте фотошоп перш, ніж Ваш текст написаний. Потрібно робити все по порядку, якщо хочете зробити дійсно якісний Лендінгем.
На цьому етапі, коли створений план, продумана структура і написаний текст переходите до оформлення.
- Намагайтеся малювати сайт в одному стилі
- Намагайтеся використовувати не більше 3-х основних і декількох додаткових відтінків в дизайні
- Виберіть приємний і Новомосковскбельний шрифт
- Робіть досить великі відстані між елементами
- Не використовуйте картинки поганої якості, тільки якісні картинки з високою роздільною здатністю
Тепер переходимо до другого, практичного блоку. Заглиблюватися в основи роботи з Photoshop не будемо, розглянемо ключові моменти при створенні дизайну Лендінзі.
Відкриваємо фотошоп і створюємо в ньому файл 1920х5000 пікселів.
Далі починаємо оформлення першого екрану Лендінзі. Це обличчя Вашого Лендінзі, перше що побачить клієнт на Вашому сайті, тому постарайтеся зробити цей екран на 150% привабливим. Тут потрібно розмістити Ваш логотип, заголовок, УТП, можливо кнопку заклику до дії.
Додаємо наступний блок. Дотримуйтеся напрямних, текст не повинен виходити за бічні напрямні і повинен бути відцентрований по центру.
Як бачите, тут звичайний текстовий блок, але присутній фонова, ледве помітна, картинка, деякий текст виділений кольором, розміром шрифту або обведенням. Ось такі, на перший погляд дрібниці важливі в оформленні. Йдемо далі і додаємо ще один блок.
Як бачите, цей блок на синьому тлі та підзаголовок відділений невеликий лінією. Дуже важливо чергувати блоки на світлому і темному тлі, візуально розділяючи їх між собою.
Додаємо наступний блок.
Кожним наступним блоком, Ви повинні все більше зацікавити потенційного клієнта. Покажіть, чому йому потрібен Ваш товар або послуга.
Якщо Ваш Лендінгем для курсу або тренінгу, обов'язково вкажіть програму навчання, теж стосується заходів - розпишіть програму, щоб людина знала, що буде, можливо воно йому й не потрібно зовсім, якщо продаєте послугу, то опишіть, як її отримати.
Додайте блок цін. Напишіть вартість послуг, умови, тут може бути дуже багато варіантів оформлення, підібрати підходящий не складно.
І звичайно ж, дайте клієнту гарантії, що Ваш товар або послуга йому підійде. Це може бути повернення грошей або пробний період, або надайте безкоштовно частина матеріалу.
На цьому дизайн Лендінзі готовий. І пам'ятайте, купують у тих, кому довіряють, у тих, хто бреше куплять лише одного разу.