Репин Олег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

craftsmandigital.rumail@craftsmandigital.ruТел.: 8 (343) 290-90-20

vk.com/nolongerabanker