Главное Авторские колонки Вакансии Образование
Выбор редакции:
15 834 8 В избр. Сохранено
Авторизуйтесь
Вход с паролем

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

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

Если вам лень читать, готовые шаблоны можно подсмотреть тут.

rA--wmlRkhyO7egSI9ezTUIMJz-TLQE00g1nS8g2

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

O_LpXgH4egrVXCyH4YnJjLHFWClR-_5fJ27LZKDU

v_2EHPd26j6yLuU0l4m4UK-F8C1KpZiQqw03Anwz

0Hj9qYWjPHWWchtZV09lFmLZ2uQLVVzNCfBNyMdH

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

fUUGoRPVS9NJxQOAZhAX-WYQmhnTT0LeP8heb93n

5EfUlWqULhF0f92x08V2bOFQJtmKaljU_Lf9A4DI

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

x3vsp5m9Qp5v-Zyqe5pqQjej3LaEnzKm_YFmrc8R

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

nzuNuezoPmvJ760cRuMM7LMkpoz4IuaGSzII0_f8

OIzmnCSimrjrHbOnHTTS5rxJSdr-KMWBBj8iwC2_

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

31lI1EYpfSELohcqMxE-VDmrMdlpaVqi62KJfihv

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

OoR-JWIXoe5x86fo2tNAryXcl_99CGhAfQR0OTK1

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

8xkTTawcgW3Un5fx146uSHEx56-7ykRU4bMJlbrv

c4xHvTPuYsFqHAHmFKvsnHTWmOqh9Eazpcfyp4oD

cPFmq0AMFDD3NIJJXOZC_Be2D3fSVYY37DMDyWv-

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

P0F6QhJaIBxm3MF1JS9rH73EWEF_a3fokQWw2qPH

Se4EL48WodLScRYOrHQifF-_Tbral8JxckQZCk-r

mYsQZCl7ER2nsq1KbsYsOHRJgFRch5exMyzsbwdJ

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

b_55426db464de8.jpg

+18
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Stas Reyda
Ребят какие инструменты используете?
Ответить
Глеб Кушедов
Инструменты? PS и Google Docs для презентаций
Ответить
vc.ru
Пишем про бизнес и тренды
vsaunah.ru
Портал о саунах с личным кабинетом для владельцев
Александр Цуриков
А psd не прикрепите? :)
Ответить
Елена Гаспарян
может ещё коронки от зубов завернуть?)
Ответить
GML
Сервис организации ваших интернет линков
GM2mars 10790
Круто, что тут сказать. Молодцы. Даже сохранил материал (если спросите меня куда и как сохранил, я вам подробно расскажу =).
Ответить
tagao
Получайте посты из Вк, Twitter, Instagram в одном стандартизированном JSON
Николай Мамадаев
Поддерживаю идею шаблонов для постов. Они же ещё и время экономят.
Ответить
Dick Fedoseev
"Для нас важно делать клиента счастливым. Даже при различном уровне визуальной культуры заказчиков, нам это удается!" — гениальная фраза!

Ну и статья на 5
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.