ݺߣ

ݺߣShare a Scribd company logo
Когда контент оформляет клиент
artw.ru
Маргарита Артеменко
Аккаунт-менеджер ARTW
www.artw.ru artwru
ЭРА ИНТЕРНЕТА
Интернет для коммуникаций
ЭРА ИНТЕРНЕТА
Интернет - справочник
ЭРА ИНТЕРНЕТА
UGC: контент генерируемый
пользователем
ЭРА ИНТЕРНЕТА
Сейчас интернет стал источником
ВСЕВОЗМОЖНОГО контента
Контент рулит!
Даже когда мы смотрим телевизор, мы
находимся со смартфоном в руке. Нам
нужен второй экран, чтобы что то
проверить, запостить, расшарить,
затвитить, загуглить.
Контент рулит. Исследования
Исследования показывают, что новостные
сайты с современным дизайном
обеспечивают по меньшей мере на 90%
больше уникальных просмотров страниц.
Интересно, что на результаты
эксперимента не повлияют ни возраст
респондентов, ни их образование, ни
уровень политических знаний.
Контент рулит. Исследования
Люди охотнее делятся либо короткими
заметками до 500 символов, либо
длинными статьями от 1200 символов.
При этом простыни с SEO-текстом
никому не нужны. Это должно быть
чередование текста, фотографий,
заметок, цитат, инфографики и видео.
Пользователь хочет хороший, богатый
(rich) контент.
Адаптивный контент
Когда мы говорим про адаптивные
сайты и адаптивные контент, мы чаще
всего имеем в виду смартфоны,
планшеты.
Но нужно понимать, что совсем скоро
это будут в такой же мере и smartTV,
умные часы.
Виды контента
● Текст
● Фото
● Видео
● Нативный контент
● Интерактивный контент
Интерактивный контент. Сервисы
Было - стало.
Пример того, как используя всего
две фотографии “до” и “после”, к
примеру какого-то строительного
объекта, создать интерактивный
контент.
https://juxtapose.knightlab.com/
Интерактивный контент. Таймлайн
Интерактивный контент. Хотспоты
Хотспоты на изображении и описание,
фотографии, ссылки в них.
Добудьте себе контент!
Что делать с собранным контентом
● UI-kit
● Гайдлайн
● Стайлгайд
Для чего клиенту и агентству
стайлгайд.
UI-kit
UIkit — это набо кнопок,
форм, контролов, списков,
заголовков и тд., т.е. набор
компонентов
пользовательского
интерфейса.
Гайдлайн
Гайдлайн — это набор
принципов и правил, по
которым оформляется
контент на сайте.
Стайлгайд
Стайлгайд — расширенная
версия гайдлайна, которая
также содержит набор
элементов, из которых как
из блоков-кирпичиков
можно укладывать сайт.
При том он уже учитывает
оформление, фирменные
цвета и так далее.
Теперь всё будет хорошо?
Хорошо.
Но не долго.
Как его преподнести?
НОВЫЙ красивый
заголовок.
И текст.
Три пути
● Плохой.
● Качественный, но не дешевый.
● Технологичный.
Стайлгайд для Specia Conf
Разработан стайлгайд и
сверстаны шаблоны
оформления контента для
текстового редактора.
Свяжитесь со мной, и я покажу
подробнее этот текстовый
редактор и его возможности.
Кейс
tricolortvmag.ru
● Удобное наполнение.
● Красивый контент.
● Масштабируемость.
● Адаптивность.
Полезный слайд
● https://storify.com
● http://embed.ly/cards
● www.chartico.com
● https://dadata.ru/suggestions
● www.typeform.com
● http://www.wufoo.com
● http://piktochart.com
● http://infogr.am/
● http://www.easel.ly
● www.webydo.com/
● http://www.weebly.com
● www.berta.me
● http://readymag.com/
● http://froont.com
● https://juxtapose.knightlab.com
● https://timeline.knightlab.com
● https://www.thinglink.com
● http://soundcite.knightlab.com
Есть вопросы?
Мы на связи!
Артеменко Маргарита
amk@artw.ru
+7 921 891 36 29
https://www.facebook.com/margarita.artemenko.395
artw.ruwww.artw.ru artwru

