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 for mobile app or game

1,028 views

Published on

Published in: Self Improvement
  • Be the first to comment

Landing page for mobile app or game

  1. 1. Басыров Амирamir.basyrov@gmail.comВеб-дизайнер в DaSuppa
  2. 2. Что такое Landing Page?Landing Page - это специальная целеваястраница, задачей которой являетсяэффективная реализация одной изцелей: сбор контактов (лидов) (еслимобильное ПО еще не запущено); продажа продукта (если мобильныйпрограммный продукт уже былзапущен).
  3. 3. Функции страницы1. Принять пользователя после поисковогозапроса, клика по баннеру, перехода по ссылкеили из любого другого источника.2. В первые 5 секунд дать понять пользователю:Что вы предлагаете?Почему это выгодно для него?Что необходимо сделать?3. Мотивировать пользователя выполнить действие:Скачать мобильный продуктОставить свои данные или подписаться
  4. 4. Примеры Landing Pagehttp://gemz-game.com/
  5. 5. Примеры Landing Pagehttp://total-defense-3d.com
  6. 6. Примеры Landing Pagehttp://sky-jockeys.com
  7. 7. Landing page – это НЕ веб-сайт!Это промо-страница.Поэтому: Постарайтесь сделать сложной точку выхода. Удалите все внешние ссылки, которые могут увестиВашего потенциального покупателя с Landing page(стоит оставить только ссылки на поддержку иофициальный сайт компании). Скажите посетителю что ему делать дальше!
  8. 8. Скажите посетителю что емуделать дальше! Сразу после привлекательного интересного роликадайте пользователю совершить необдуманное,необходимое Вам действие:Скачать игру Оставить свои данные
  9. 9. На Landing page должны быть Броский, понятный и интригующийзаголовок по теме. Call-to-Action кнопки. Небольшой вводный текст. Контакты с Вами. Мультимедиа контент: видео, аудио,презентация и так далее. Социальные кнопки.
  10. 10. Повышайте доверие к бренду Расскажите о себе и продукте. Приведите цитаты известных и влиятельныхлюдей в Вашей сфере, их мнения о Вашемпродукте. Очень эффективно так же добавитьфотографии этих людей. Не забудьте указать каналы связи с Вами:E-mail, Skype, номер телефона, адрес офиса
  11. 11. Повышайте доверие к бренду Ни в коем случае не используйте всплывающиеокна (те, которые открываются сразу послезагрузки страницы)! Предоставляйте статистику по продукту. Ноиспользуйте только достоверные факты ицифры. Не надо лгать. Не задавайте лишних вопросов! Если какие-тоданные Вам не важны, не стоит их спрашивать упользователя.
  12. 12. Возьмите на вооружение Используйте минимум Call-to-Action элементов(все используемые должны реализовывать главную цель страницы!) Значимые элементы делайте темными (контрастными). Оптимальное количество колонок страницы - 2. Сведите чтение к минимуму. Используйте различные мультимедиа - слайдшоу,презентации, видео, аудио. Любая форма ввода информации о пользователе -препятствие на пути к цели. Не используйте автостарт ролика или аудиозаписи. Используйте гармонирующие цвета.
  13. 13. Возьмите на вооружение Не в коем случае не забывайте про Open Graphтеги. Они сделают share на стену фанатовмаксимально простым. С правильнонастроенными тегами фанату нужно будет ввеститолько комментарий. Более того, Open Graph тегипозволяют задать разработчику сайта именно теданные, которые будут расшариваться!Лучшая документация по Open Graph
  14. 14. Используйте правильные цвета
  15. 15. Отзывчивый дизайн!Отзывчивый (адаптивный) дизайнобязателен, ведь вы делаете ипродаете мобильное приложение.www.sky-jockeys.com – оптимизировандля любого разрешения экрана.
  16. 16. Отзывчивый дизайн! Используйте один домен для настольной имобильной версии. Откажитесь от домена второгоуровня m.site.com и аналогов (mobile, lite). Проверяйте работу адаптивной верстки намаксимальном количестве браузеров и их версий. Используйте разные по качеству и весуизображения для разных разрешений экрана Максимально используйте возможности CSS –отрисовывайте графические элементыпосредствам CSS, если это возможно.
  17. 17. Тестируйте-тестируйте-тестируйте! Используйте AB тестирование. Тестируйте графические компоненты. Тестируйте заголовки, тексты, вводные абзацы. Тестируйте CTA-кнопки:
  18. 18. Анализируйте эффективностьДля анализа поведения пользователей иэффективности Landing Page используйтеGoogle Analytics Устанавливайте цели. Отлавливайте события. Анализируйте точкивхода и выхода. Оптимизируйте SEO.
  19. 19. Спасибо за внимание.Басыров АмирПроектирование, разработка, верстка,внедрение и сопровождениевеб-сайтов и Landing Page.Skype: night_amirEmail: amir.basyrov@gmail.com

×