SlideShare a Scribd company logo
1 of 45
Как не нужно делать
landing page
Репин Олег
front-end разработчик
2

Вообще не делай его!
3
Не делайте landing page сами
Отдайте разработку landing page на аутсорс.
Плюсы:
Минусы:
• время,
• деньги,
• качество,
• некомпетентные
• конверсия,
исполнители
• техническая поддержка,
• делегирование,
• спокойный сон :)
(привет, 1-я неделя коучинга БМ)

4
Самостоятельная разработка
Конструкторы on-line:
•
•
•
•
•
•
•
•
•

•

http://nethouse.ru
http://www.ucoz.ru/
http://www.jimdo.com
http://ru.wix.com

http://nic.ru/dns/service/hosting/site.html
https://hosting.reg.ru/hosting/plesk_sitebuilder
http://lpgenerator.ru/
http://landix.ru/
http://lpcms.ru/
http://landingi.com/

6
Самостоятельная разработка
Конструкторы off-line (wysiwyg-редакторы):
•
•
•

http://creative.adobe.com/products/muse
http://www.wysiwygwebbuilder.com/
используется для редактированя шаблонов от Mokselle
http://mkit5.ru/
http://www.adobe.com/ru/products/dreamweaver.html (?)

25 лучших WYSIWYG редакторов для десктопов от Smashing Magazine
http://habrahabr.ru/post/24908/

7
9

КОНСТРУКТОРЫ – ЗЛО!
Конструкторы – зло
• Замусоренный код –> снижение скорости загрузки
–> снижение конверсии

10
11
Конструкторы – зло
• Замусоренный код –> снижение скорости загрузки
–> снижение конверсии
• Внесение изменений в сайт (удобно) только через
редактор.

15
Конструкторы – зло
• Замусоренный код –> снижение скорости загрузки
–> снижение конверсии
• Внесение изменений в сайт (удобно) только через
редактор.
• SEO-оптимизация? Не, не слышал
• Ограничения в дизайне* (SaaS)

18
Эмоциональный веб-дизайн

25
Эмоциональный веб-дизайн
Ограничения процессора
Если увеличивать количество контрастных элементов на
странице, то пропорционально возрастет и время,
затрачиваемое на различение этих контрастов. Увеличение
числа элементов заставляет мозг работать на пределе
возможностей… Чем громче музыка, тем громче должны
говорить люди – и тем сложнее становится общаться.
Дизайн работает так же: если вашего внимания требует
все вокруг, вы ничего не заметите.

26
Рекомендации от Google
• Landing Page Optimization
http://goo.gl/NaDeY
• Online Checkout
http://goo.gl/Rxxm7
• Site Search
http://goo.gl/8XR5T

