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.

Web thoughts 2013

910 views

Published on

Web thoughts about web design and development in 2013, also includes social media marketing thoughts and analysis tools description.

Published in: Education
  • Be the first to comment

Web thoughts 2013

  1. 1. Интернет-ориентированность компании – неотъемлемая часть успеха бизнеса www.theinvaders.ru Спикеры: Виктор Брызгалов ЕвгенийТурчанинов Алексей Зуев
  2. 2. www.theinvaders.ruИнтернет-ориентированность компании Вы понимаете, что Ваш бизнес недостаточно эффективно использует все возможности современных тенденций Интернета?
  3. 3. www.theinvaders.ruИнтернет-ориентированность компании Цели • повышение уровня доходности бизнеса – новые клиенты • улучшение эффективности клиентского сервиса • работа с лояльностью клиенты
  4. 4. www.theinvaders.ruИнтернет-ориентированность компании Задачи • Как правильно подойти к процессу разработки сайта? • Как выстроить работу с сайтом? Сайт – мощный инструмент клиентского сервиса • Тренды в web-дизайне • SEO-оптимизация • Контекстная реклама • Интернет-маркетинг. SMM • Интернет-проекты – тенденция инвестиций бизнеса
  5. 5. www.theinvaders.ruИнтернет-ориентированность компании Будем эффективны! • Выделяем главное, но не забываем о мелочах • Звонок Вашего телефона не мешает коллегам, если телефон в режиме вибро-вызова • Отвечать на звонки лучше вне аудитории • Командная работа : больше отдашь – больше получишь
  6. 6. www.theinvaders.ruИнтернет-ориентированность компании Наши инструменты: • Интернет-маркетинг • PM • Web-development • Web-design • SMM • SMO • SEO • Cемантическое ядро • Ads • и прочее
  7. 7. www.theinvaders.ruИнтернет-ориентированность компании Как правильно подойти к процессу разработки сайта?
  8. 8. www.theinvaders.ruИнтернет-ориентированность компании Проектный подход – залог успеха разработки ресурса! • Управление интеграцией проекта • Управление содержанием проекта • Управление временем (сроками) проекта • Управление стоимостью проекта • Управление персоналом проекта • Управление рисками проекта • Управление коммуникациями проекта • Управление снабжением проекта • Управление качеством проекта
  9. 9. www.theinvaders.ruИнтернет-ориентированность компании Проект успешен, если он завершен: • В установленные сроки • В рамках выделенного бюджета • И требования Заказчика удовлетворены
  10. 10. www.theinvaders.ruИнтернет-ориентированность компании Шаги создания сайта: • Зачем нам нужен сайт? • Какой сайт нам нужен? • Какие ресурсы сможем выделить для его развития? Определиться с бизнес-целями создания сайта 1
  11. 11. www.theinvaders.ruИнтернет-ориентированность компании Шаги создания сайта: • Коллектив должен быть вовлечен в процесс разработки! Назначить ответственное лицо за процесс разработки сайта (наделить полномочиями)2
  12. 12. www.theinvaders.ruИнтернет-ориентированность компании Шаги создания сайта: • web-студия • фрилансеры • собственный отдел разработки Выбор разработчика 3
  13. 13. www.theinvaders.ruИнтернет-ориентированность компании Шаги создания сайта: • ознакомьтесь с условиями! Подписание договора на разработку сайта 4 • обязательно milestones, в идеале – roadmap Составление технического задания 5
  14. 14. www.theinvaders.ruИнтернет-ориентированность компании • roadmap • анализ конкурентной среды • слабые места в сильных позициях конкурентов • традиционный маркетинг • конкретные фазы продвижения с подробным содержанием Комплексное продвижение 6
  15. 15. www.theinvaders.ruИнтернет-ориентированность компании Техническое задание • Назначение и цели создания сайта - целевая аудитория - основные задачи • Требования к стилю (возможен бренд-бук) - стилистическое оформление сайта -Требования к графическому дизайна сайта: шрифты, цвета, картинки
  16. 16. www.theinvaders.ruИнтернет-ориентированность компании Техническое задание • Требования к шрифтовому оформлению сайта • Требования к средствам просмотра - браузеры - планшетники • Требования к контенту наполнения сайта - чьими силами производится наполнение контента: заказчик или исполнитель - контент-менеджмент *
  17. 17. www.theinvaders.ruИнтернет-ориентированность компании Техническое задание • Определиться со структурой сайта
  18. 18. www.theinvaders.ruИнтернет-ориентированность компании В процессе разработки сайта: • Проведение митингов по процессу разработки! Выбор доменного имени, Согласование дизайна, интерактивных элементов, фотографий, контента…
  19. 19. www.theinvaders.ruИнтернет-ориентированность компании Шаги создания сайта: • Обучение работы с сайтом Передача сайта клиенту 7 • (желательно в человекочасах) Договор на техническую поддержку 8
  20. 20. www.theinvaders.ruИнтернет-ориентированность компании Сайт – это всего лишь один из инструментов присутствия в Интернете и требует постоянного развития
  21. 21. www.theinvaders.ruИнтернет-ориентированность компании Как выстроить работу с сайтом? Сайт – мощный инструмент клиентского сервиса
  22. 22. www.theinvaders.ruИнтернет-ориентированность компании Основные факторы: • Сайт – имиджевая составляющая бизнеса • Скорость реагирования на потребителя • Удобство пользования ресурсом • Проведение комплексной маркетинговой политики (SEO, SMM, SMO) • Техническая поддержка потребителя
  23. 23. www.theinvaders.ruИнтернет-ориентированность компании Сайт – имиджевая составляющая бизнеса
  24. 24. www.theinvaders.ruИнтернет-ориентированность компании Сайт – имиджевая составляющая бизнеса
  25. 25. www.theinvaders.ruИнтернет-ориентированность компании Сайт – имиджевая составляющая бизнеса
  26. 26. www.theinvaders.ruИнтернет-ориентированность компании Скорость реагирования на потребителя
  27. 27. www.theinvaders.ruИнтернет-ориентированность компании Удобство пользования ресурсом
  28. 28. www.theinvaders.ruИнтернет-ориентированность компании Удобство пользования ресурсом
  29. 29. www.theinvaders.ruИнтернет-ориентированность компании Проведение комплексной маркетинговой политики (SEO, SMM, SMO)
  30. 30. www.theinvaders.ruИнтернет-ориентированность компании Техническая поддержка потребителя
  31. 31. Тренды веб дизайна 2013
  32. 32. • Очень распространенный тренд на сегодняшний день. Дизайнеры с удовольствием используют большую фотографию на заднем фоне. Это всегда необыкновенно сильно воздействует на зрителя. А сама картинка становится главным действующим лицом, вокруг которого выстраиваются все остальные элементы дизайна. Большое фото на бэкграунде
  33. 33. www.theinvaders.ruТренды веб-дизайна 2013 Большое фото на бэкграунде
  34. 34. www.theinvaders.ruТренды веб-дизайна 2013 Большое фото на бэкграунде
  35. 35. www.theinvaders.ruТренды веб-дизайна 2013 Большое фото на бэкграунде
  36. 36. www.theinvaders.ruТренды веб-дизайна 2013
  37. 37. www.theinvaders.ruТренды веб-дизайна 2013
  38. 38. www.theinvaders.ruТренды веб-дизайна 2013
  39. 39. • Типографика все больше становится важной частью любого проекта. Шрифты несут не только смысловую нагрузку, но и при грамотном и креативном использовании становятся настоящим украшением сайта www.theinvaders.ruТренды веб-дизайна 2013 Декоративная типографика
  40. 40. www.theinvaders.ruТренды веб-дизайна 2013 Декоративная типографика
  41. 41. • Еще одно веяние распространения мобильного интернета. Для комфортного просмотра сайта на мобильных устройствах необходимо, чтобы функциональные кнопки были достаточно крупного размера. www.theinvaders.ruТренды веб-дизайна 2013 Большие кнопки интерфейса
  42. 42. www.theinvaders.ruТренды веб-дизайна 2013 Большие кнопки интерфейса
  43. 43. www.theinvaders.ruТренды веб-дизайна 2013
  44. 44. www.theinvaders.ruТренды веб-дизайна 2013
  45. 45. www.theinvaders.ruТренды веб-дизайна 2013
  46. 46. • В минувшем году многие сайты частенько использовали большие слайдеры с эффектными фотографиями. Эта тенденция сохранится и в наступившем году. Поскольку, однозначно, смена крупных картинок на широком экране монитора смотрится впечатляюще. www.theinvaders.ruТренды веб-дизайна 2013 Большой слайдер
  47. 47. www.theinvaders.ruТренды веб-дизайна 2013 Большой слайдер
  48. 48. www.theinvaders.ruТренды веб-дизайна 2013 Большой слайдер
  49. 49. www.theinvaders.ruТренды веб-дизайна 2013 Большой слайдер
  50. 50. www.theinvaders.ruТренды веб-дизайна 2013
  51. 51. www.theinvaders.ruТренды веб-дизайна 2013
  52. 52. www.theinvaders.ruТренды веб-дизайна 2013 Большой слайдер
  53. 53. • Большинство современных сайтов благодаря технологии HTML5, CSS3 и jQuery стало очень интересно разглядывать и изучать, открывая все новые и новые динамические эффекты анимации при наведении мышкой или прокрутке. www.theinvaders.ruТренды веб-дизайна 2013 HTML5 & CSS3
  54. 54. www.theinvaders.ruТренды веб-дизайна 2013 HTML5 & CSS3
  55. 55. www.theinvaders.ruТренды веб-дизайна 2013 HTML5 & CSS3
  56. 56. www.theinvaders.ruТренды веб-дизайна 2013
  57. 57. • Минмимализм по-прежнему не уступает своих позиций. Сайты, сделанные по принципу простоты, ясности и минимального количества оформительских элементов, в настоящее время пользуются большой популярностью. www.theinvaders.ruТренды веб-дизайна 2013 Минимализм
  58. 58. www.theinvaders.ruТренды веб-дизайна 2013 Минимализм
  59. 59. www.theinvaders.ruТренды веб-дизайна 2013 Минимализм
  60. 60. • Выход мобильной ОСWindows Phone 8 и в дальнейшем флагманского пакетаWindows 8 задал новый тренд в веб-дизайне. Его отличительной особенностью является минимализм и характерная визуализация информации с помощью разноцветных и равномерных плиток навигации. www.theinvaders.ruТренды веб-дизайна 2013 Metro Design
  61. 61. www.theinvaders.ruТренды веб-дизайна 2013 Metro Design
  62. 62. www.theinvaders.ruТренды веб-дизайна 2013 Metro Design
  63. 63. www.theinvaders.ruТренды веб-дизайна 2013 Metro Design
  64. 64. • В современном дизайне используется прием, при котором при наведении на обычный пункт меню всплывает удобное мега меню в виде выпадающего списка. Особенно это характерно для магазинов. Как правило пункты выпадающего меню более детальны и зачастую снабжены картинками и дополнительной информацией. www.theinvaders.ruТренды веб-дизайна 2013 Всплывающее мега-меню
  65. 65. www.theinvaders.ruТренды веб-дизайна 2013 Всплывающее мега-меню
  66. 66. www.theinvaders.ruТренды веб-дизайна 2013 Всплывающее мега-меню
  67. 67. • Текстурный дизайн также удержит свои позиции в нынешнем году. Присутствие текстур будет минимально и ненавязчиво. Они будут гармоничным дополнением всего дизайна, придавая сайту едва ощутимую тактильность. www.theinvaders.ruТренды веб-дизайна 2013 Текстурный дизайн
  68. 68. www.theinvaders.ruТренды веб-дизайна 2013 Текстурный дизайн
  69. 69. www.theinvaders.ruТренды веб-дизайна 2013 Текстурный дизайн
  70. 70. • Визуализация информации в виде инфографики стала уже доброй традицией. В этом году этот тренд также продолжит свое успешное существование, заставляя дизайнеров и художников придумывать все новые способы представления контента. www.theinvaders.ruТренды веб-дизайна 2013 Инфографика
  71. 71. www.theinvaders.ruТренды веб-дизайна 2013 Инфографика
  72. 72. www.theinvaders.ruТренды веб-дизайна 2013 Инфографика
  73. 73. www.theinvaders.ruТренды веб-дизайна 2013 Инфографика
  74. 74. • Эту новую технологию с уверенностью можно назвать трендом этого года. Но, к сожалению, на сегодняшний день эту фишку поддерживают только webkit браузеры, поэтому будем надеяться, что в этом году она получит более широкую поддержку. CSS3 фильтры www.theinvaders.ruТренды веб-дизайна 2013
  75. 75. Тон Насыщенность Яркость Размытие Контраст www.theinvaders.ruТренды веб-дизайна 2013 CSS3 фильтры
  76. 76. Сепия Инверсия Черно-белый www.theinvaders.ruТренды веб-дизайна 2013 CSS3 фильтры
  77. 77. • Мы привыкли видеть стандартное построение элементов интерфейса, но такие сайты ломают эту традицию и удивляют своим креативом. Довольно интересный подход!Стоит обратить на него внимание. www.theinvaders.ruТренды веб-дизайна 2013 Нестандартная геометрия
  78. 78. www.theinvaders.ruТренды веб-дизайна 2013 Нестандартная геометрия
  79. 79. www.theinvaders.ruТренды веб-дизайна 2013 Нестандартная геометрия
  80. 80. www.theinvaders.ruТренды веб-дизайна 2013 Бесконечная подгрузка контента
  81. 81. • Видео все успешнее завоевывает свои позиции в веб-дизайне с помощью новых форм и приемов.Так, стало обычным делом использовать видео в слайдерах, или же например использовать небольшой фрагмент видео во всплывающей подсказке. www.theinvaders.ruТренды веб-дизайна 2013 Использование видео
  82. 82. www.theinvaders.ruТренды веб-дизайна 2013Использование видео
  83. 83. www.theinvaders.ruТренды веб-дизайна 2013
  84. 84. www.theinvaders.ruТренды веб-дизайна 2013
  85. 85. www.theinvaders.ruТренды веб-дизайна 2013 Комментарии из соц сетей
  86. 86. www.theinvaders.ruТренды веб-дизайна 2013 Кнопки соц сетей
  87. 87. • Очень удобный тренд. Для того, чтобы войти на сайт с помощью классического метода, надо помнить логин и пароль. В ситуации с постоянно открытыми страничками в социальных сетях, все значительно упрощается. Достаточно лишь нажать соответствующую кнопку и вы уже авторизованы на нужном сайте. www.theinvaders.ruТренды веб-дизайна 2013 Авторизация через социальные сети
  88. 88. www.theinvaders.ruТренды веб-дизайна 2013 Авторизация через социальные сети
  89. 89. www.theinvaders.ruТренды веб-дизайна 2013 Адаптивный дизайн
  90. 90. • Использование position: fixed; для навигационного меню или sidebar стало хорошей традицией, особенно для сайтов с адаптивным дизайном, т.к. теперь по сайту стало передвигаться намного удобнее, к тому же это довольно стильно смотрится. Плюс отпала надобность в кнопке «подняться наверх». www.theinvaders.ruТренды веб-дизайна 2013 Фиксированное меню
  91. 91. www.theinvaders.ruТренды веб-дизайна 2013
  92. 92. www.theinvaders.ruТренды веб-дизайна 2013 Фиксированное меню
  93. 93. • Очень эффектный тренд, при котором осуществляется постраничная вертикальная прокрутка содержимого сайта. Опять-таки, здесь тон задает распространение мобильных устройств, на которых вертикальный скроллинг является наиболее удобным способом просмотра содержимого сайта. www.theinvaders.ruТренды веб-дизайна 2013 Одностраничные сайты
  94. 94. www.theinvaders.ruТренды веб-дизайна 2013 Одностраничные сайты
  95. 95. www.theinvaders.ruТренды веб-дизайна 2013 Одностраничные сайты
  96. 96. • Параллакс эффект достигается за счет того, что при прокрутке содержимого сайта разные элементы дизайна движутся с разной скоростью относительно друг друга. Поэтому возникает эффект трехмерности.А в сочетании с вертикальным скроллингом получаются очень и очень интересные решения. www.theinvaders.ruТренды веб-дизайна 2013 Параллакс скроллинг
  97. 97. www.theinvaders.ruТренды веб-дизайна 2013Параллакс скроллинг
  98. 98. Тренды в дизайне логотипов 2013
  99. 99. www.theinvaders.ruТренды в дизайне логотпов 2013 • Что такое бренд? – это широко известная торговая марка, воспринимаемая как эмоциональный корпоративный образ в целом. • Что такое айдентика? – это визуальные аспекты, которые формируют одну из составных частей всего бренда. • Что такое логотип? – это опознавательный графический символ компании или продукта.
  100. 100. Черное и белое • Хороший логотип всегда должен оставаться собой и в черно-белой версии. И иногда это — все, что нужно. Классическое сочетание черного и белого станет большим трендом всего 2013 года, поскольку дизайнеры отходят от ярких цветов в сторону типографических решений.Так сейчас проще выделиться. Может быть, черно-белые логотипы и являются одной из старейших дизайнерских традиций, но грамотная работа с монохромом все еще далека от скуки и устаревания. www.theinvaders.ruТренды в дизайне логотипов 2013
  101. 101. www.theinvaders.ruТренды в дизайне логотипов 2013
  102. 102. Упрощение • Многие, от Microsoft до Гарвардского Университета, в своем ребрендинге обнажились едва ли не до костей. Можно спорить о том, что логодизайн всегда следовал этой логике — упрощать хорошо известный логотип всякий раз, когда он становится еще более известным. Но совершенно определенно не так давно тренд усилился еще больше, и все больше логотипов упрощают свой дизайн практически до «ничего». www.theinvaders.ruТренды в дизайне логотипов 2013
  103. 103. www.theinvaders.ruТренды в дизайне логотипов 2013
  104. 104. www.theinvaders.ruТренды в дизайне логотипов 2013
  105. 105. www.theinvaders.ruТренды в дизайне логотипов 2013
  106. 106. www.theinvaders.ruТренды в дизайне логотипов 2013
  107. 107. www.theinvaders.ruТренды в дизайне логотипов 2013
  108. 108. www.theinvaders.ruТренды в дизайне логотипов 2013
  109. 109. Мозаичные шаблоны • Мозаика становится все более популярной в айдентике, поскольку под нее можно подвести обоснование «роста», «ценностей», «объединения», «силы в количестве» и «мультикультурности».Логотипы встраивают в себя мозаичные паттерны с возрастающей изысканностью, используя не так много элементов — так лучше чувствуется структура. И это позволяет логотипу работать в самых разных форматах и не замыливаться в маленьком размере. • Цветовая палитра влияет на восприятие мозаики; в тренде органические цвета, от небесно-голубого и цвета травы до приглушенных коричневых оттенков. www.theinvaders.ruТренды в дизайне логотипов 2013
  110. 110. Энергичность • Прекрасный пример — живая и харизматичная айдентикаОлимпиады 2016 в Рио. Но такой тип визуального воздействия нелегко создать. www.theinvaders.ruТренды в дизайне логотипов 2013
  111. 111. www.theinvaders.ruТренды в дизайне логотипов 2013
  112. 112. Зазубреные края • Если вы подумали, что лого Лондонской Олимпиады наконец-то можно забыть, то приготовьтесь к абстрактным геометрическим формам в этом году. Например, посмотрите на неофициальный логотип грядущих четвертых «Трансформеров».Что бы вы ни думали об этой франшизе, резкие зазубренные края отлично работают на привлечение внимания. www.theinvaders.ruТренды в дизайне логотипов 2013
  113. 113. www.theinvaders.ruТренды в дизайне логотипов 2013
  114. 114. Влияние Apple Store • Дизайн приложений стал настолько популярным, что неудивительно, что отлично исполненные, гладкие иконки, доминирующие в App Store, переехали в брендинг и — особенно — в лого-дизайн. www.theinvaders.ruТренды в дизайне логотипов 2013
  115. 115. www.theinvaders.ruТренды в дизайне логотипов 2013
  116. 116. Прозрачные наложения • Прозрачные связи и наложения — это новая техника, получившая широкое распространение за последний год. Тонкие градиенты позволяют оживить логотип, придать ему современный, свежий вид. www.theinvaders.ruТренды в дизайне логотипов 2013
  117. 117. www.theinvaders.ruТренды в дизайне логотипов 2013
  118. 118. Фокусировка • Кто сказал, что логотипы должны быть ясными и четкими? Избирательная фокусировка может использоваться для придания изящества и туманности, которые привлекают внимание к логотипу, будто исчезающему в фоне. Приведенный пример показывает, как мягкие границы знака, всплывающего на поверхность, создают великолепное подобие сна. www.theinvaders.ruТренды в дизайне логотипов 2013
  119. 119. www.theinvaders.ruТренды в дизайне логотипов 2013
  120. 120. Разоблачение • Ребрендинг такой огромной компании, как DC Comics, нелегкая задача, но Landor Associates обладают достаточной смелостью, чтобы взяться за нее. Красота этого метода в том, как C появляется из D — простой и умный знак, который моментально считывается. • «Мы искали живую, дышащую айдентику, которая могла бы прославить все, чем занимается DC, но которая при этом была бы направлена в будущее, была четкой, провокационной и позволяла нам рассказывать наши истории и о наших персонажах», говорят в компании. www.theinvaders.ruТренды в дизайне логотипов 2013
  121. 121. www.theinvaders.ruТренды в дизайне логотипов 2013
  122. 122. Составленные из нескольких геометрических фигур • В таких логотипах несколько геометрических фигур собраны в картины повторяющихся узоров.Часто элементы имеют общую цветовую гамму, что создает эффект наложения и прозрачности. Логотипы варьируются от очень сложных до очень простых, созданных всего из нескольких элементов. Помимо своей красоты, такие логотипы доносят концепцию силы в количестве, подчеркивают многогранность, точность, кропотливость и аккуратность. www.theinvaders.ruТренды в дизайне логотипов 2013
  123. 123. www.theinvaders.ruТренды в дизайне логотипов 2013
  124. 124. Международные авиалинии • Вневременность и чистота — единственный способ описать этот тренд. Слово «авиалинии» в названии отсылает нас к международной эстетике, современному образу и простому дизайну с простыми цветами. Взгляните на работу студии Anagrama для Bricos, магазина инструментов и техники, который «ребрендится» в глобального продавца строительных материалов и оборудования. Красные, белые и синие полосы создают ощущение очень международного бренда и сильной корпоративной айдентики. www.theinvaders.ruТренды в дизайне логотипов 2013
  125. 125. www.theinvaders.ruТренды в дизайне логотипов 2013
  126. 126. www.theinvaders.ruТренды в дизайне логотипов 2013
  127. 127. Незавершенность • Пропавшие связи и простые иллюзии могут стать в результате изысканным брендинговым решением. • Если исключить из букв определенные элементы, то можно придать им индивидуальность, при этом сохранить возможность к их прочтению.Такой прием становится популярным среди многих стильных брендов. www.theinvaders.ruТренды в дизайне логотипов 2013
  128. 128. www.theinvaders.ruТренды в дизайне логотипов 2013
  129. 129. Акварель • Каждый год, как минимум один тренд старается сделать все возможное, чтобы уйти от современной технологичности и приблизиться к ощущению природного, человеческого восприятия. www.theinvaders.ruТренды в дизайне логотипов 2013
  130. 130. www.theinvaders.ruТренды в дизайне логотипов 2013
  131. 131. «Здесь» • Знаменитая булавка для карт обрела повсеместное цифровое использование. Поколение, которое никогда не использовало аналоговый вариант такой булавки, отлично знает эти цветные перевернутые капли из приложений с картами и GPS-навигаторов. Знак быстро и прочно вошел в наш визуальный словарь.Теперь и в айдентике. www.theinvaders.ruТренды в дизайне логотипов 2013
  132. 132. www.theinvaders.ruТренды в дизайне логотипов 2013
  133. 133. Муар • Муаровые паттерны — что-то вроде оптических иллюзий, созданных при помощи схождения и столкновения паттернов-решеток — становятся все более популярными в брендинге и айдентике. www.theinvaders.ruТренды в дизайне логотипов 2013
  134. 134. Рукописное ретро • Рукописные ретро-шрифты всегда будут привлекать дизайнеров из-за атмосферы забавы и классической эстетики. www.theinvaders.ruТренды в дизайне логотипов 2013
  135. 135. www.theinvaders.ruТренды в дизайне логотипов 2013
  136. 136. Молекулы • Молекулы — это вам не еда.Ошибка в молекулярном «рецепте» может стоить вам жизни. Поэтому такие логотипы говорят нам о том, что компания ценит точность — все на своем месте, а свое место для есть всего. И при этом такая айдентика не обязательно может принадлежать лаборатории или нефтехимическому производству. Она не отражает химию и физику буквально. www.theinvaders.ruТренды в дизайне логотипов 2013
  137. 137. Мембраны • Представьте себе шаблон, созданный из камуфляжа — регулярность, сформированная нерегулярностью. Или камни, каждый из которых примерно одного размера, но обладает своей формой. Название для этой категории было адаптировано от ячеистой мембраны, которая состоит из одинаковых элементов, соединенных в случайном порядке и создающих последовательную плотную поверхность. Это гармония, созданная из диссонанса. www.theinvaders.ruТренды в дизайне логотипов 2013
  138. 138. Кресты • Прошло не так много лет с того момента, когда дизайнеры злоупотребляли пересекающимися кругами. Они пересекались между собой и между чем угодно, от стрелок до палок, пытаясь вместить в себя всю информацию о клиенте. Поначалу это было свежо, а затем приелось и стало мишенью для шуток.Теперь же тренд перешел в другую форму, не столь перенасыщенную информацией. И предоставляющую больший простор для возможностей. • Пересекаться и напоминать собой два скрещенных меча могут кухонные принадлежности, спортивные, инструменты и прочее. Это отражает «царственную» натуру клиента и выглядит вполне изысканно. Даже если это две скалки. www.theinvaders.ruТренды в дизайне логотипов 2013
  139. 139. www.theinvaders.ruТренды в дизайне логотипов 2013
  140. 140. Волны • Это не просто волны. Обратите внимание, что все они выглядят так, будто вино плещется во вращаемом бокале. Это символ движения, но не агрессивного и напористого, а мягкого и контролируемого.Логотипы выглядят так, будто жидкость в них должна вскоре успокоиться, но многие полагают, что это бесконечное движение — что-то вроде морских волн, постоянно набегающих на берег. www.theinvaders.ruТренды в дизайне логотипов 2013
  141. 141. Отпечатки • Задолго до обнаружения ДНК мы знали, что природа повсеместно заявляет об индивидуальности всего сущего. Отпечатки пальцев говорят об уникальности людей, кольца на деревьях или топография земли — также очевидные метки специфичности. Эти паттерны немедленно распознаются именно в ключе оригинальности и уникальности. www.theinvaders.ruТренды в дизайне логотипов 2013
  142. 142. www.theinvaders.ruТренды в дизайне логотипов 2013
  143. 143. Графические формулы • Если взять это, вот это и еще вот это и объединить их, то может получиться нечто более значимое. Почему бы не показать все эти ингредиенты, а не готовый продукт. Идея в том, чтобы отойти на шаг назад от законченного продукта, показать историю, как он получается, и задействовать потребителя в мыслительном процессе о продукте. • Подобные логотипы могут создаваться в огромном количестве стилей. Формула может располагаться вертикально или горизонтально, но обычно это последовательность, которая приводит к нужному результату. Еще одна важная вещь — простота. www.theinvaders.ruТренды в дизайне логотипов 2013
  144. 144. Скобки • Какими бы разными ни были эти знаки, они всегда образуют в середине квадрат или нечто подобное. И этот квадрат (или ромб) становится невольным центром логотипа. Как две скобки, которые, конечно, имеют свое значение, но меньшее, чем то, что содержится в них. • Если удалить одну из скобок, никакой истории не будет.А вдвоем они демонстрируют один из величайших продуктов в мире — потенциал.Свет, пойманный ими. www.theinvaders.ruТренды в дизайне логотипов 2013
  145. 145. Петли • Представьте себе мир, в котором вам не разрешается поворачивать направо. И вы получите концепцию, лежащую в основе этого типа знаков.Обычно они строятся при помощи одной линии, которая или заканчивается рано или поздно, или переходит в саму себя. Вариаций множество, но каждый раз петля используется для того, чтобы повернуть направо, в действительно направо не поворачивая. • Такие логотипы демонстрируют чувство потока и гибкости. И создают неожиданные решения. www.theinvaders.ruТренды в дизайне логотипов 2013
  146. 146. Слэши • Вездесущий «слэш» пришел из глубины веков и нашел себе еще одно место — в айдентике.Черта, направленная в верхний правый угол, имеет множество значений, но чаще всего это «или» между двумя опциями.Также она разделяет инициалы, заменяет дефис в сокращениях и так далее. Черта, направленная вниз, наоборот, соединяет. • В айдентике это чистый визуальный способ разделить или совместить элементы. Знак одинаково комфортно чувствует себя как в типографических решениях, так и в «картинках». Активность использования «слэшей» напоминает истерию по @ несколько лет назад. Причина его популярности — в одновременной невидимости и заметности. В аккуратности и лаконичности. www.theinvaders.ruТренды в дизайне логотипов 2013
  147. 147. Вписанный текст • Использование вписанного текста развилось в активный тренд в этом году. Чем больше мы изучали его, тем больше понимали, что текст в таких случаях выполняет роль поддержки. Украшает визуально и помогает раскрыть сообщение. По большей части подобные логотипы черно-белые и выглядят, будто нарисованы мелом на черной доске баристойСтарбакса в свободную минуту. www.theinvaders.ruТренды в дизайне логотипов 2013
  148. 148. Четкие линии • Вероятно, наиболее очевидный из всех трендов этого года — это эстетика и красота, ассоциируемая с логотипами такого вида, и их упрощенная элегантность.Создание логотипа при помощи только одного типа линий — не новость, но в этом случае есть нюансы, которые освежают этот прием. www.theinvaders.ruТренды в дизайне логотипов 2013
  149. 149. www.theinvaders.ruТренды в дизайне логотипов 2013
  150. 150. Значки • Края у круглых логотипов этого года стали более волнистными, чем у пирогов на соревнованиях пирогов. Разнообразие краев логотипов-значков сохраняет этот тренд интересным и позволяет делать знаки качественными и выделяющимися. www.theinvaders.ruТренды в дизайне логотипов 2013
  151. 151. www.theinvaders.ruТренды в дизайне логотипов 2013
  152. 152. Ленты • Как графический элемент, гербовая лента сопровождает дизайнеров уже долгие годы. То, что раньше использовалось в основном в упаковке или веб-дизайне, теперь нашло место и в логодизайне. Апдейт-версия лент из прошлых лет существует с отутюженными складками и четким прямым направлением безо всяких волн и изгибов. V-образный хвостик напоминает о наградных лентах. www.theinvaders.ruТренды в дизайне логотипов 2013
  153. 153. www.theinvaders.ruТренды в дизайне логотипов 2013
  154. 154. Инициалы и буквы • Искусство персонального возвеличивания живо и неплохо себя чувствует, и дизайнеры проводят много времени, чтобы сохранить свежесть у этого направления. Инициалы начали использовать в 350 году до нашей эры, ренессанс они пережили в середине 19 века, когда фамильные гербы дополнились чем-то более демократичным. И сейчас в логотипах используются решительно все буквы. От аскетичных до обильно украшенных. www.theinvaders.ruТренды в дизайне логотипов 2013
  155. 155. www.theinvaders.ruТренды в дизайне логотипов 2013
  156. 156. Оптимизация сайта под поисковые машины www.theinvaders.ru
  157. 157. www.theinvaders.ruОптимизация сайта под поисковые машины
  158. 158. www.theinvaders.ruОптимизация сайта под поисковые машины На пути к вершине
  159. 159. www.theinvaders.ruОптимизация сайта под поисковые машины Поисковая система – мощный искусственный интеллект
  160. 160. www.theinvaders.ruОптимизация сайта под поисковые машины Факторы ранжирования сайтов • Поведенческие факторы • Внутренние факторы • Ссылочные факторы
  161. 161. www.theinvaders.ruОптимизация сайта под поисковые машины Поведенческие факторы • Посещаемость сайта/страницы • Кликабельность сайта/страницы • Поведение пользователей на сайте, глубина и длительность просмотров, добавление в закладки и другиедействия. • Другие факторы, связанные с действиями пользователей.
  162. 162. www.theinvaders.ruОптимизация сайта под поисковые машины С чего начать работу по продвижению сайта? Изучение сайтов конкурентов
  163. 163. www.theinvaders.ruОптимизация сайта под поисковые машины Комплекс действий, направленный на результат, в виде появления сайта вТОП позициях поисковых систем по нужным ключевым запросам.
  164. 164. www.theinvaders.ruОптимизация сайта под поисковые машины Внутренняя оптимизация Внешняя оптимизация Поддержание результата
  165. 165. www.theinvaders.ruОптимизация сайта под поисковые машины 1. Внутренняя оптимизация сайта • Действия, направленные на изменение содержимого сайта, чтобы поисковые системы лучше его индексировали.
  166. 166. www.theinvaders.ruОптимизация сайта под поисковые машины 1. Внутренняя оптимизация сайта • Составление семантического ядра • Оптимизация контента • Работа с Мета-тегами • Работа с файлом robots.txt • Карта сайта • Внутренняя перелинковка страниц
  167. 167. www.theinvaders.ruОптимизация сайта под поисковые машины 1. Внутренняя оптимизация сайта
  168. 168. www.theinvaders.ruОптимизация сайта под поисковые машины 1.1 Семантическое ядро сайта http://wordstat.yandex.ru/
  169. 169. www.theinvaders.ruОптимизация сайта под поисковые машины 1.1 Семантическое ядро сайта
  170. 170. www.theinvaders.ruОптимизация сайта под поисковые машины 1.1 Семантическое ядро сайта Операторы Яндекс. Wordstat Оператор кавычки, то есть “”. Благодаря данному оператору можно узнать количество показов по конкретному запросу и его словоформам, но без включений. Оператор восклицательный знак ! С его помощью учитываться будут лишь точное значение ключевого слова, без каких-либо словоформ.
  171. 171. www.theinvaders.ruОптимизация сайта под поисковые машины 1.2 Оптимизация контента
  172. 172. www.theinvaders.ruОптимизация сайта под поисковые машины 1.2 Оптимизация контента • Размещение на странице важных ключевых слов и их морфологических разновидностей. • Заголовки различных уровней. • Подбор тематических картинок. • Читаемый URL. Текст должен быть интересен пользователю !
  173. 173. www.theinvaders.ruОптимизация сайта под поисковые машины 1.3 Работа с мета-тегами Биржи статей
  174. 174. www.theinvaders.ruОптимизация сайта под поисковые машины 1.4 Работа с файлом robots.txt • Файл robots.txt – это текстовый файл, находящийся в корневой директории сайта, в котором записываются специальные инструкции для поисковых роботов.
  175. 175. www.theinvaders.ruОптимизация сайта под поисковые машины 1.4 Работа с файлом robots.txt Robots.txt – наглядная визуализация Используйте файл robots.txt для ограничения поисковых роботов от индексации отдельных частей вашего сайта.
  176. 176. www.theinvaders.ruОптимизация сайта под поисковые машины 1.5 Карта сайта Карта сайта (Sitemap) – инструмент пользовательской навигации по сайту. Карта сайта представляет собой полный каталог разделов ресурса.
  177. 177. www.theinvaders.ruОптимизация сайта под поисковые машины 1.5 Карта сайта Зачем она нужна? • Информативно для пользователей, вызывает доверие. • Увеличивает позицию сайта в поисковых машинах.
  178. 178. www.theinvaders.ruОптимизация сайта под поисковые машины 1.5 Карта сайта
  179. 179. www.theinvaders.ruОптимизация сайта под поисковые машины 1.6 Внутренняя перелинковка Перелинковка [англ. link - ссылка] - это объединение страниц сайта с помощью гиперссылок.
  180. 180. www.theinvaders.ruОптимизация сайта под поисковые машины 1.6 Внутренняя перелинковка Для чего нужна перелинковка? • Улучшение юзабилити (удобства) для посетителей. • Улучшение структуры сайта для поисковиков. • Распределение статического и динамического веса между страницами. • Ускорение и улучшение индексации. • Экономия бюджета при продвижении сайта.
  181. 181. www.theinvaders.ruОптимизация сайта под поисковые машины 1.6 Внутренняя перелинковка
  182. 182. www.theinvaders.ruОптимизация сайта под поисковые машины 2. Внешняя оптимизация сайта • Цель внешней оптимизации – получить максимальное количество ссылок на свой сайт, с других(внешних) сайтов
  183. 183. www.theinvaders.ruОптимизация сайта под поисковые машины 2. Внешняя оптимизация сайта • Регистрация в каталогах • Публикация статей на тематических ресурсах • Размещение пресс-релизов • Контекстная реклама • Форумы, гостевые книги, блоги • Обмен ссылками
  184. 184. www.theinvaders.ruОптимизация сайта под поисковые машины 2.1 Регистрация в каталогах • Особо не влияет на ранжирование, но помогает быстрее индексировать сайт Не пользуйтесь программами мгновенной регистрации! ! http://yaca.yandex.ru/ http://www.dmoz.org/
  185. 185. www.theinvaders.ruОптимизация сайта под поисковые машины 2.2 Публикация статей на тематических ресурсах Биржи ссылок SAPE.RU LINKFEED.RU GOGETLINKS.RU MIRALINKS.RU
  186. 186. www.theinvaders.ruОптимизация сайта под поисковые машины 2.2 Публикация статей на тематических ресурсах • Плохой, некачественный дизайн • Очень неудобная структура сайта, не рассчитанная на удобство пользователя • Нерегулярное обновление сайта • Коротенькие статьи на 500-1500 символов Признаки плохого сайта
  187. 187. www.theinvaders.ruОптимизация сайта под поисковые машины 2.2 Публикация статей на тематических ресурсах • Сканированные рисунки • Многочисленные внешние ссылки в текстах статей, не связанные с их содержимым (например, неожиданная ссылка «Купить авто» в тексте о вязании) • Закрытое комментирование в блоге • Полное отсутствие комментариев к контенту, если комментирование открыто Признаки плохого сайта
  188. 188. www.theinvaders.ruОптимизация сайта под поисковые машины 2.2 Публикация статей на тематических ресурсах • Большое количество спам-комментариев к контенту • Чрезмерное количество баннеров, тизеров и другой рекламы, особенно, если она порно- характера • Имя домена, противоречащее содержимому сайта • Наличие на сайте большого количества автоматических текстов и машинных переводов Признаки плохого сайта
  189. 189. www.theinvaders.ruОптимизация сайта под поисковые машины 2.2 Публикация статей на тематических ресурсах • Большое количество спам-комментариев к контенту • Чрезмерное количество баннеров, тизеров и другой рекламы, особенно, если она порно- характера • Имя домена, противоречащее содержимому сайта • Наличие на сайте большого количества автоматических текстов и машинных переводов Признаки плохого сайта
  190. 190. www.theinvaders.ruОптимизация сайта под поисковые машины 2.2 Публикация статей на тематических ресурсах • Большое количество спам-комментариев к контенту • Чрезмерное количество баннеров, тизеров и другой рекламы, особенно, если она порно- характера • Имя домена, противоречащее содержимому сайта • Наличие на сайте большого количества автоматических текстов и машинных переводов Признаки плохого сайта
  191. 191. www.theinvaders.ruОптимизация сайта под поисковые машины 2.2 Публикация статей на тематических ресурсах • Возраст ссылки (чем он больше, тем лучше) • Переходы по ссылке • Наличие других SEO-ссылок на странице и на сайте • «Мерцание» ссылок (если ссылки на страницах сайта-донора постоянно и часто меняются, это минус) На что обращает поисковик, при индексации ссылок
  192. 192. www.theinvaders.ruОптимизация сайта под поисковые машины 2.2 Публикация статей на тематических ресурсах • Размещение клонированного текста с ссылкой на разных сайтах (это уже поисковый спам) • Частое повторение в анкорах ссылок редких, но коммерчески-привлекательных ключей (это признак SEO-ссылок,не рекомендуется использовать слишком много анкоров с прямым вхождением ключевой фразы) • Появление ссылок в момент ссылочного взрыва Хорошие ссылки-естественные ссылки
  193. 193. www.theinvaders.ruОптимизация сайта под поисковые машины 2.2 Публикация статей на тематических ресурсах • Ссылки топовых конкурентов • Конкурсы • Пресс-релизы • Распространение статей • Сервисы Хорошие ссылки-естественные ссылки
  194. 194. www.theinvaders.ruОптимизация сайта под поисковые машины 2.3 Контекстная реклама Как это работает? • Пользователь ищет в интернете ваши товары или услуги • Видит в ответ ваше контекстное объявление • Переходит по нему на ваш сайт, чтобы получить подробную информацию и позвонить
  195. 195. www.theinvaders.ruОптимизация сайта под поисковые машины 2.3 Контекстная реклама • оплата только за результат • самый большой охват интернет- аудитории в России • география и время показов • контроль за бюджетом • отчеты об эффективности
  196. 196. www.theinvaders.ruОптимизация сайта под поисковые машины 2.3 Контекстная реклама • Пишите правильные заголовки • Включите в текст объявления ключевые слова • Включите в текст объявления информацию о цене и рекламных акциях • Выбирайте правильные ключевые слова Как составить объявление?
  197. 197. www.theinvaders.ruОптимизация сайта под поисковые машины 2.3 Контекстная реклама Как составить объявление? • Создавайте отдельное объявление под каждую группу однотипных ключевых слов и словосочетаний • Указывайте ссылку на правильную страницу • Правильно укажите регионы, в которых будут показываться объявления • Не используйте название компании или доменного имени в заголовке или тексте объявления
  198. 198. www.theinvaders.ruОптимизация сайта под поисковые машины 3 Анализ оптимзации сайта Анализ результата
  199. 199. www.theinvaders.ruОптимизация сайта под поисковые машины Тепловые карты сайта 3 Анализ оптимзации сайта
  200. 200. www.theinvaders.ruОптимизация сайта под поисковые машины Отслеживание позиций 3 Анализ оптимзации сайта
  201. 201. www.theinvaders.ruОптимизация сайта под поисковые машины 3 Анализ оптимзации сайта
  202. 202. SMM Интернет-маркетинг www.theinvaders.ru
  203. 203. www.theinvaders.ruИнтернет-ориентированность компании • SMM (англ. Social Media Marketing) — это деятельность, направленная на повышение лояльности целевой аудитории к бренду или персоне посредством работы в социальных сетях, блогах и на форумах. • Интернет-маркетинг — это комплекс инструментов и методик, которые позволяют продвигать ваши товары и услуги через Интернет.
  204. 204. www.theinvaders.ruИнтернет-ориентированность компании SMM – часть общей маркетинговой стратегии продвижения бизнеса
  205. 205. www.theinvaders.ruИнтернет-ориентированность компании Как можно использовать SMM • Управление репутацией, имиджем объекта • Комплексное продвижение • Клиентская поддержка
  206. 206. www.theinvaders.ruИнтернет-ориентированность компании Как можно использовать SMM • Управление репутацией, имиджем объекта • Комплексное продвижение • Клиентская поддержка
  207. 207. www.theinvaders.ruИнтернет-ориентированность компании Инвестиции в SMM • Время • Бюджет • Системность
  208. 208. www.theinvaders.ruИнтернет-ориентированность компании Кто Ваша целевая аудитория • Пол • Возраст • Покупательные возможности
  209. 209. www.theinvaders.ruИнтернет-ориентированность компании Выбор соц сети
  210. 210. www.theinvaders.ruИнтернет-ориентированность компании Исследование аудитории и конкурентов • Что интересно Вашей аудитории • Текущее состояние о бренде • Конкуренты
  211. 211. www.theinvaders.ruИнтернет-ориентированность компании Как вести себя в соц сетях • Ваш посетитель – потенциальный клиент! • Общаться на одном языке, но знать границы!
  212. 212. www.theinvaders.ruИнтернет-ориентированность компании Стратегия SMM Разработка Руководства продвижения • Правила взаимодействия • Привлечение аудитории • Перечни работ • Ожидаемые результаты • Требования к контенту • Как часто размещать контент • Бюджет • Сроки
  213. 213. www.theinvaders.ruИнтернет-ориентированность компании Информационный повод! Контент • Контент должен быть актуальным и интересным Разбавлять в пропорциях: брендированный контент, полезый контент, fun
  214. 214. www.theinvaders.ruИнтернет-ориентированность компании Как привести аудиторию • Реклама в соц сети • Приглашения • Поиск таргет площадок
  215. 215. www.theinvaders.ruИнтернет-ориентированность компании Группа должна быть живой! • Обязательна обратная связь
  216. 216. www.theinvaders.ruИнтернет-ориентированность компании Отчетность
  217. 217. www.theinvaders.ruИнтернет-ориентированность компании На что стоит обратить внимание • Оформление • Аватарка • Название группы • Описание группы • URL-паблика • Wiki-разметка
  218. 218. www.theinvaders.ruИнтернет-ориентированность компании На что стоит обратить внимание • Оформление • Аватарка • Название группы • Описание группы • URL-паблика • Wiki-разметка
  219. 219. www.theinvaders.ruИнтернет-ориентированность компании На что стоит обратить внимание • Оформление • Аватарка • Название группы • Описание группы • URL-паблика • Wiki-разметка
  220. 220. www.theinvaders.ruИнтернет-ориентированность компании На что стоит обратить внимание • Оформление • Аватарка • Название группы • Описание группы • URL-паблика • Wiki-разметка
  221. 221. www.theinvaders.ruИнтернет-ориентированность компании На что стоит обратить внимание • Оформление • Аватарка • Название группы • Описание группы • URL-паблика • Wiki-разметка
  222. 222. www.theinvaders.ruИнтернет-ориентированность компании На что стоит обратить внимание • Оформление • Аватарка • Название группы • Описание группы • URL-паблика • Wiki-разметка
  223. 223. www.theinvaders.ruИнтернет-ориентированность компании SMM предоставляет большие возможности. Главное, правильно себя показать!
  224. 224. www.theinvaders.ruИнтернет-ориентированность компании

×