Web thoughts 2013

Preview:

DESCRIPTION

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

Citation preview

Интернет-ориентированность компании –неотъемлемая часть успеха бизнеса

www.theinvaders.ru

Спикеры:

Виктор Брызгалов

Евгений Турчанинов

Алексей Зуев

www.theinvaders.ruИнтернет-ориентированность компании

Вы понимаете, что Ваш бизнес недостаточно эффективно использует все возможности современных тенденций Интернета?

www.theinvaders.ruИнтернет-ориентированность компании

Цели

• повышение уровня доходности бизнеса – новые клиенты

• улучшение эффективности клиентского сервиса

• работа с лояльностью клиенты

www.theinvaders.ruИнтернет-ориентированность компании

Задачи• Как правильно подойти к процессу

разработки сайта?

• Как выстроить работу с сайтом? Сайт – мощный инструмент клиентского сервиса

• Тренды в web-дизайне

• SEO-оптимизация

• Контекстная реклама

• Интернет-маркетинг. SMM

• Интернет-проекты – тенденция инвестиций бизнеса

www.theinvaders.ruИнтернет-ориентированность компании

Будем эффективны!

• Выделяем главное, но не забываем о мелочах

• Звонок Вашего телефона не мешает коллегам, если телефон в режиме вибро-вызова

• Отвечать на звонки лучше вне аудитории

• Командная работа : больше отдашь – больше получишь

www.theinvaders.ruИнтернет-ориентированность компании

Наши инструменты:

• Интернет-маркетинг

• PM

• Web-development

• Web-design

• SMM

• SMO

• SEO

• Cемантическое ядро

• Ads

• и прочее

www.theinvaders.ruИнтернет-ориентированность компании

Как правильно подойти к процессу разработки сайта?

www.theinvaders.ruИнтернет-ориентированность компании

Проектный подход – залог успеха разработки ресурса!

• Управление интеграцией проекта

• Управление содержанием проекта

• Управление временем (сроками) проекта

• Управление стоимостью проекта

• Управление персоналом проекта

• Управление рисками проекта

• Управление коммуникациями проекта

• Управление снабжением проекта

• Управление качеством проекта

www.theinvaders.ruИнтернет-ориентированность компании

Проект успешен, если он завершен:• В установленные сроки

• В рамках выделенного бюджета

• И требования Заказчика удовлетворены

www.theinvaders.ruИнтернет-ориентированность компании

Шаги создания сайта:

• Зачем нам нужен сайт?

• Какой сайт нам нужен?

• Какие ресурсы сможем выделить для его развития?

Определиться с бизнес-целями создания сайта1

www.theinvaders.ruИнтернет-ориентированность компании

Шаги создания сайта:

• Коллектив должен быть вовлечен в процесс разработки!

Назначить ответственное лицо за процесс разработки сайта(наделить полномочиями)2

www.theinvaders.ruИнтернет-ориентированность компании

Шаги создания сайта:

• web-студия

• фрилансеры

• собственный отдел разработки

Выбор разработчика3

www.theinvaders.ruИнтернет-ориентированность компании

Шаги создания сайта:

• ознакомьтесь с условиями!

Подписание договора на разработку сайта4

• обязательно milestones, в идеале – roadmap

Составление технического задания5

www.theinvaders.ruИнтернет-ориентированность компании

• roadmap

• анализ конкурентной среды

• слабые места в сильных позициях конкурентов

• традиционный маркетинг

• конкретные фазы продвижения с подробным содержанием

Комплексное продвижение6

www.theinvaders.ruИнтернет-ориентированность компании

Техническое задание• Назначение и цели создания сайта

- целевая аудитория

- основные задачи

• Требования к стилю (возможен бренд-бук)

- стилистическое оформление сайта

- Требования к графическому дизайна сайта:

шрифты, цвета, картинки

www.theinvaders.ruИнтернет-ориентированность компании

Техническое задание

• Требования к шрифтовому оформлению сайта

• Требования к средствам просмотра

- браузеры

- планшетники• Требования к контенту наполнения сайта

- чьими силами производится наполнение контента: заказчик или исполнитель

- контент-менеджмент *

www.theinvaders.ruИнтернет-ориентированность компании

Техническое задание

• Определиться со структурой сайта

www.theinvaders.ruИнтернет-ориентированность компании

В процессе разработки сайта:• Проведение митингов по процессу

разработки!

Выбор доменного имени, Согласование дизайна, интерактивных элементов, фотографий, контента…

www.theinvaders.ruИнтернет-ориентированность компании

Шаги создания сайта:

• Обучение работы с сайтом

Передача сайта клиенту7

• (желательно в человекочасах)

Договор на техническую поддержку8

www.theinvaders.ruИнтернет-ориентированность компании

Сайт – это всего лишь один из инструментов присутствия в Интернете и требует постоянного развития

www.theinvaders.ruИнтернет-ориентированность компании

Как выстроить работу с сайтом?

Сайт – мощный инструмент клиентского сервиса

www.theinvaders.ruИнтернет-ориентированность компании

Основные факторы:

• Сайт – имиджевая составляющая бизнеса

• Скорость реагирования на потребителя

• Удобство пользования ресурсом

• Проведение комплексной маркетинговой политики (SEO, SMM, SMO)

• Техническая поддержка потребителя

