Когда контент оформляет клиент
TRANSCRIPT
![Page 1: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/1.jpg)
Когда контент оформляет клиент
artw.ru
Маргарита АртеменкоАккаунт-менеджер ARTW
www.artw.ru artwru
![Page 2: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/2.jpg)
ЭРА ИНТЕРНЕТАИнтернет для коммуникаций
![Page 3: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/3.jpg)
ЭРА ИНТЕРНЕТАИнтернет - справочник
![Page 4: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/4.jpg)
ЭРА ИНТЕРНЕТАUGC: контент генерируемыйпользователем
![Page 5: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/5.jpg)
ЭРА ИНТЕРНЕТАСейчас интернет стал источником
ВСЕВОЗМОЖНОГО контента
![Page 6: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/6.jpg)
Контент рулит!Даже когда мы смотрим телевизор, мы находимся со смартфоном в руке. Нам нужен второй экран, чтобы что то проверить, запостить, расшарить, затвитить, загуглить.
![Page 7: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/7.jpg)
Контент рулит. ИсследованияИсследования показывают, что новостные сайты с современным дизайном обеспечивают по меньшей мере на 90% больше уникальных просмотров страниц. Интересно, что на результаты эксперимента не повлияют ни возраст респондентов, ни их образование, ни уровень политических знаний.
![Page 8: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/8.jpg)
Контент рулит. ИсследованияЛюди охотнее делятся либо короткими заметками до 500 символов, либо длинными статьями от 1200 символов. При этом простыни с SEO-текстом никому не нужны. Это должно быть чередование текста, фотографий, заметок, цитат, инфографики и видео. Пользователь хочет хороший, богатый (rich) контент.
![Page 9: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/9.jpg)
Адаптивный контентКогда мы говорим про адаптивные сайты и адаптивные контент, мы чаще всего имеем в виду смартфоны, планшеты.
Но нужно понимать, что совсем скоро это будут в такой же мере и smartTV, умные часы.
![Page 10: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/10.jpg)
Виды контента● Текст● Фото● Видео● Нативный контент● Интерактивный контент
![Page 11: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/11.jpg)
Интерактивный контент. СервисыБыло - стало.
Пример того, как используя всего две фотографии “до” и “после”, к примеру какого-то строительного объекта, создать интерактивный контент.
https://juxtapose.knightlab.com/
![Page 12: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/12.jpg)
Интерактивный контент. Таймлайн
![Page 13: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/13.jpg)
Интерактивный контент. ХотспотыХотспоты на изображении и описание, фотографии, ссылки в них.
![Page 14: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/14.jpg)
Добудьте себе контент!
![Page 15: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/15.jpg)
Что делать с собранным контентом● UI-kit● Гайдлайн● Стайлгайд
Для чего клиенту и агентству стайлгайд.
![Page 16: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/16.jpg)
UI-kitUIkit — это набо кнопок, форм, контролов, списков, заголовков и тд., т.е. набор компонентов пользовательского интерфейса.
![Page 17: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/17.jpg)
ГайдлайнГайдлайн — это набор принципов и правил, по которым оформляется контент на сайте.
![Page 18: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/18.jpg)
СтайлгайдСтайлгайд — расширенная версия гайдлайна, которая также содержит набор элементов, из которых как из блоков-кирпичиков можно укладывать сайт. При том он уже учитывает оформление, фирменные цвета и так далее.
![Page 19: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/19.jpg)
Теперь всё будет хорошо?
Хорошо. Но не долго.
![Page 20: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/20.jpg)
Как его преподнести?
НОВЫЙ красивый
заголовок.
И текст.
![Page 21: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/21.jpg)
Три пути● Плохой.● Качественный, но не дешевый.● Технологичный.
![Page 22: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/22.jpg)
Стайлгайд для Specia ConfРазработан стайлгайд и сверстаны шаблоны оформления контента для текстового редактора.
Свяжитесь со мной, и я покажу подробнее этот текстовый редактор и его возможности.
![Page 23: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/23.jpg)
Кейсtricolortvmag.ru
● Удобное наполнение.● Красивый контент.● Масштабируемость.● Адаптивность.
![Page 24: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/24.jpg)
Полезный слайд
● 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
![Page 25: Когда контент оформляет клиент](https://reader034.vdocuments.net/reader034/viewer/2022052418/587fe9541a28ab46228b5eff/html5/thumbnails/25.jpg)
Есть вопросы?
Мы на связи!
Артеменко Маргарита
[email protected] +7 921 891 36 29https://www.facebook.com/margarita.artemenko.395
artw.ruwww.artw.ru artwru