33
Интернет-агентство. Интернет-маркетинг, SEO, контекстная рекл Создание эффективных Landing Pages: дизайн текста и гиперконтент Иван Васильевич aka Муркетолог

Гиперконтент и дизайн текста: создание эффективных Landing Pages

Embed Size (px)

DESCRIPTION

презентация описывает концепцию гиперконтента и его использования для корпоративных сайтов

Citation preview

Page 1: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Интернет-агентство.Интернет-маркетинг, SEO, контекстная реклама.

Создание эффективных Landing Pages: дизайн текста и гиперконтент

Иван Васильевич akaМуркетолог

Page 2: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Кризис современного корпоративного сайтаВеб-сайт это

• Интерфейс, в котором существуют стереотипы восприятия информации и навигации;

• Эта спокойная («пассивная») структура подачи контента, «приправленная» интерфейсом навигации, существующая более 20 лет начала давать сбой на коммерческих сайтах;

• Показатель отказов ниже 50%/2 мин. на сайте считается «нормальным»

• Владельцы сайтов не понимают того, что пользователь ищет тот сайт, который за 60 секунд поможет ему принять решение!

Page 3: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Маркетинговые задачи владельцев сайтов• Проинформировать

посетителя о услугах или товарах (интернет магазины - отдельный разговор)

• Вызвать у него острое желание обратиться в компанию (купить)

• Все другие задачи второстепенны

Page 4: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Структура «интернет-домика для бизнеса типовой застройки эконом-класса»

• Не могут (не хотят/не умеют) работать с маркетинговым позиционированием сайта клиента

• Работают с «оболочкой» («конфетной оберткой»)

• Контент – по остаточному принципу

Как эти задачи пытаются решить разработчики

Page 5: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Маркетинговая импотенция владельцев

сайта• Есть стандартные услуги:

«регистрация фирмы», «массаж», «лечение кариеса»

• Не знают на какой сегмент им ориентироваться в первую очередь «надо ВСЕМ!», «кому надо, тот купит!».

• Нет ПРОДУКТОВ: «регистрация фирмы за 7 дней за 7 т.р.», «китайский чудодейственный массаж по Жаке» или «лечение кариеса с музыкой»

• Не умеют формулировать свои мысли в письменном виде

Page 6: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Немного о тексте:

Всегда была бумага… а тут случился Интернет

World Wide Web

Гипертекст

www.textstyle.ru Тел.: (495) 645-99-06

Page 7: Гиперконтент и дизайн текста: создание эффективных Landing Pages

World Wide Web

Веб-сайт ─ динамичный продуктТекстовый блок должен менять свою форму

Заблуждение решительно трансформирует дуализм, ломая рамки привычных представлений. Созерцание индуктивно рефлектирует трансцендентальный гравитационный парадокс, хотя в официозе принято обратное. Искусство осмысляет структурализм, ломая рамки привычных представлений. Здравый смысл ментально подчеркивает сложный язык образов, ломая рамки привычных представлений. Гений индуцирует непредвиденный принцип восприятия, при этом буквы А, В, I, О символизируют соответственно общеутвердительное, общеотрицательное, частноутвердительное и частноотрицательное суждения. Априори, деонтология изоморфна времени.

Заблуждение решительно трансформирует дуализм, ломая рамки привычных представлений. Созерцание индуктивно рефлектирует трансцендентальный гравитационный парадокс, хотя в официозе принято обратное. Искусство осмысляет структурализм, ломая рамки привычных представлений. Здравый смысл ментально подчеркивает сложный язык образов, ломая рамки привычных представлений. Гений индуцирует непредвиденный принцип восприятия, при этом буквы А, В, I, О символизируют соответственно общеутвердительное, общеотрицательное, частноутвердительное и частноотрицательное суждения. Априори, деонтология изоморфна времени.

1280*800

800*600

www.textstyle.ru Тел.: (495) 645-99-06

Page 8: Гиперконтент и дизайн текста: создание эффективных Landing Pages

World Wide Web

Текст: что лучше книга или монитор?

www.iDirection.ru – услуги eye-tracking в России

Корп. сайтТовар в интернет магазине

Выдача Google

www.textstyle.ru Тел.: (495) 645-99-06

Page 9: Гиперконтент и дизайн текста: создание эффективных Landing Pages

World Wide Web

Парадокс: буклет читается внимательней чем сайт

www.iDirection.ru – услуги eye-tracking в России

Корп. сайт

Написать 10 строк текста о своих преимуществах гораздо сложнее, чем «вываливать» гору стандартной информации на пользователя

www.textstyle.ru Тел.: (495) 645-99-06

Page 10: Гиперконтент и дизайн текста: создание эффективных Landing Pages

www.textstyle.ru Тел.: (495) 645-99-06

Page 11: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Как же добиться от пользователя повышенного внимания к вашему тексту?

www.textstyle.ru Тел.: (495) 645-99-06

Нужно добавить перца!

Заблуждение решительно трансформирует дуализм, ломая рамки привычных представлений. Созерцание индуктивно рефлектирует трансцендентальный гравитационный парадокс, хотя в официозе принято обратное. Искусство осмысляет структурализм, ломая рамки привычных представлений. Здравый смысл ментально подчеркивает сложный язык образов, ломая рамки привычных представлений. Гений индуцирует непредвиденный принцип восприятия, при этом буквы А, В, I, О символизируют соответственно общеутвердительное, общеотрицательное, частноутвердительное и частноотрицательное суждения. Априори, деонтология изоморфна времени.

