Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

  • Login to see the comments

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

  1. 1. Как не нужно делать landing page Репин Олег front-end разработчик
  2. 2. 2 Вообще не делай его!
  3. 3. 3
  4. 4. Не делайте landing page сами Отдайте разработку landing page на аутсорс. Плюсы: Минусы: • время, • деньги, • качество, • некомпетентные • конверсия, исполнители • техническая поддержка, • делегирование, • спокойный сон :) (привет, 1-я неделя коучинга БМ) 4
  5. 5. Самостоятельная разработка Конструкторы 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
  6. 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
  7. 7. 9 КОНСТРУКТОРЫ – ЗЛО!
  8. 8. Конструкторы – зло • Замусоренный код –> снижение скорости загрузки –> снижение конверсии 10
  9. 9. 11
  10. 10. Конструкторы – зло • Замусоренный код –> снижение скорости загрузки –> снижение конверсии • Внесение изменений в сайт (удобно) только через редактор. 15
  11. 11. Конструкторы – зло • Замусоренный код –> снижение скорости загрузки –> снижение конверсии • Внесение изменений в сайт (удобно) только через редактор. • SEO-оптимизация? Не, не слышал • Ограничения в дизайне* (SaaS) 18
  12. 12. Эмоциональный веб-дизайн 25
  13. 13. Эмоциональный веб-дизайн Ограничения процессора Если увеличивать количество контрастных элементов на странице, то пропорционально возрастет и время, затрачиваемое на различение этих контрастов. Увеличение числа элементов заставляет мозг работать на пределе возможностей… Чем громче музыка, тем громче должны говорить люди – и тем сложнее становится общаться. Дизайн работает так же: если вашего внимания требует все вокруг, вы ничего не заметите. 26
  14. 14. Рекомендации от Google • Landing Page Optimization http://goo.gl/NaDeY • Online Checkout http://goo.gl/Rxxm7 • Site Search http://goo.gl/8XR5T 32
  15. 15. Оптимизация • код html, css и js отдельно! • изображения (http://pnggauntlet.com/, «save for web») 33
  16. 16. Оптимизация • код html, css и js отдельно! • изображения (http://pnggauntlet.com/, «save for web») 38
  17. 17. Оптимизация • код html, css и js отдельно! • изображения (http://pnggauntlet.com/, «save for web») • валидатор http://validator.w3.org/ 39
  18. 18. Оптимизация • код html, css и js отдельно! • изображения (http://pnggauntlet.com/, «save for web») • валидатор http://validator.w3.org/ • шрифты http://habrahabr.ru/post/68189/ 41
  19. 19. Вдохновляйтесь • Еженедельные дайджесты о веб-разработке http://habrahabr.ru/company/zfort/ • Awwwards http://www.awwwards.com/ • Лучшие LP из [БМ] http://vk.cc/1PJhbI 42
  20. 20. Выводы • сегодня существует много сервисов, которые позволяют делать простые сайты без знаний html/css/js, • много возможностей для того, чтобы сделать говнол**динг –> запороть нишу, • «конструкторы» – не более, чем для тестирования ниши, • делаешь сам – делай качественно, некачественных лендингов уже много 43
  21. 21. 44 Контакты craftsmandigital.ru mail@craftsmandigital.ru Тел.: 8 (343) 290-90-20 vk.com/nolongerabanker Репин Олег front-end разработчик

×