www.theinvaders.ruИнтернет-ориентированность компании

Сайт – имиджевая составляющая бизнеса

www.theinvaders.ruИнтернет-ориентированность компании

Сайт – имиджевая составляющая бизнеса

www.theinvaders.ruИнтернет-ориентированность компании

Сайт – имиджевая составляющая бизнеса

www.theinvaders.ruИнтернет-ориентированность компании

Скорость реагирования на потребителя

www.theinvaders.ruИнтернет-ориентированность компании

Удобство пользования ресурсом

www.theinvaders.ruИнтернет-ориентированность компании

Удобство пользования ресурсом

www.theinvaders.ruИнтернет-ориентированность компании

Проведение комплексной маркетинговой политики (SEO, SMM, SMO)

www.theinvaders.ruИнтернет-ориентированность компании

Техническая поддержка потребителя

Тренды веб дизайна 2013

• Очень распространенный тренд на сегодняшний день. Дизайнеры с удовольствием используют большую фотографию на заднем фоне. Это всегда необыкновенно сильно воздействует на зрителя. А сама картинка становится главным действующим лицом, вокруг которого выстраиваются все остальные элементы дизайна.

Большое фото на бэкграунде

www.theinvaders.ruТренды веб-дизайна 2013

Большое фото на бэкграунде

www.theinvaders.ruТренды веб-дизайна 2013

Большое фото на бэкграунде

www.theinvaders.ruТренды веб-дизайна 2013

Большое фото на бэкграунде

www.theinvaders.ruТренды веб-дизайна 2013

www.theinvaders.ruТренды веб-дизайна 2013

www.theinvaders.ruТренды веб-дизайна 2013

• Типографика все больше становится важной частью любого проекта. Шрифты несут не только смысловую нагрузку, но и при грамотном и креативном использовании становятся настоящим украшением сайта

www.theinvaders.ruТренды веб-дизайна 2013

Декоративная типографика

www.theinvaders.ruТренды веб-дизайна 2013

Декоративная типографика

• Еще одно веяние распространения мобильного интернета. Для комфортного просмотра сайта на мобильных устройствах необходимо, чтобы функциональные кнопки были достаточно крупного размера.

www.theinvaders.ruТренды веб-дизайна 2013

Большие кнопки интерфейса

www.theinvaders.ruТренды веб-дизайна 2013

Большие кнопки интерфейса

www.theinvaders.ruТренды веб-дизайна 2013

www.theinvaders.ruТренды веб-дизайна 2013

www.theinvaders.ruТренды веб-дизайна 2013

• В минувшем году многие сайты частенько использовали большие слайдеры с эффектными фотографиями. Эта тенденция сохранится и в наступившем году. Поскольку, однозначно, смена крупных картинок на широком экране монитора смотрится впечатляюще.

www.theinvaders.ruТренды веб-дизайна 2013

Большой слайдер

www.theinvaders.ruТренды веб-дизайна 2013

Большой слайдер

www.theinvaders.ruТренды веб-дизайна 2013

Большой слайдер

www.theinvaders.ruТренды веб-дизайна 2013

Большой слайдер

www.theinvaders.ruТренды веб-дизайна 2013

www.theinvaders.ruТренды веб-дизайна 2013

www.theinvaders.ruТренды веб-дизайна 2013

Большой слайдер

• Большинство современных сайтов благодаря технологии HTML5, CSS3 и jQuery стало очень интересно разглядывать и изучать, открывая все новые и новые динамические эффекты анимации при наведении мышкой или прокрутке.

www.theinvaders.ruТренды веб-дизайна 2013

HTML5 & CSS3

www.theinvaders.ruТренды веб-дизайна 2013

HTML5 & CSS3

www.theinvaders.ruТренды веб-дизайна 2013

HTML5 & CSS3

www.theinvaders.ruТренды веб-дизайна 2013

• Минмимализм по-прежнему не уступает своих позиций. Сайты, сделанные по принципу простоты, ясности и минимального количества оформительских элементов, в настоящее время пользуются большой популярностью.

www.theinvaders.ruТренды веб-дизайна 2013

Минимализм

www.theinvaders.ruТренды веб-дизайна 2013

Минимализм

www.theinvaders.ruТренды веб-дизайна 2013

Минимализм

• Выход мобильной ОС Windows Phone 8 и в дальнейшем флагманского пакета Windows 8 задал новый тренд в веб-дизайне. Его отличительной особенностью является минимализм и характерная визуализация информации с помощью разноцветных и равномерных плиток навигации.

www.theinvaders.ruТренды веб-дизайна 2013

Metro Design

www.theinvaders.ruТренды веб-дизайна 2013

Metro Design

www.theinvaders.ruТренды веб-дизайна 2013

Metro Design

www.theinvaders.ruТренды веб-дизайна 2013

Metro Design

• В современном дизайне используется прием, при котором при наведении на обычный пункт меню всплывает удобное мега меню в виде выпадающего списка. Особенно это характерно для магазинов. Как правило пункты выпадающего меню более детальны и зачастую снабжены картинками и дополнительной информацией.

www.theinvaders.ruТренды веб-дизайна 2013

Всплывающее мега-меню

www.theinvaders.ruТренды веб-дизайна 2013

Всплывающее мега-меню

www.theinvaders.ruТренды веб-дизайна 2013