32
Оптимизация
• код
html, css и js отдельно!
• изображения
(http://pnggauntlet.com/, «save for web»)

33
Оптимизация
• код
html, css и js отдельно!
• изображения
(http://pnggauntlet.com/, «save for web»)

38
Оптимизация
• код
html, css и js отдельно!
• изображения
(http://pnggauntlet.com/, «save for web»)
• валидатор
http://validator.w3.org/

39
Оптимизация
• код
html, css и js отдельно!
• изображения
(http://pnggauntlet.com/, «save for web»)
• валидатор
http://validator.w3.org/
• шрифты
http://habrahabr.ru/post/68189/

41
Вдохновляйтесь
• Еженедельные дайджесты о веб-разработке
http://habrahabr.ru/company/zfort/
• Awwwards
http://www.awwwards.com/
• Лучшие LP из [БМ]
http://vk.cc/1PJhbI

42
Выводы
• сегодня существует много сервисов, которые
позволяют делать простые сайты без знаний
html/css/js,
• много возможностей для того, чтобы сделать
говнол**динг –> запороть нишу,
• «конструкторы» – не более, чем для
тестирования ниши,
• делаешь сам – делай качественно,
некачественных лендингов уже много

43
44

Контакты
craftsmandigital.ru
mail@craftsmandigital.ru
Тел.: 8 (343) 290-90-20
vk.com/nolongerabanker

Репин Олег
front-end разработчик
Как не нужно делать Landing Page

More Related Content

Viewers also liked

4 основных типа и 8 видов продающих целевых страниц (Landing Page)
4 основных типа и 8 видов продающих целевых страниц (Landing Page)4 основных типа и 8 видов продающих целевых страниц (Landing Page)
4 основных типа и 8 видов продающих целевых страниц (Landing Page)LPgenerator
 
Landing Page. Usability. Аналитика.
Landing Page. Usability.Аналитика.Landing Page. Usability.Аналитика.
Landing Page. Usability. Аналитика. Denys German
 
Landing pages для разных видов бизнеса - Илья Чухляев (Adventum)
Landing pages для разных видов бизнеса - Илья Чухляев (Adventum)Landing pages для разных видов бизнеса - Илья Чухляев (Adventum)
Landing pages для разных видов бизнеса - Илья Чухляев (Adventum)Digital Guru Club
 
10 ошибок landing page, которые стоили вам миллионов. Плотников Дмитрий
10 ошибок landing page, которые стоили вам миллионов. Плотников Дмитрий10 ошибок landing page, которые стоили вам миллионов. Плотников Дмитрий
10 ошибок landing page, которые стоили вам миллионов. Плотников Дмитрийmetrosphera
 
Создание продающей структуры на Landing page
Создание продающей структуры на Landing pageСоздание продающей структуры на Landing page
Создание продающей структуры на Landing pageСтанислав Цыс
 
Landing page для сбора email адресов
Landing page для сбора email адресов �Landing page для сбора email адресов �
Landing page для сбора email адресов Станислав Цыс
 
Cтанислав Цыс: Каким должен быть landing page 2015
Cтанислав Цыс: Каким должен быть landing page 2015Cтанислав Цыс: Каким должен быть landing page 2015
Cтанислав Цыс: Каким должен быть landing page 2015Alexander Rys
 
Эффективный старт. Landing page или продающая страница. Продвижение Landing ...
 Эффективный старт. Landing page или продающая страница. Продвижение Landing ... Эффективный старт. Landing page или продающая страница. Продвижение Landing ...
Эффективный старт. Landing page или продающая страница. Продвижение Landing ...BranchMarketing
 
Email-маркетинг. Landing Page для набора базы (Светлана Демина)
Email-маркетинг. Landing Page для набора базы (Светлана Демина)Email-маркетинг. Landing Page для набора базы (Светлана Демина)
Email-маркетинг. Landing Page для набора базы (Светлана Демина)PR_spb
 
DUMP-2012 - Проектирование интерфейсов - "Landing pages: мягкой посадки, госп...
DUMP-2012 - Проектирование интерфейсов - "Landing pages: мягкой посадки, госп...DUMP-2012 - Проектирование интерфейсов - "Landing pages: мягкой посадки, госп...
DUMP-2012 - Проектирование интерфейсов - "Landing pages: мягкой посадки, госп...it-people
 
Landing page
Landing pageLanding page
Landing pageLena Frum
 
Кому нужна рекламная кампания с помощью landing page?
Кому нужна рекламная кампания с помощью landing page?Кому нужна рекламная кампания с помощью landing page?
Кому нужна рекламная кампания с помощью landing page?Astra Media Group, Russia
 
Правильная реклама для Landing page
Правильная реклама для Landing pageПравильная реклама для Landing page
Правильная реклама для Landing pageSEMANTICA
 
eTarget, Landing Page для жесткого b2b, Сергей Спивак,
eTarget, Landing Page для жесткого b2b, Сергей Спивак, eTarget, Landing Page для жесткого b2b, Сергей Спивак,
eTarget, Landing Page для жесткого b2b, Сергей Спивак, Soloway
 
Как повысить эффективность рекламной кампании с помощью landing page
Как повысить эффективность рекламной кампании с помощью landing pageКак повысить эффективность рекламной кампании с помощью landing page
Как повысить эффективность рекламной кампании с помощью landing pageХорошая погода
 
Правильное SEO для Landing Page
Правильное SEO для Landing PageПравильное SEO для Landing Page
Правильное SEO для Landing PageSEMANTICA
 

Viewers also liked (20)

4 основных типа и 8 видов продающих целевых страниц (Landing Page)
4 основных типа и 8 видов продающих целевых страниц (Landing Page)4 основных типа и 8 видов продающих целевых страниц (Landing Page)
4 основных типа и 8 видов продающих целевых страниц (Landing Page)
 
Основы дизайна
Основы дизайнаОсновы дизайна
Основы дизайна
 
Landing Page. Usability. Аналитика.
Landing Page. Usability.Аналитика.Landing Page. Usability.Аналитика.
Landing Page. Usability. Аналитика.
 
Landing pages для разных видов бизнеса - Илья Чухляев (Adventum)
Landing pages для разных видов бизнеса - Илья Чухляев (Adventum)Landing pages для разных видов бизнеса - Илья Чухляев (Adventum)
Landing pages для разных видов бизнеса - Илья Чухляев (Adventum)
 
10 ошибок landing page, которые стоили вам миллионов. Плотников Дмитрий
10 ошибок landing page, которые стоили вам миллионов. Плотников Дмитрий10 ошибок landing page, которые стоили вам миллионов. Плотников Дмитрий
10 ошибок landing page, которые стоили вам миллионов. Плотников Дмитрий
 
презентация Landing page1
презентация Landing page1презентация Landing page1
презентация Landing page1
 
Создание продающей структуры на Landing page
Создание продающей структуры на Landing pageСоздание продающей структуры на Landing page
Создание продающей структуры на Landing page
 
Landing page для сбора email адресов
Landing page для сбора email адресов �Landing page для сбора email адресов �
Landing page для сбора email адресов
 
Cтанислав Цыс: Каким должен быть landing page 2015
Cтанислав Цыс: Каким должен быть landing page 2015Cтанислав Цыс: Каким должен быть landing page 2015
Cтанислав Цыс: Каким должен быть landing page 2015
 
Вебинар WebPromoExperts: Создание эффективной Landing Page
Вебинар WebPromoExperts: Создание эффективной Landing PageВебинар WebPromoExperts: Создание эффективной Landing Page
Вебинар WebPromoExperts: Создание эффективной Landing Page
 
Эффективный старт. Landing page или продающая страница. Продвижение Landing ...
 Эффективный старт. Landing page или продающая страница. Продвижение Landing ... Эффективный старт. Landing page или продающая страница. Продвижение Landing ...
Эффективный старт. Landing page или продающая страница. Продвижение Landing ...
 
Email-маркетинг. Landing Page для набора базы (Светлана Демина)
Email-маркетинг. Landing Page для набора базы (Светлана Демина)Email-маркетинг. Landing Page для набора базы (Светлана Демина)
Email-маркетинг. Landing Page для набора базы (Светлана Демина)
 
DUMP-2012 - Проектирование интерфейсов - "Landing pages: мягкой посадки, госп...
DUMP-2012 - Проектирование интерфейсов - "Landing pages: мягкой посадки, госп...DUMP-2012 - Проектирование интерфейсов - "Landing pages: мягкой посадки, госп...
DUMP-2012 - Проектирование интерфейсов - "Landing pages: мягкой посадки, госп...
 
Landing page
Landing pageLanding page
Landing page
 
Кому нужна рекламная кампания с помощью landing page?
Кому нужна рекламная кампания с помощью landing page?Кому нужна рекламная кампания с помощью landing page?
Кому нужна рекламная кампания с помощью landing page?
 
Как создать эффективный landing page
Как создать эффективный landing pageКак создать эффективный landing page
Как создать эффективный landing page
 
Правильная реклама для Landing page
Правильная реклама для Landing pageПравильная реклама для Landing page
Правильная реклама для Landing page
 
eTarget, Landing Page для жесткого b2b, Сергей Спивак,
eTarget, Landing Page для жесткого b2b, Сергей Спивак, eTarget, Landing Page для жесткого b2b, Сергей Спивак,
eTarget, Landing Page для жесткого b2b, Сергей Спивак,
 
Как повысить эффективность рекламной кампании с помощью landing page
Как повысить эффективность рекламной кампании с помощью landing pageКак повысить эффективность рекламной кампании с помощью landing page
Как повысить эффективность рекламной кампании с помощью landing page
 
Правильное SEO для Landing Page
Правильное SEO для Landing PageПравильное SEO для Landing Page
Правильное SEO для Landing Page
 

Similar to Как не нужно делать Landing Page

Как сделать ваш продукт красивым без дизайнера
Как сделать ваш продукт красивым без дизайнераКак сделать ваш продукт красивым без дизайнера
Как сделать ваш продукт красивым без дизайнераEugene Nevgen
 
создание сайта
создание сайтасоздание сайта
создание сайтаShura Mudra
 
10+ ошибок веб-разработчиков с точки зрения SEO
10+ ошибок веб-разработчиков с точки зрения SEO10+ ошибок веб-разработчиков с точки зрения SEO
10+ ошибок веб-разработчиков с точки зрения SEOЕвгений Летов
 
10+ ошибок веб-разработчиков с примерами
10+ ошибок веб-разработчиков с примерами10+ ошибок веб-разработчиков с примерами
10+ ошибок веб-разработчиков с примерамиЕвгений Летов
 
Олена Халявка “Розробка сайту інтернет-магазину без “сучка і задирки”. Як пер...
Олена Халявка “Розробка сайту інтернет-магазину без “сучка і задирки”. Як пер...Олена Халявка “Розробка сайту інтернет-магазину без “сучка і задирки”. Як пер...
Олена Халявка “Розробка сайту інтернет-магазину без “сучка і задирки”. Як пер...Lviv Startup Club
 
Разработка сайта без сучка и задоринки
Разработка сайта без сучка и задоринкиРазработка сайта без сучка и задоринки
Разработка сайта без сучка и задоринкиJelena Khaliavka
 
Разработка сайта без сучка и задоринки
Разработка сайта без сучка и задоринкиРазработка сайта без сучка и задоринки
Разработка сайта без сучка и задоринкиArtjoker
 
MockServer-driven development
MockServer-driven developmentMockServer-driven development
MockServer-driven developmentTestableapple
 
20 факторов эффективного сайта_Анна Амирова_БизнесПрофи
20 факторов эффективного сайта_Анна Амирова_БизнесПрофи20 факторов эффективного сайта_Анна Амирова_БизнесПрофи
20 факторов эффективного сайта_Анна Амирова_БизнесПрофиpr_bp
 
Разработка сайта в www.hotwebstudio.ru
Разработка сайта в www.hotwebstudio.ruРазработка сайта в www.hotwebstudio.ru
Разработка сайта в www.hotwebstudio.ruhotwebstudio.ru
 
Как ускорить индексацию сайта?
Как ускорить индексацию сайта?Как ускорить индексацию сайта?
Как ускорить индексацию сайта?Vladyslava Rykova
 
Изоморфные react-приложения
Изоморфные react-приложенияИзоморфные react-приложения
Изоморфные react-приложенияDenis Izmaylov
 
Как заказать сайт для бизнеса, чтобы не было мучительно больно
Как заказать сайт для бизнеса, чтобы не было мучительно больноКак заказать сайт для бизнеса, чтобы не было мучительно больно
Как заказать сайт для бизнеса, чтобы не было мучительно больноAlexey Trudov
 
26 этапов разработки сайта
26 этапов разработки сайта26 этапов разработки сайта
26 этапов разработки сайтаДмитрий Салко
 

Similar to Как не нужно делать Landing Page (20)

Как сделать ваш продукт красивым без дизайнера
Как сделать ваш продукт красивым без дизайнераКак сделать ваш продукт красивым без дизайнера
Как сделать ваш продукт красивым без дизайнера
 
создание сайта
создание сайтасоздание сайта
создание сайта
 
10+ ошибок веб-разработчиков с точки зрения SEO
10+ ошибок веб-разработчиков с точки зрения SEO10+ ошибок веб-разработчиков с точки зрения SEO
10+ ошибок веб-разработчиков с точки зрения SEO
 
10+ ошибок веб-разработчиков с примерами
10+ ошибок веб-разработчиков с примерами10+ ошибок веб-разработчиков с примерами
10+ ошибок веб-разработчиков с примерами
 
SeoНеонатология
SeoНеонатологияSeoНеонатология
SeoНеонатология
 
Олена Халявка “Розробка сайту інтернет-магазину без “сучка і задирки”. Як пер...
Олена Халявка “Розробка сайту інтернет-магазину без “сучка і задирки”. Як пер...Олена Халявка “Розробка сайту інтернет-магазину без “сучка і задирки”. Як пер...
Олена Халявка “Розробка сайту інтернет-магазину без “сучка і задирки”. Як пер...
 
4 140925152050-phpapp01
4 140925152050-phpapp014 140925152050-phpapp01
4 140925152050-phpapp01
 
4 140925152050-phpapp01 (2)
4 140925152050-phpapp01 (2)4 140925152050-phpapp01 (2)
4 140925152050-phpapp01 (2)
 
Разработка сайта без сучка и задоринки
Разработка сайта без сучка и задоринкиРазработка сайта без сучка и задоринки
Разработка сайта без сучка и задоринки
 
Разработка сайта без сучка и задоринки
Разработка сайта без сучка и задоринкиРазработка сайта без сучка и задоринки
Разработка сайта без сучка и задоринки
 
MockServer-driven development
MockServer-driven developmentMockServer-driven development
MockServer-driven development
 
20 факторов эффективного сайта_Анна Амирова_БизнесПрофи
20 факторов эффективного сайта_Анна Амирова_БизнесПрофи20 факторов эффективного сайта_Анна Амирова_БизнесПрофи
20 факторов эффективного сайта_Анна Амирова_БизнесПрофи
 
Разработка сайта в www.hotwebstudio.ru
Разработка сайта в www.hotwebstudio.ruРазработка сайта в www.hotwebstudio.ru
Разработка сайта в www.hotwebstudio.ru
 
Как ускорить индексацию сайта?
Как ускорить индексацию сайта?Как ускорить индексацию сайта?
Как ускорить индексацию сайта?
 
Проблемы с индексацией сайта?
Проблемы с индексацией сайта?Проблемы с индексацией сайта?
Проблемы с индексацией сайта?
 
Изоморфные react-приложения
Изоморфные react-приложенияИзоморфные react-приложения
Изоморфные react-приложения
 
Little Service in 2h
Little Service in 2hLittle Service in 2h
Little Service in 2h
 
Как правильно продвигать «молодые» сайты: секреты успеха в SEO. Вебинар WebPr...
Как правильно продвигать «молодые» сайты: секреты успеха в SEO. Вебинар WebPr...Как правильно продвигать «молодые» сайты: секреты успеха в SEO. Вебинар WebPr...
Как правильно продвигать «молодые» сайты: секреты успеха в SEO. Вебинар WebPr...
 
Как заказать сайт для бизнеса, чтобы не было мучительно больно
Как заказать сайт для бизнеса, чтобы не было мучительно больноКак заказать сайт для бизнеса, чтобы не было мучительно больно
Как заказать сайт для бизнеса, чтобы не было мучительно больно
 
26 этапов разработки сайта
26 этапов разработки сайта26 этапов разработки сайта
26 этапов разработки сайта
 

Как не нужно делать Landing Page