More Related Content

Viewers also liked (17)

Визуализация данных и лучшие практики дизайна в e-commerce проектах
Визуализация данных и лучшие практики дизайна в e-commerce проектахВизуализация данных и лучшие практики дизайна в e-commerce проектах
Визуализация данных и лучшие практики дизайна в e-commerce проектах
ARTW
Лайфхаки b2b-продаж в высоком ценовом сегменте
Лайфхаки b2b-продаж в высоком ценовом сегментеЛайфхаки b2b-продаж в высоком ценовом сегменте
Лайфхаки b2b-продаж в высоком ценовом сегменте
ARTW
Programas de-php-realizados en claseProgramas de-php-realizados en clase
Programas de-php-realizados en clase
Noé Arpasi
Wikiwijstraining Martinus College
Wikiwijstraining Martinus CollegeWikiwijstraining Martinus College
Wikiwijstraining Martinus College
Henk Orsel
Become a Sought After Freelance Writer
Become a Sought After Freelance WriterBecome a Sought After Freelance Writer
Become a Sought After Freelance Writer
Elna Cain
Demo Afas online | schoolleiding
Demo Afas online  | schoolleidingDemo Afas online  | schoolleiding
Demo Afas online | schoolleiding
Henk Orsel
Prima Onderwijs | 21st Century Skills vragen om inspirerend onderwijs!
Prima Onderwijs | 21st Century Skills vragen om inspirerend onderwijs!Prima Onderwijs | 21st Century Skills vragen om inspirerend onderwijs!
Prima Onderwijs | 21st Century Skills vragen om inspirerend onderwijs!
Henk Orsel
Digital Graphics ... Beauty And Innocence 2009
Digital Graphics ... Beauty And Innocence   2009Digital Graphics ... Beauty And Innocence   2009
Digital Graphics ... Beauty And Innocence 2009
Ziosha *♥*
Experiments with Different Models of Statistcial Machine Translation
Experiments with Different Models of Statistcial Machine TranslationExperiments with Different Models of Statistcial Machine Translation
Experiments with Different Models of Statistcial Machine Translation
khyati gupta
Digital Transformation
Digital TransformationDigital Transformation
Digital Transformation
Abhishek Kant
Richard Brown-Photo Portfolio
Richard Brown-Photo PortfolioRichard Brown-Photo Portfolio
Richard Brown-Photo Portfolio
Richard Brown
Presentacion Pamela Manera - eBeauty Day 2016Presentacion Pamela Manera - eBeauty Day 2016
Presentacion Pamela Manera - eBeauty Day 2016
eCommerce Institute
Диверсификация. Внедряем клиентам Битрикс24
Диверсификация. Внедряем клиентам Битрикс24Диверсификация. Внедряем клиентам Битрикс24
Диверсификация. Внедряем клиентам Битрикс24
ARTW
How to make a pitch for Angels & VCs
How to make a pitch for Angels & VCsHow to make a pitch for Angels & VCs
How to make a pitch for Angels & VCs
Manish Singhal
2016 Streaming Media West: Transitioning from Flash to HTML5
2016 Streaming Media West: Transitioning from Flash to HTML52016 Streaming Media West: Transitioning from Flash to HTML5
2016 Streaming Media West: Transitioning from Flash to HTML5
Erica Beavers
Overview on Digital Analytics
Overview on Digital AnalyticsOverview on Digital Analytics
Overview on Digital Analytics
Fondazione CUOA
Визуализация данных и лучшие практики дизайна в e-commerce проектах
Визуализация данных и лучшие практики дизайна в e-commerce проектахВизуализация данных и лучшие практики дизайна в e-commerce проектах
Визуализация данных и лучшие практики дизайна в e-commerce проектах
ARTW
Лайфхаки b2b-продаж в высоком ценовом сегменте
Лайфхаки b2b-продаж в высоком ценовом сегментеЛайфхаки b2b-продаж в высоком ценовом сегменте
Лайфхаки b2b-продаж в высоком ценовом сегменте
ARTW
Programas de-php-realizados en claseProgramas de-php-realizados en clase
Programas de-php-realizados en clase
Noé Arpasi
Wikiwijstraining Martinus College
Wikiwijstraining Martinus CollegeWikiwijstraining Martinus College
Wikiwijstraining Martinus College
Henk Orsel
Become a Sought After Freelance Writer
Become a Sought After Freelance WriterBecome a Sought After Freelance Writer
Become a Sought After Freelance Writer
Elna Cain
Demo Afas online | schoolleiding
Demo Afas online  | schoolleidingDemo Afas online  | schoolleiding
Demo Afas online | schoolleiding
Henk Orsel
Prima Onderwijs | 21st Century Skills vragen om inspirerend onderwijs!
Prima Onderwijs | 21st Century Skills vragen om inspirerend onderwijs!Prima Onderwijs | 21st Century Skills vragen om inspirerend onderwijs!
Prima Onderwijs | 21st Century Skills vragen om inspirerend onderwijs!
Henk Orsel
Digital Graphics ... Beauty And Innocence 2009
Digital Graphics ... Beauty And Innocence   2009Digital Graphics ... Beauty And Innocence   2009
Digital Graphics ... Beauty And Innocence 2009
Ziosha *♥*
Experiments with Different Models of Statistcial Machine Translation
Experiments with Different Models of Statistcial Machine TranslationExperiments with Different Models of Statistcial Machine Translation
Experiments with Different Models of Statistcial Machine Translation
khyati gupta
Richard Brown-Photo Portfolio
Richard Brown-Photo PortfolioRichard Brown-Photo Portfolio
Richard Brown-Photo Portfolio
Richard Brown
Presentacion Pamela Manera - eBeauty Day 2016Presentacion Pamela Manera - eBeauty Day 2016
Presentacion Pamela Manera - eBeauty Day 2016
eCommerce Institute
Диверсификация. Внедряем клиентам Битрикс24
Диверсификация. Внедряем клиентам Битрикс24Диверсификация. Внедряем клиентам Битрикс24
Диверсификация. Внедряем клиентам Битрикс24
ARTW
How to make a pitch for Angels & VCs
How to make a pitch for Angels & VCsHow to make a pitch for Angels & VCs
How to make a pitch for Angels & VCs
Manish Singhal
2016 Streaming Media West: Transitioning from Flash to HTML5
2016 Streaming Media West: Transitioning from Flash to HTML52016 Streaming Media West: Transitioning from Flash to HTML5
2016 Streaming Media West: Transitioning from Flash to HTML5
Erica Beavers