Всплывающее мега-меню

• Текстурный дизайн также удержит свои позиции в нынешнем году. Присутствие текстур будет минимально и ненавязчиво. Они будут гармоничным дополнением всего дизайна, придавая сайту едва ощутимую тактильность.

www.theinvaders.ruТренды веб-дизайна 2013

Текстурный дизайн

www.theinvaders.ruТренды веб-дизайна 2013

Текстурный дизайн

www.theinvaders.ruТренды веб-дизайна 2013

Текстурный дизайн

• Визуализация информации в виде инфографики стала уже доброй традицией. В этом году этот тренд также продолжит свое успешное существование, заставляя дизайнеров и художников придумывать все новые способы представления контента.

www.theinvaders.ruТренды веб-дизайна 2013

Инфографика

www.theinvaders.ruТренды веб-дизайна 2013

Инфографика

www.theinvaders.ruТренды веб-дизайна 2013

Инфографика

www.theinvaders.ruТренды веб-дизайна 2013

Инфографика

• Эту новую технологию с уверенностью можно назвать трендом этого года. Но, к сожалению, на сегодняшний день эту фишку поддерживают только webkit браузеры, поэтому будем надеяться, что в этом году она получит более широкую поддержку.

CSS3 фильтры

www.theinvaders.ruТренды веб-дизайна 2013

Тон

Насыщенность

Яркость

Размытие Контраст

www.theinvaders.ruТренды веб-дизайна 2013

CSS3 фильтры

Сепия

Инверсия

Черно-белый

www.theinvaders.ruТренды веб-дизайна 2013

CSS3 фильтры

• Мы привыкли видеть стандартное построение элементов интерфейса, но такие сайты ломают эту традицию и удивляют своим креативом. Довольно интересный подход! Стоит обратить на него внимание.

www.theinvaders.ruТренды веб-дизайна 2013

Нестандартная геометрия

www.theinvaders.ruТренды веб-дизайна 2013

Нестандартная геометрия

www.theinvaders.ruТренды веб-дизайна 2013

Нестандартная геометрия

www.theinvaders.ruТренды веб-дизайна 2013

Бесконечная подгрузка контента

• Видео все успешнее завоевывает свои позиции в веб-дизайне с помощью новых форм и приемов. Так, стало обычным делом использовать видео в слайдерах, или же например использовать небольшой фрагмент видео во всплывающей подсказке.

www.theinvaders.ruТренды веб-дизайна 2013

Использование видео

www.theinvaders.ruТренды веб-дизайна 2013Использование видео

www.theinvaders.ruТренды веб-дизайна 2013

www.theinvaders.ruТренды веб-дизайна 2013

www.theinvaders.ruТренды веб-дизайна 2013

Комментарии из соц сетей

www.theinvaders.ruТренды веб-дизайна 2013

Кнопки соц сетей

• Очень удобный тренд. Для того, чтобы войти на сайт с помощью классического метода, надо помнить логин и пароль. В ситуации с постоянно открытыми страничками в социальных сетях, все значительно упрощается. Достаточно лишь нажать соответствующую кнопку и вы уже авторизованы на нужном сайте.

www.theinvaders.ruТренды веб-дизайна 2013

Авторизация через социальные сети

www.theinvaders.ruТренды веб-дизайна 2013

Авторизация через социальные сети

www.theinvaders.ruТренды веб-дизайна 2013

Адаптивный дизайн

• Использование position: fixed; для навигационного меню или sidebar стало хорошей традицией, особенно для сайтов с адаптивным дизайном, т.к. теперь по сайту стало передвигаться намного удобнее, к тому же это довольно стильно смотрится. Плюс отпала надобность в кнопке «подняться наверх».

www.theinvaders.ruТренды веб-дизайна 2013

Фиксированное меню

www.theinvaders.ruТренды веб-дизайна 2013

www.theinvaders.ruТренды веб-дизайна 2013

Фиксированное меню

• Очень эффектный тренд, при котором осуществляется постраничная вертикальная прокрутка содержимого сайта. Опять-таки, здесь тон задает распространение мобильных устройств, на которых вертикальный скроллинг является наиболее удобным способом просмотра содержимого сайта.

www.theinvaders.ruТренды веб-дизайна 2013

Одностраничные сайты

www.theinvaders.ruТренды веб-дизайна 2013Одностраничные сайты

www.theinvaders.ruТренды веб-дизайна 2013Одностраничные сайты

• Параллакс эффект достигается за счет того, что при прокрутке содержимого сайта разные элементы дизайна движутся с разной скоростью относительно друг друга. Поэтому возникает эффект трехмерности. А в сочетании с вертикальным скроллингом получаются очень и очень интересные решения.

www.theinvaders.ruТренды веб-дизайна 2013

Параллакс скроллинг

www.theinvaders.ruТренды веб-дизайна 2013Параллакс скроллинг

Тренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотпов 2013

• Что такое бренд? – это широко известная торговая марка, воспринимаемая как эмоциональный корпоративный образ в целом.

• Что такое айдентика? – это визуальные аспекты, которые формируют одну из составных частей всего бренда.

• Что такое логотип? – это опознавательный графический символ компании или продукта.

Черное и белое• Хороший логотип всегда должен

