Download - Как не нужно делать Landing Page
![Page 1: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/1.jpg)
Репин Олегfront-end разработчик
Как не нужно делать landing
page
![Page 2: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/2.jpg)
Вообще не делай его!
2
![Page 3: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/3.jpg)
3
![Page 4: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/4.jpg)
Не делайте landing page самиОтдайте разработку landing page на аутсорс.
4
Плюсы:• время,• качество,• конверсия,• техническая
поддержка,• делегирование,• спокойный сон :) (привет, 1-я неделя коучинга БМ)
Минусы:• деньги,• некомпетентные
исполнители
![Page 5: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/5.jpg)
![Page 6: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/6.jpg)
Самостоятельная разработкаКонструкторы 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
![Page 7: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/7.jpg)
Самостоятельная разработкаКонструкторы 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
![Page 8: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/8.jpg)
![Page 9: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/9.jpg)
КОНСТРУКТОРЫ – ЗЛО!
9
![Page 10: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/10.jpg)
Конструкторы – зло• Замусоренный код –> снижение скорости
загрузки –> снижение конверсии
10
![Page 11: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/11.jpg)
11
![Page 12: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/12.jpg)
![Page 13: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/13.jpg)
![Page 14: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/14.jpg)
![Page 15: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/15.jpg)
Конструкторы – зло• Замусоренный код –> снижение скорости
загрузки –> снижение конверсии• Внесение изменений в сайт (удобно) только
через редактор.
15
![Page 16: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/16.jpg)
![Page 17: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/17.jpg)
![Page 18: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/18.jpg)
Конструкторы – зло• Замусоренный код –> снижение скорости
загрузки –> снижение конверсии• Внесение изменений в сайт (удобно) только
через редактор.• SEO-оптимизация? Не, не слышал• Ограничения в дизайне* (SaaS)
18
![Page 19: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/19.jpg)
![Page 20: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/20.jpg)
![Page 21: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/21.jpg)
![Page 22: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/22.jpg)
![Page 23: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/23.jpg)
![Page 24: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/24.jpg)
![Page 25: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/25.jpg)
Эмоциональный веб-дизайн
25
![Page 26: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/26.jpg)
Эмоциональный веб-дизайнОграничения процессора
Если увеличивать количество контрастных элементов на странице, то пропорционально возрастет и время, затрачиваемое на различение этих контрастов. Увеличение числа элементов заставляет мозг работать на пределе возможностей… Чем громче музыка, тем громче должны говорить люди – и тем сложнее становится общаться. Дизайн работает так же: если вашего внимания требует все вокруг, вы ничего не заметите.
26
![Page 27: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/27.jpg)
![Page 28: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/28.jpg)
![Page 29: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/29.jpg)
![Page 30: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/30.jpg)
![Page 31: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/31.jpg)
![Page 32: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/32.jpg)
Рекомендации от Google32
• Landing Page Optimizationhttp://goo.gl/NaDeY
• Online Checkouthttp://goo.gl/Rxxm7
• Site Searchhttp://goo.gl/8XR5T
![Page 33: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/33.jpg)
Оптимизация• код
html, css и js отдельно!• изображения
(http://pnggauntlet.com/, «save for web»)
33
![Page 34: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/34.jpg)
![Page 35: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/35.jpg)
![Page 36: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/36.jpg)
![Page 37: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/37.jpg)
![Page 38: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/38.jpg)
Оптимизация• код
html, css и js отдельно!• изображения
(http://pnggauntlet.com/, «save for web»)
38
![Page 39: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/39.jpg)
Оптимизация• код
html, css и js отдельно!• изображения
(http://pnggauntlet.com/, «save for web»)• валидатор
http://validator.w3.org/
39
![Page 40: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/40.jpg)
![Page 41: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/41.jpg)
Оптимизация• код
html, css и js отдельно!• изображения
(http://pnggauntlet.com/, «save for web»)• валидатор
http://validator.w3.org/• шрифты
http://habrahabr.ru/post/68189/
41
![Page 42: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/42.jpg)
Вдохновляйтесь• Еженедельные дайджесты о веб-
разработкеhttp://habrahabr.ru/company/zfort/
• Awwwardshttp://www.awwwards.com/
• Лучшие LP из [БМ]http://vk.cc/1PJhbI
42
![Page 43: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/43.jpg)
Выводы• сегодня существует много сервисов,
которые позволяют делать простые сайты без знаний html/css/js,
• много возможностей для того, чтобы сделать говнол**динг –> запороть нишу,
• «конструкторы» – не более, чем для тестирования ниши,
• делаешь сам – делай качественно, некачественных лендингов уже много
43
![Page 44: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/44.jpg)
Репин Олегfront-end разработчик
Контакты44
[email protected]Тел.: 8 (343) 290-90-20
vk.com/nolongerabanker
![Page 45: Как не нужно делать Landing Page](https://reader035.vdocuments.pub/reader035/viewer/2022062319/557ebd82d8b42a48588b50cb/html5/thumbnails/45.jpg)