Similar to Когда контент оформляет клиент (20)

ммк для новых и старых медиа
ммк для новых и старых медиаммк для новых и старых медиа
ммк для новых и старых медиа
Erzhan Suleimenov
Про инфографику
Про инфографикуПро инфографику
Про инфографику
Palmschool
13 недооцененных инструментов контент-маркетинга
13 недооцененных инструментов контент-маркетинга13 недооцененных инструментов контент-маркетинга
13 недооцененных инструментов контент-маркетинга
Нетология
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
Yury Vetrov
Բ№44
Բ№44Բ№44
Բ№44
Daily Profit
Բ№55
Բ№55Բ№55
Բ№55
Daily Profit
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
Yury Vetrov
SEO - эффективный инструмент продвижения СМИ в интернете
SEO - эффективный инструмент продвижения СМИ в интернетеSEO - эффективный инструмент продвижения СМИ в интернете
SEO - эффективный инструмент продвижения СМИ в интернете
Netpeak
Internet Trends
Internet TrendsInternet Trends
Internet Trends
Транслируем.бел
Проект iLe!Go
Проект iLe!GoПроект iLe!Go
Проект iLe!Go
Сергей Колпаков
влияние юзабилити на ранжирование
влияние юзабилити на ранжированиевлияние юзабилити на ранжирование
влияние юзабилити на ранжирование
Ivan Murketolog
НИР "Разработка автоматизированной системы КПДиО"
НИР "Разработка автоматизированной системы КПДиО"НИР "Разработка автоматизированной системы КПДиО"
НИР "Разработка автоматизированной системы КПДиО"
Andrew Chuprina
Cтратегии продвижения интернет магазинов в поисковых системах
Cтратегии продвижения интернет магазинов в поисковых системахCтратегии продвижения интернет магазинов в поисковых системах
Cтратегии продвижения интернет магазинов в поисковых системах
IRCIT
Social Services Nn June2008
Social Services Nn June2008Social Services Nn June2008
Social Services Nn June2008
Evgeny Patarakin
Работа с контентными проектами (Optimization-16)
Работа с контентными проектами (Optimization-16)Работа с контентными проектами (Optimization-16)
Работа с контентными проектами (Optimization-16)
Стас Поломарь
FISH — May 2016
FISH — May 2016FISH — May 2016
FISH — May 2016
FISH-UA
О продукте
О продуктеО продукте
О продукте
1С-Битрикс
Производство контента
Производство контентаПроизводство контента
Производство контента
Nimax
ммк для новых и старых медиа
ммк для новых и старых медиаммк для новых и старых медиа
ммк для новых и старых медиа
Erzhan Suleimenov
Про инфографику
Про инфографикуПро инфографику
Про инфографику
Palmschool
13 недооцененных инструментов контент-маркетинга
13 недооцененных инструментов контент-маркетинга13 недооцененных инструментов контент-маркетинга
13 недооцененных инструментов контент-маркетинга
Нетология
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
Yury Vetrov
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
Yury Vetrov
SEO - эффективный инструмент продвижения СМИ в интернете
SEO - эффективный инструмент продвижения СМИ в интернетеSEO - эффективный инструмент продвижения СМИ в интернете
SEO - эффективный инструмент продвижения СМИ в интернете
Netpeak
влияние юзабилити на ранжирование
влияние юзабилити на ранжированиевлияние юзабилити на ранжирование
влияние юзабилити на ранжирование
Ivan Murketolog
НИР "Разработка автоматизированной системы КПДиО"
НИР "Разработка автоматизированной системы КПДиО"НИР "Разработка автоматизированной системы КПДиО"
НИР "Разработка автоматизированной системы КПДиО"
Andrew Chuprina
Cтратегии продвижения интернет магазинов в поисковых системах
Cтратегии продвижения интернет магазинов в поисковых системахCтратегии продвижения интернет магазинов в поисковых системах
Cтратегии продвижения интернет магазинов в поисковых системах
IRCIT
Работа с контентными проектами (Optimization-16)
Работа с контентными проектами (Optimization-16)Работа с контентными проектами (Optimization-16)
Работа с контентными проектами (Optimization-16)
Стас Поломарь
FISH — May 2016
FISH — May 2016FISH — May 2016
FISH — May 2016
FISH-UA
Производство контента
Производство контентаПроизводство контента
Производство контента
Nimax