оставаться собой и в черно-белой версии. И иногда это — все, что нужно. Классическое сочетание черного и белого станет большим трендом всего 2013 года, поскольку дизайнеры отходят от ярких цветов в сторону типографических решений. Так сейчас проще выделиться. Может быть, черно-белые логотипы и являются одной из старейших дизайнерских традиций, но грамотная работа с монохромом все еще далека от скуки и устаревания.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Упрощение• Многие, от Microsoft до Гарвардского

Университета, в своем ребрендинге обнажились едва ли не до костей. Можно спорить о том, что логодизайн всегда следовал этой логике — упрощать хорошо известный логотип всякий раз, когда он становится еще более известным. Но совершенно определенно не так давно тренд усилился еще больше, и все больше логотипов упрощают свой дизайн практически до «ничего».

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Мозаичные шаблоны• Мозаика становится все более

популярной в айдентике, поскольку под нее можно подвести обоснование «роста», «ценностей», «объединения», «силы в количестве» и «мультикультурности». Логотипы встраивают в себя мозаичные паттерны с возрастающей изысканностью, используя не так много элементов — так лучше чувствуется структура. И это позволяет логотипу работать в самых разных форматах и не замыливаться в маленьком размере.

• Цветовая палитра влияет на восприятие мозаики; в тренде органические цвета, от небесно-голубого и цвета травы до приглушенных коричневых оттенков.

www.theinvaders.ruТренды в дизайне логотипов 2013

Энергичность• Прекрасный пример — живая и

харизматичная айдентика Олимпиады 2016 в Рио. Но такой тип визуального воздействия нелегко создать.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Зазубреные края• Если вы подумали, что лого

Лондонской Олимпиады наконец-то можно забыть, то приготовьтесь к абстрактным геометрическим формам в этом году. Например, посмотрите на неофициальный логотип грядущих четвертых «Трансформеров». Что бы вы ни думали об этой франшизе, резкие зазубренные края отлично работают на привлечение внимания.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Влияние Apple Store• Дизайн приложений стал настолько

популярным, что неудивительно, что отлично исполненные, гладкие иконки, доминирующие в App Store, переехали в брендинг и — особенно — в лого-дизайн.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Прозрачные наложения

• Прозрачные связи и наложения — это новая техника, получившая широкое распространение за последний год. Тонкие градиенты позволяют оживить логотип, придать ему современный, свежий вид.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Фокусировка• Кто сказал, что логотипы должны

быть ясными и четкими? Избирательная фокусировка может использоваться для придания изящества и туманности, которые привлекают внимание к логотипу, будто исчезающему в фоне. Приведенный пример показывает, как мягкие границы знака, всплывающего на поверхность, создают великолепное подобие сна.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Разоблачение• Ребрендинг такой огромной компании, как

DC Comics, нелегкая задача, но Landor Associates обладают достаточной смелостью, чтобы взяться за нее. Красота этого метода в том, как C появляется из D — простой и умный знак, который моментально считывается.

• «Мы искали живую, дышащую айдентику, которая могла бы прославить все, чем занимается DC, но которая при этом была бы направлена в будущее, была четкой, провокационной и позволяла нам рассказывать наши истории и о наших персонажах», говорят в компании.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Составленные из несколькихгеометрических фигур

• В таких логотипах несколько геометрических фигур собраны в картины повторяющихся узоров. Часто элементы имеют общую цветовую гамму, что создает эффект наложения и прозрачности. Логотипы варьируются от очень сложных до очень простых, созданных всего из нескольких элементов. Помимо своей красоты, такие логотипы доносят концепцию силы в количестве, подчеркивают многогранность, точность, кропотливость и аккуратность.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Международные авиалинии• Вневременность и чистота —

единственный способ описать этот тренд. Слово «авиалинии» в названии отсылает нас к международной эстетике, современному образу и простому дизайну с простыми цветами. Взгляните на работу студии Anagrama для Bricos, магазина инструментов и техники, который «ребрендится» в глобального продавца строительных материалов и оборудования. Красные, белые и синие полосы создают ощущение очень международного бренда и сильной корпоративной айдентики.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Незавершенность

• Пропавшие связи и простые иллюзии могут стать в результате изысканным брендинговым решением.

• Если исключить из букв определенные элементы, то можно придать им индивидуальность, при этом сохранить возможность к их прочтению. Такой прием становится популярным среди многих стильных брендов.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Акварель• Каждый год, как минимум один

тренд старается сделать все возможное, чтобы уйти от современной технологичности и приблизиться к ощущению природного, человеческого восприятия.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

«Здесь»• Знаменитая булавка для карт обрела

повсеместное цифровое использование. Поколение, которое никогда не использовало аналоговый вариант такой булавки, отлично знает эти цветные перевернутые капли из приложений с картами и GPS-навигаторов. Знак быстро и прочно вошел в наш визуальный словарь. Теперь и в айдентике.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Муар

• Муаровые паттерны — что-то вроде оптических иллюзий, созданных при помощи схождения и столкновения паттернов-решеток — становятся все более популярными в брендинге и айдентике.

www.theinvaders.ruТренды в дизайне логотипов 2013

Рукописное ретро• Рукописные ретро-шрифты