Кстати: портянки – побочный продукт работы продвиженцев

Page 12: Гиперконтент и дизайн текста: создание эффективных Landing Pages
Page 13: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Было

Page 14: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Стало

Page 15: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Ну то есть мы делаем что-то типа такого…

www.textstyle.ru Тел.: (495) 645-99-06

Page 16: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Кому нужен дизайн текста?

Нужен: там где текст играет важную роль в убеждении и информировании клиентов об услуге и реже — товаре.

Не нужен: там, где клиенту важно изображение товара (продажа мебели, например) и ее характеристики (вес, длина, мощность и.т.д.),• для интернет магазинов • для онлайн-сервисов

(юзабилити важнее)www.textstyle.ru Тел.: (495) 645-99-06

Page 17: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Тюннинг текста – универсальный и дешевый способ увеличить конверсию коммерческого сайта

www.textstyle.ru Тел.: (495) 645-99-06

Page 18: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Ну или сделать хотя бы так…

Page 19: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Немножко о продающем копирайтинге

Мда…

Page 20: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Немножко о продающем копирайтинге

Продающий копирайтинг – вид копирайтинга, когда с маркетинговой точки зрения раскрываются все преимущества вашей компании или достоинства описываемого продукта с призывом к читателю текста его приобрести.

www.textstyle.ru Тел.: (495) 645-99-06

Page 21: Гиперконтент и дизайн текста: создание эффективных Landing Pages

www.textstyle.ru Тел.: (495) 645-99-06

Дизайн текста+продающий копирайтинг даёт максимальный эффект в работе по увеличению конверсии и в большинстве случаев заменяет редизайн сайта….

Page 22: Гиперконтент и дизайн текста: создание эффективных Landing Pages

www.ideal-potolok.ru

Page 23: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Воронкапродаж

Интернет-агентство.Интернет-маркетинг, SEO, контекстная реклама.

Гиперконтент на корпоративном сайте: помочь пользователю принять решение

Page 24: Гиперконтент и дизайн текста: создание эффективных Landing Pages

• В отличии от Ipad к экрану ПК относятся как к экрану телевизора

• Как подтолкнуть пользователя к принятию решения?

• Гиперконтент – это гибрид гипертекста (контента, гиперссылок) и интерфейса (в частном случае web-интерфейса).

Название сайта (область универсальной навигации или поиска)

Область глобальной навигации [Home] | [About] … [Contact US]

Контекст или область универсальной навигации Контентная область

пустая колонкаили правое меню

Логотип

SearchType your question…

графическая вставка

переключение языков

CUSTOMER SUPPORT | PRIVACY || TERMS & CONDITIONS | SITE MAP | CONTACT US © Copyright 2010 Prudential Financial, Inc., Newark, NJ, USA. All rights reserved.

Login:Password: ОК

Новостной блок

Гиперконтент как явление маркетинговых коммуникаций

Page 25: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Контент web-страницы h1Заблуждение решительно трансформирует дуализм, ломая рамки привычных представлений.

Кто я где я? Кто все эти люди? (что это за фирма?)

Созерцание индуктивно рефлектирует трансцендентальный гравитационный парадокс, хотя в официозе принято обратное.

Почему я должен купить именно эту услугу именно здесь и сейчас?

Созерцание индуктивно рефлектирует трансцендентальный гравитационный парадокс, хотя в официозе принято обратное.

А что еще здесь можно делать?

Форма отправки на e-mail

Как помочь пользователю принять решение за 60 секунд?

Вопросы которые задает сам себе пользователь находясь на сайте

1. Куда я попал? Чему посвящен сайт? Что в нем содержится?

2. Сколько стоят услуги (товар)? Где скачать прайс-лист?

3. Что на этом сайте можно делать?(мотивационный маркетинг)

4. А надежна ли фирма? Сколько лет она существует (лет на рынке)? Кто клиенты? Как они работают?

5. В чем Ваша уникальность? Почему именно к Вам мне нужно обратиться? Почему именно эту услугу и именно здесь?

6. Как купить(заказать)? Куда обратиться? Как проехать?

Page 26: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Видыгиперконтента

Выезжающая иерархия (кусков контента)www.idirection.ru

Page 27: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Выезжающая иерархия (кусков контента)www.intelis.ru

Видыгиперконтента

Page 28: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Видыгиперконтента

Вкладкиwww.unicreditbank.ru

Page 29: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Видыгиперконтента

Слайдеры изображенийwww.idirection.ru

Page 30: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Видыгиперконтента

AJAX элементы (подгружающиеся списки, текст в окнах), веб-формы (ниже представлены интерфейсы выбора туров), однако подобные приемы используются для подачи контента www.tury.ru

Page 31: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Видыгиперконтента

Скрытый текст

Page 32: Гиперконтент и дизайн текста: создание эффективных Landing Pages

Видыгиперконтента

Другие «Виджеты» (облака меток) и другие вебдванольные модули. Видео, фотогалереи

Page 33: Гиперконтент и дизайн текста: создание эффективных Landing Pages

В оформлении использованыSEO демотиваторы с сайтаSeoDemotivators.ru

Иван Василевич, [email protected] www.murketolog.ru +7 925 895 27 88

Гиперконтент – решает задачу быстрого ответа

на вопросы пользователя

За 30-100 секунд