Как не нужно делать Landing Page
-
Upload
craftsmandigitalru -
Category
Marketing
-
view
2.473 -
download
1
Transcript of Как не нужно делать Landing Page
Репин Олегfront-end разработчик
Как не нужно делать landing
page
Вообще не делай его!
2
3
Не делайте landing page самиОтдайте разработку landing page на аутсорс.
4
Плюсы:• время,• качество,• конверсия,• техническая
поддержка,• делегирование,• спокойный сон :) (привет, 1-я неделя коучинга БМ)
Минусы:• деньги,• некомпетентные
исполнители
Самостоятельная разработкаКонструкторы 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 Magazinehttp://habrahabr.ru/post/24908/
7
КОНСТРУКТОРЫ – ЗЛО!
9
Конструкторы – зло• Замусоренный код –> снижение скорости
загрузки –> снижение конверсии
10
11
Конструкторы – зло• Замусоренный код –> снижение скорости
загрузки –> снижение конверсии• Внесение изменений в сайт (удобно) только
через редактор.
15
Конструкторы – зло• Замусоренный код –> снижение скорости
загрузки –> снижение конверсии• Внесение изменений в сайт (удобно) только
через редактор.• SEO-оптимизация? Не, не слышал• Ограничения в дизайне* (SaaS)
18
Эмоциональный веб-дизайн
25
Эмоциональный веб-дизайнОграничения процессора
Если увеличивать количество контрастных элементов на странице, то пропорционально возрастет и время, затрачиваемое на различение этих контрастов. Увеличение числа элементов заставляет мозг работать на пределе возможностей… Чем громче музыка, тем громче должны говорить люди – и тем сложнее становится общаться. Дизайн работает так же: если вашего внимания требует все вокруг, вы ничего не заметите.
26
Рекомендации от Google32
• Landing Page Optimizationhttp://goo.gl/NaDeY
• Online Checkouthttp://goo.gl/Rxxm7
• Site Searchhttp://goo.gl/8XR5T
Оптимизация• код
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/
• Awwwardshttp://www.awwwards.com/
• Лучшие LP из [БМ]http://vk.cc/1PJhbI
42
Выводы• сегодня существует много сервисов,
которые позволяют делать простые сайты без знаний html/css/js,
• много возможностей для того, чтобы сделать говнол**динг –> запороть нишу,
• «конструкторы» – не более, чем для тестирования ниши,
• делаешь сам – делай качественно, некачественных лендингов уже много
43
Репин Олегfront-end разработчик
Контакты44
[email protected]Тел.: 8 (343) 290-90-20
vk.com/nolongerabanker