всегда будут привлекать дизайнеров из-за атмосферы забавы и классической эстетики.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Молекулы• Молекулы — это вам не еда. Ошибка в молекулярном «рецепте» может стоить вам жизни. Поэтому такие логотипы говорят нам о том, что компания ценит точность — все на своем месте, а свое место для есть всего. И при этом такая айдентика не обязательно может принадлежать лаборатории или нефтехимическому производству. Она не отражает химию и физику буквально.

www.theinvaders.ruТренды в дизайне логотипов 2013

Мембраны• Представьте себе шаблон,

созданный из камуфляжа — регулярность, сформированная нерегулярностью. Или камни, каждый из которых примерно одного размера, но обладает своей формой. Название для этой категории было адаптировано от ячеистой мембраны, которая состоит из одинаковых элементов, соединенных в случайном порядке и создающих последовательную плотную поверхность. Это гармония, созданная из диссонанса.

www.theinvaders.ruТренды в дизайне логотипов 2013

Кресты• Прошло не так много лет с того момента,

когда дизайнеры злоупотребляли пересекающимися кругами. Они пересекались между собой и между чем угодно, от стрелок до палок, пытаясь вместить в себя всю информацию о клиенте. Поначалу это было свежо, а затем приелось и стало мишенью для шуток. Теперь же тренд перешел в другую форму, не столь перенасыщенную информацией. И предоставляющую больший простор для возможностей.

• Пересекаться и напоминать собой два скрещенных меча могут кухонные принадлежности, спортивные, инструменты и прочее. Это отражает «царственную» натуру клиента и выглядит вполне изысканно. Даже если это две скалки.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Волны• Это не просто волны. Обратите

внимание, что все они выглядят так, будто вино плещется во вращаемом бокале. Это символ движения, но не агрессивного и напористого, а мягкого и контролируемого. Логотипы выглядят так, будто жидкость в них должна вскоре успокоиться, но многие полагают, что это бесконечное движение — что-то вроде морских волн, постоянно набегающих на берег.

www.theinvaders.ruТренды в дизайне логотипов 2013

Отпечатки• Задолго до обнаружения ДНК мы

знали, что природа повсеместно заявляет об индивидуальности всего сущего. Отпечатки пальцев говорят об уникальности людей, кольца на деревьях или топография земли — также очевидные метки специфичности. Эти паттерны немедленно распознаются именно в ключе оригинальности и уникальности.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Графические формулы• Если взять это, вот это и еще вот это и

объединить их, то может получиться нечто более значимое. Почему бы не показать все эти ингредиенты, а не готовый продукт. Идея в том, чтобы отойти на шаг назад от законченного продукта, показать историю, как он получается, и задействовать потребителя в мыслительном процессе о продукте.

• Подобные логотипы могут создаваться в огромном количестве стилей. Формула может располагаться вертикально или горизонтально, но обычно это последовательность, которая приводит к нужному результату. Еще одна важная вещь — простота.

www.theinvaders.ruТренды в дизайне логотипов 2013

Скобки• Какими бы разными ни были эти

знаки, они всегда образуют в середине квадрат или нечто подобное. И этот квадрат (или ромб) становится невольным центром логотипа. Как две скобки, которые, конечно, имеют свое значение, но меньшее, чем то, что содержится в них.

• Если удалить одну из скобок, никакой истории не будет. А вдвоем они демонстрируют один из величайших продуктов в мире — потенциал. Свет, пойманный ими.

www.theinvaders.ruТренды в дизайне логотипов 2013

Петли• Представьте себе мир, в котором

вам не разрешается поворачивать направо. И вы получите концепцию, лежащую в основе этого типа знаков. Обычно они строятся при помощи одной линии, которая или заканчивается рано или поздно, или переходит в саму себя. Вариаций множество, но каждый раз петля используется для того, чтобы повернуть направо, в действительно направо не поворачивая.

• Такие логотипы демонстрируют чувство потока и гибкости. И создают неожиданные решения.

www.theinvaders.ruТренды в дизайне логотипов 2013

Слэши• Вездесущий «слэш» пришел из глубины

веков и нашел себе еще одно место — в айдентике. Черта, направленная в верхний правый угол, имеет множество значений, но чаще всего это «или» между двумя опциями. Также она разделяет инициалы, заменяет дефис в сокращениях и так далее. Черта, направленная вниз, наоборот, соединяет.

• В айдентике это чистый визуальный способ разделить или совместить элементы. Знак одинаково комфортно чувствует себя как в типографических решениях, так и в «картинках». Активность использования «слэшей» напоминает истерию по @ несколько лет назад. Причина его популярности — в одновременной невидимости и заметности. В аккуратности и лаконичности.

www.theinvaders.ruТренды в дизайне логотипов 2013

Вписанный текст• Использование вписанного текста

развилось в активный тренд в этом году. Чем больше мы изучали его, тем больше понимали, что текст в таких случаях выполняет роль поддержки. Украшает визуально и помогает раскрыть сообщение. По большей части подобные логотипы черно-белые и выглядят, будто нарисованы мелом на черной доске баристой Старбакса в свободную минуту.

www.theinvaders.ruТренды в дизайне логотипов 2013

Четкие линии• Вероятно, наиболее очевидный из

всех трендов этого года — это эстетика и красота, ассоциируемая с логотипами такого вида, и их упрощенная элегантность. Создание логотипа при помощи только одного типа линий — не новость, но в этом случае есть нюансы, которые освежают этот прием.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Значки• Края у круглых логотипов этого

