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