Как мы создавали оформление постов для сообщества

Сегодняшняя история о том, как мы опытным путём шли к оформлению постов в социальных сетях.
Preview vbd1dlyybjy
Автор статьи
Глеб Кушедов
Основатель Epic Skills
Дата
30 апреля 2015
Рубрика
Работа с контентом
Эксперименты, неудачные дубли и много картинок.

Сперва у нас было несколько типов постов: анонсы курсов, посты о скидках, новые статьи в нашем журнале и просто новости. Оформлялись они часто в последний момент на скорую руку. Иногда они получались прикольными, иногда неаккуратными. Например, три картинки за далекий 2014:

В это время наши коллеги из /awdee и /wwweb обзавелись фирменным оформлением для постов в ВКонтакте и нам страшно понравилось. Нам тоже давно пора было сделать то же самое. Мы подумали, что ведь сообщества, имеющие характерное оформление постов, выглядят намного круче и выделяются в ленте:


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

Мы сделали оформление, которое понравилось нам, но оказалось слишком мрачным для ВКонтакте, так что мы отказались от него, даже не тестируя:


Однажды нам пришлось сделать пост про стартующий курс по интернет-магазинам, и мы были удручены первым вариантом поста:

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


Нам так понравилась идея с окошком мини-браузера, что мы решили переоформить всё картинки и привести в единый стиль. Раз мы занимаемся интернет-технологиями, браузер будет кстати:

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

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