года стали более волнистными, чем у пирогов на соревнованиях пирогов. Разнообразие краев логотипов-значков сохраняет этот тренд интересным и позволяет делать знаки качественными и выделяющимися.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Ленты• Как графический элемент, гербовая лента

сопровождает дизайнеров уже долгие годы. То, что раньше использовалось в основном в упаковке или веб-дизайне, теперь нашло место и в логодизайне. Апдейт-версия лент из прошлых лет существует с отутюженными складками и четким прямым направлением безо всяких волн и изгибов. V-образный хвостик напоминает о наградных лентах.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Инициалы и буквы• Искусство персонального

возвеличивания живо и неплохо себя чувствует, и дизайнеры проводят много времени, чтобы сохранить свежесть у этого направления. Инициалы начали использовать в 350 году до нашей эры, ренессанс они пережили в середине 19 века, когда фамильные гербы дополнились чем-то более демократичным. И сейчас в логотипах используются решительно все буквы. От аскетичных до обильно украшенных.

www.theinvaders.ruТренды в дизайне логотипов 2013

www.theinvaders.ruТренды в дизайне логотипов 2013

Оптимизация сайта под поисковые машины

www.theinvaders.ru

www.theinvaders.ruОптимизация сайта под поисковые машины

www.theinvaders.ruОптимизация сайта под поисковые машины

На пути к вершине

www.theinvaders.ruОптимизация сайта под поисковые машины

Поисковая система – мощный искусственный интеллект

www.theinvaders.ruОптимизация сайта под поисковые машины

Факторы ранжирования сайтов

• Поведенческие факторы

• Внутренние факторы

• Ссылочные факторы

www.theinvaders.ruОптимизация сайта под поисковые машины

Поведенческие факторы

• Посещаемость сайта/страницы

• Кликабельность сайта/страницы

• Поведение пользователей на сайте, глубина и длительность просмотров, добавление в закладки и другиедействия.

• Другие факторы, связанные с действиями пользователей.

www.theinvaders.ruОптимизация сайта под поисковые машины

С чего начать работу по продвижению сайта?

Изучение сайтов конкурентов

www.theinvaders.ruОптимизация сайта под поисковые машины

Комплекс действий, направленный на результат, в виде появления сайта в ТОП позициях поисковых систем по нужным ключевым запросам.

www.theinvaders.ruОптимизация сайта под поисковые машины

Внутренняя оптимизация

Внешняя оптимизация

Поддержание результата

www.theinvaders.ruОптимизация сайта под поисковые машины

1. Внутренняя оптимизация сайта

• Действия, направленные на изменение содержимого сайта, чтобы поисковые системы лучше его индексировали.

www.theinvaders.ruОптимизация сайта под поисковые машины

1. Внутренняя оптимизация сайта

• Составление семантического ядра

• Оптимизация контента

• Работа с Мета-тегами

• Работа с файлом robots.txt

• Карта сайта

• Внутренняя перелинковка страниц

www.theinvaders.ruОптимизация сайта под поисковые машины

1. Внутренняя оптимизация сайта

www.theinvaders.ruОптимизация сайта под поисковые машины

1.1 Семантическое ядро сайта

http://wordstat.yandex.ru/

www.theinvaders.ruОптимизация сайта под поисковые машины

1.1 Семантическое ядро сайта

www.theinvaders.ruОптимизация сайта под поисковые машины

1.1 Семантическое ядро сайта

Операторы Яндекс. Wordstat

Оператор кавычки, то есть “”. Благодаря данному оператору можно узнать количество показов по конкретному запросу и его словоформам, но без включений.

Оператор восклицательный знак ! С его помощью учитываться будут лишь точное значение ключевого слова, без каких-либо словоформ.

www.theinvaders.ruОптимизация сайта под поисковые машины

1.2 Оптимизация контента

www.theinvaders.ruОптимизация сайта под поисковые машины

1.2 Оптимизация контента

• Размещение на странице важных ключевых слов

и их морфологических разновидностей.

• Заголовки различных уровней.

• Подбор тематических картинок.

• Читаемый URL.

Текст должен быть интересен пользователю!

www.theinvaders.ruОптимизация сайта под поисковые машины

1.3 Работа с мета-тегами

Биржи статей

www.theinvaders.ruОптимизация сайта под поисковые машины

1.4 Работа с файлом robots.txt

• Файл robots.txt – это текстовый файл, находящийся в корневой директории сайта, в котором записываются специальные инструкции для поисковых роботов.

www.theinvaders.ruОптимизация сайта под поисковые машины

1.4 Работа с файлом robots.txt

Robots.txt – наглядная визуализация

Используйте файл robots.txt для ограничения поисковых роботов от индексации отдельных частей вашего сайта.

www.theinvaders.ruОптимизация сайта под поисковые машины

1.5 Карта сайта

Карта сайта (Sitemap) – инструмент пользовательской навигации по сайту. Карта сайта представляет собой полный каталог разделов ресурса.

www.theinvaders.ruОптимизация сайта под поисковые машины

1.5 Карта сайта

Зачем она нужна?

• Информативно для пользователей, вызывает доверие.

• Увеличивает позицию сайта в поисковых машинах.

www.theinvaders.ruОптимизация сайта под поисковые машины

1.5 Карта сайта