More from ARTW (20)

CRM-based маркетинг
CRM-based маркетингCRM-based маркетинг
CRM-based маркетинг
ARTW
CRM-based marketing
CRM-based marketingCRM-based marketing
CRM-based marketing
ARTW
ТРИЗ как инструмент дизайн-мышления в интернет-проектах
ТРИЗ как инструмент дизайн-мышления в интернет-проектахТРИЗ как инструмент дизайн-мышления в интернет-проектах
ТРИЗ как инструмент дизайн-мышления в интернет-проектах
ARTW
Современный подход к организации отдела консультационных продаж
Современный подход к организации отдела консультационных продажСовременный подход к организации отдела консультационных продаж
Современный подход к организации отдела консультационных продаж
ARTW
Журналистика данных: история из цифр
Журналистика данных: история из цифрЖурналистика данных: история из цифр
Журналистика данных: история из цифр
ARTW
Кейс внедрения Битрикс24 в Банк БФА
Кейс внедрения Битрикс24 в Банк БФАКейс внедрения Битрикс24 в Банк БФА
Кейс внедрения Битрикс24 в Банк БФА
ARTW
Технологические тренды 2016
Технологические тренды 2016Технологические тренды 2016
Технологические тренды 2016
ARTW
Современный подход к организации отдела консультационных продаж
Современный подход к организации отдела консультационных продажСовременный подход к организации отдела консультационных продаж
Современный подход к организации отдела консультационных продаж
ARTW
Автоматизация работы регионально распределенного офиса продаж
Автоматизация работы регионально распределенного офиса продажАвтоматизация работы регионально распределенного офиса продаж
Автоматизация работы регионально распределенного офиса продаж
ARTW
Умная поддержка
Умная поддержкаУмная поддержка
Умная поддержка
ARTW
Системный подход к консультационным продажам в высоком ценовом сегменте
Системный подход к консультационным продажам в высоком ценовом сегментеСистемный подход к консультационным продажам в высоком ценовом сегменте
Системный подход к консультационным продажам в высоком ценовом сегменте
ARTW
BYOD или не DYOD?
BYOD или не DYOD?BYOD или не DYOD?
BYOD или не DYOD?
ARTW
Как правильно толковать результаты рекламных кампаний?
Как правильно толковать результаты рекламных кампаний?Как правильно толковать результаты рекламных кампаний?
Как правильно толковать результаты рекламных кампаний?
ARTW
ARTW — бренд года
ARTW — бренд годаARTW — бренд года
ARTW — бренд года
ARTW
Выжимаем максимум из мобильной аудитории
Выжимаем максимум из мобильной аудиторииВыжимаем максимум из мобильной аудитории
Выжимаем максимум из мобильной аудитории
ARTW
Как стабильно и предсказуемо получать клиентов
Как стабильно и предсказуемо получать клиентовКак стабильно и предсказуемо получать клиентов
Как стабильно и предсказуемо получать клиентов
ARTW
Аналитика и продакшн: отношения "До" и "После"
Аналитика и продакшн: отношения "До" и "После"Аналитика и продакшн: отношения "До" и "После"
Аналитика и продакшн: отношения "До" и "После"
ARTW
Основы создания сайта. Часть вторая. Обзор CMS. Выбор CMS под нужды бизнеса.
Основы создания сайта. Часть вторая. Обзор CMS. Выбор CMS под нужды бизнеса. Основы создания сайта. Часть вторая. Обзор CMS. Выбор CMS под нужды бизнеса.
Основы создания сайта. Часть вторая. Обзор CMS. Выбор CMS под нужды бизнеса.
ARTW
Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...
Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...
Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...
ARTW
ARTW. Бизнес за пределами Рунета. Ваганов Дмитрий на РИФ2014
ARTW. Бизнес за пределами Рунета. Ваганов Дмитрий на РИФ2014ARTW. Бизнес за пределами Рунета. Ваганов Дмитрий на РИФ2014
ARTW. Бизнес за пределами Рунета. Ваганов Дмитрий на РИФ2014
ARTW
CRM-based маркетинг
CRM-based маркетингCRM-based маркетинг
CRM-based маркетинг
ARTW
CRM-based marketing
CRM-based marketingCRM-based marketing
CRM-based marketing
ARTW
ТРИЗ как инструмент дизайн-мышления в интернет-проектах
ТРИЗ как инструмент дизайн-мышления в интернет-проектахТРИЗ как инструмент дизайн-мышления в интернет-проектах
ТРИЗ как инструмент дизайн-мышления в интернет-проектах
ARTW
Современный подход к организации отдела консультационных продаж
Современный подход к организации отдела консультационных продажСовременный подход к организации отдела консультационных продаж
Современный подход к организации отдела консультационных продаж
ARTW
Журналистика данных: история из цифр
Журналистика данных: история из цифрЖурналистика данных: история из цифр
Журналистика данных: история из цифр
ARTW
Кейс внедрения Битрикс24 в Банк БФА
Кейс внедрения Битрикс24 в Банк БФАКейс внедрения Битрикс24 в Банк БФА
Кейс внедрения Битрикс24 в Банк БФА
ARTW
Технологические тренды 2016
Технологические тренды 2016Технологические тренды 2016
Технологические тренды 2016
ARTW
Современный подход к организации отдела консультационных продаж
Современный подход к организации отдела консультационных продажСовременный подход к организации отдела консультационных продаж
Современный подход к организации отдела консультационных продаж
ARTW
Автоматизация работы регионально распределенного офиса продаж
Автоматизация работы регионально распределенного офиса продажАвтоматизация работы регионально распределенного офиса продаж
Автоматизация работы регионально распределенного офиса продаж
ARTW
Умная поддержка
Умная поддержкаУмная поддержка
Умная поддержка
ARTW
Системный подход к консультационным продажам в высоком ценовом сегменте
Системный подход к консультационным продажам в высоком ценовом сегментеСистемный подход к консультационным продажам в высоком ценовом сегменте
Системный подход к консультационным продажам в высоком ценовом сегменте
ARTW
BYOD или не DYOD?
BYOD или не DYOD?BYOD или не DYOD?
BYOD или не DYOD?
ARTW
Как правильно толковать результаты рекламных кампаний?
Как правильно толковать результаты рекламных кампаний?Как правильно толковать результаты рекламных кампаний?
Как правильно толковать результаты рекламных кампаний?
ARTW
ARTW — бренд года
ARTW — бренд годаARTW — бренд года
ARTW — бренд года
ARTW
Выжимаем максимум из мобильной аудитории
Выжимаем максимум из мобильной аудиторииВыжимаем максимум из мобильной аудитории
Выжимаем максимум из мобильной аудитории
ARTW
Как стабильно и предсказуемо получать клиентов
Как стабильно и предсказуемо получать клиентовКак стабильно и предсказуемо получать клиентов
Как стабильно и предсказуемо получать клиентов
ARTW
Аналитика и продакшн: отношения "До" и "После"
Аналитика и продакшн: отношения "До" и "После"Аналитика и продакшн: отношения "До" и "После"
Аналитика и продакшн: отношения "До" и "После"
ARTW
Основы создания сайта. Часть вторая. Обзор CMS. Выбор CMS под нужды бизнеса.
Основы создания сайта. Часть вторая. Обзор CMS. Выбор CMS под нужды бизнеса. Основы создания сайта. Часть вторая. Обзор CMS. Выбор CMS под нужды бизнеса.
Основы создания сайта. Часть вторая. Обзор CMS. Выбор CMS под нужды бизнеса.
ARTW
Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...
Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...
Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...
ARTW
ARTW. Бизнес за пределами Рунета. Ваганов Дмитрий на РИФ2014
ARTW. Бизнес за пределами Рунета. Ваганов Дмитрий на РИФ2014ARTW. Бизнес за пределами Рунета. Ваганов Дмитрий на РИФ2014
ARTW. Бизнес за пределами Рунета. Ваганов Дмитрий на РИФ2014
ARTW

Когда контент оформляет клиент