www.theinvaders.ruОптимизация сайта под поисковые машины

1.6 Внутренняя перелинковка

Перелинковка [англ. link - ссылка] - это объединение страниц сайта с помощью гиперссылок.

www.theinvaders.ruОптимизация сайта под поисковые машины

1.6 Внутренняя перелинковка

Для чего нужна перелинковка?• Улучшение юзабилити (удобства) для посетителей.

• Улучшение структуры сайта для поисковиков.

• Распределение статического и динамического веса между страницами.

• Ускорение и улучшение индексации.

• Экономия бюджета при продвижении сайта.

www.theinvaders.ruОптимизация сайта под поисковые машины

1.6 Внутренняя перелинковка

www.theinvaders.ruОптимизация сайта под поисковые машины

2. Внешняя оптимизация сайта

• Цель внешней оптимизации –

получить максимальное количество ссылок

на свой сайт, с других(внешних) сайтов

www.theinvaders.ruОптимизация сайта под поисковые машины

2. Внешняя оптимизация сайта

• Регистрация в каталогах

• Публикация статей на тематических ресурсах

• Размещение пресс-релизов

• Контекстная реклама

• Форумы, гостевые книги, блоги

• Обмен ссылками

www.theinvaders.ruОптимизация сайта под поисковые машины

2.1 Регистрация в каталогах

• Особо не влияет на ранжирование, но помогает быстрее индексировать сайт

Не пользуйтесь программами мгновенной регистрации!!

http://yaca.yandex.ru/ http://www.dmoz.org/

www.theinvaders.ruОптимизация сайта под поисковые машины

2.2 Публикация статей на тематических ресурсах

Биржи ссылок

SAPE.RU LINKFEED.RU GOGETLINKS.RU

MIRALINKS.RU

www.theinvaders.ruОптимизация сайта под поисковые машины

2.2 Публикация статей на тематических ресурсах

• Плохой, некачественный дизайн

• Очень неудобная структура сайта, не рассчитанная на удобство пользователя

• Нерегулярное обновление сайта

• Коротенькие статьи на 500-1500 символов

Признаки плохого сайта

www.theinvaders.ruОптимизация сайта под поисковые машины

2.2 Публикация статей на тематических ресурсах

• Сканированные рисунки

• Многочисленные внешние ссылки в текстах статей, не связанные с их содержимым (например, неожиданная ссылка «Купить авто» в тексте о вязании)

• Закрытое комментирование в блоге

• Полное отсутствие комментариев к контенту, если комментирование открыто

Признаки плохого сайта

www.theinvaders.ruОптимизация сайта под поисковые машины

2.2 Публикация статей на тематических ресурсах

• Большое количество спам-комментариев к контенту

• Чрезмерное количество баннеров, тизеров и другой рекламы, особенно, если она порно-характера

• Имя домена, противоречащее содержимому сайта

• Наличие на сайте большого количества автоматических текстов и машинных переводов

Признаки плохого сайта

www.theinvaders.ruОптимизация сайта под поисковые машины

2.2 Публикация статей на тематических ресурсах

• Большое количество спам-комментариев к контенту

• Чрезмерное количество баннеров, тизеров и другой рекламы, особенно, если она порно-характера

• Имя домена, противоречащее содержимому сайта

• Наличие на сайте большого количества автоматических текстов и машинных переводов

Признаки плохого сайта

www.theinvaders.ruОптимизация сайта под поисковые машины

2.2 Публикация статей на тематических ресурсах

• Большое количество спам-комментариев к контенту

• Чрезмерное количество баннеров, тизеров и другой рекламы, особенно, если она порно-характера

• Имя домена, противоречащее содержимому сайта

• Наличие на сайте большого количества автоматических текстов и машинных переводов

Признаки плохого сайта

www.theinvaders.ruОптимизация сайта под поисковые машины

2.2 Публикация статей на тематических ресурсах

• Возраст ссылки (чем он больше, тем лучше)

• Переходы по ссылке

• Наличие других SEO-ссылок на странице и на сайте

• «Мерцание» ссылок (если ссылки на страницах сайта-донора постоянно и часто меняются, это минус)

На что обращает поисковик, при индексации ссылок

www.theinvaders.ruОптимизация сайта под поисковые машины

2.2 Публикация статей на тематических ресурсах

• Размещение клонированного текста с ссылкой на разных сайтах (это уже поисковый спам)

• Частое повторение в анкорах ссылок редких, но коммерчески-привлекательных ключей (это признак SEO-ссылок,не рекомендуется использовать слишком много анкоров с прямым вхождением ключевой фразы)

• Появление ссылок в момент ссылочного взрыва

Хорошие ссылки-естественные ссылки

www.theinvaders.ruОптимизация сайта под поисковые машины

2.2 Публикация статей на тематических ресурсах

• Ссылки топовых конкурентов

• Конкурсы

• Пресс-релизы

• Распространение статей

• Сервисы

Хорошие ссылки-естественные ссылки

www.theinvaders.ruОптимизация сайта под поисковые машины

2.3 Контекстная реклама

Как это работает?• Пользователь ищет в

интернетеваши товары или услуги

• Видит в ответ ваше контекстноеобъявление

• Переходит по нему на ваш сайт, чтобы получить подробнуюинформацию и позвонить

www.theinvaders.ruОптимизация сайта под поисковые машины

2.3 Контекстная реклама

• оплата только за результат

• самый большой охват интернет-аудитории в России 

• география и время показов 

• контроль за бюджетом

• отчеты об эффективности

www.theinvaders.ruОптимизация сайта под поисковые машины

2.3 Контекстная реклама

• Пишите правильные заголовки

• Включите в текст объявления ключевые слова

• Включите в текст объявления информацию о цене и рекламных акциях

• Выбирайте правильные ключевые слова

Как составить объявление?

www.theinvaders.ruОптимизация сайта под поисковые машины

2.3 Контекстная реклама

Как составить объявление?

• Создавайте отдельное объявление под каждую группу однотипных ключевых слов и словосочетаний

• Указывайте ссылку на правильную страницу

• Правильно укажите регионы, в которых будут показываться объявления

• Не используйте название компании или доменного имени в заголовке или тексте объявления

www.theinvaders.ruОптимизация сайта под поисковые машины

3 Анализ оптимзации сайта

Анализ результата

www.theinvaders.ruОптимизация сайта под поисковые машины

Тепловые карты сайта

3 Анализ оптимзации сайта

www.theinvaders.ruОптимизация сайта под поисковые машины

Отслеживание позиций

3 Анализ оптимзации сайта

www.theinvaders.ruОптимизация сайта под поисковые машины

3 Анализ оптимзации сайта

SMM Интернет-маркетинг

www.theinvaders.ru

www.theinvaders.ruИнтернет-ориентированность компании

• SMM (англ. Social Media Marketing) — это деятельность, направленнаяна повышение лояльности целевой аудитории к бренду или персонепосредством работы в социальных сетях, блогах и на форумах.

• Интернет-маркетинг — это комплекс инструментов и методик, которыепозволяют продвигать ваши товары и услуги через Интернет.

www.theinvaders.ruИнтернет-ориентированность компании

SMM – часть общей маркетинговой стратегии продвижения бизнеса

www.theinvaders.ruИнтернет-ориентированность компании

Как можно использовать SMM

• Управление репутацией, имиджем объекта

• Комплексное продвижение

• Клиентская поддержка

www.theinvaders.ruИнтернет-ориентированность компании

Как можно использовать SMM

• Управление репутацией, имиджем объекта

• Комплексное продвижение

• Клиентская поддержка

www.theinvaders.ruИнтернет-ориентированность компании

Инвестиции в SMM• Время

• Бюджет

• Системность

www.theinvaders.ruИнтернет-ориентированность компании

Кто Ваша целевая аудитория• Пол

• Возраст

• Покупательные возможности

www.theinvaders.ruИнтернет-ориентированность компании

Выбор соц сети

www.theinvaders.ruИнтернет-ориентированность компании

Исследование аудитории и конкурентов

• Что интересно Вашей аудитории

• Текущее состояние о бренде

• Конкуренты

www.theinvaders.ruИнтернет-ориентированность компании

Как вести себя в соц сетях

• Ваш посетитель – потенциальный клиент!

• Общаться на одном языке, но знать границы!

www.theinvaders.ruИнтернет-ориентированность компании

Стратегия SMM Разработка Руководства продвижения

• Правила взаимодействия

• Привлечение аудитории

• Перечни работ

• Ожидаемые результаты

• Требования к контенту

• Как часто размещать контент

• Бюджет

• Сроки

www.theinvaders.ruИнтернет-ориентированность компании

Информационный повод!Контент

• Контент должен быть актуальным и интереснымРазбавлять в пропорциях: брендированный контент, полезый контент, fun

www.theinvaders.ruИнтернет-ориентированность компании

Как привести аудиторию

• Реклама в соц сети

• Приглашения

• Поиск таргет площадок

www.theinvaders.ruИнтернет-ориентированность компании

Группа должна быть живой!• Обязательна обратная связь

www.theinvaders.ruИнтернет-ориентированность компании

Отчетность

www.theinvaders.ruИнтернет-ориентированность компании

На что стоит обратить внимание

• Оформление

• Аватарка

• Название группы

• Описание группы

• URL-паблика

• Wiki-разметка

www.theinvaders.ruИнтернет-ориентированность компании

На что стоит обратить внимание

• Оформление

• Аватарка

• Название группы

• Описание группы

• URL-паблика

• Wiki-разметка

www.theinvaders.ruИнтернет-ориентированность компании

На что стоит обратить внимание

• Оформление

• Аватарка

• Название группы

• Описание группы

• URL-паблика

• Wiki-разметка

www.theinvaders.ruИнтернет-ориентированность компании

На что стоит обратить внимание

• Оформление

• Аватарка

• Название группы

• Описание группы

• URL-паблика

• Wiki-разметка

www.theinvaders.ruИнтернет-ориентированность компании

На что стоит обратить внимание

• Оформление

• Аватарка

• Название группы

• Описание группы

• URL-паблика

• Wiki-разметка

www.theinvaders.ruИнтернет-ориентированность компании

На что стоит обратить внимание

• Оформление

• Аватарка

• Название группы

• Описание группы

• URL-паблика

• Wiki-разметка

www.theinvaders.ruИнтернет-ориентированность компании

SMM предоставляет большие возможности.Главное, правильно себя показать!

www.theinvaders.ruИнтернет-ориентированность компании