FITSPO · клуб · соцсети

Как будут выглядеть наши посты

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

Карусель · 11 кадров

«Отёки»: приёмы чередуются

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

Кадр 1. Обложка: «То, что вы считаете жиром, бывает отёком», ноги в вязаных носках

Кадр 3. Слово тренера Анны Кашкаровой в белой карточке на бумажном фоне

Кадр 4. Первая причина: тесная одежда, список

Кадр 5. Диафрагма — насос для лимфы, иллюстрация купола

Кадр 6. Вторая причина: мало мышечной работы, карточка на абстрактном бумажном фоне

Кадр 7. В стопе 26 костей и 33 сустава, инфографика секциями

Кадр 9. Проверьте себя: два шага в карточке

Кадр 10. Тренировка недели: кадр видео и карточка

Кадр 11. Призыв: попробовать клуб, тёмная карточка на фоне с предметами клуба

1 / 11

01
Обложкавизуал на весь кадр, живой текст
02
Голос участницбумага, прямая речь
03
Слово тренераабстрактный фон и карточка
04
Первая причинабумага, список
05
Как устроеноиллюстрация до низа кадра
06
Вторая причинаабстрактный фон и карточка
07
В стопеинфографика секциями
07 б
В стопепредмет и выноски
08
Проверьте себяшаги в карточке
09
Тренировка неделикадр видео и карточка
10
Призывфон клуба и тёмная карточка

Отдельный пост

Обложка поста — главный экран

Когда пост — не карусель, обложка сама объясняет, что внутри, и ведёт в текст поста. Пример на теме набора «Глубокий сон», в своём ключевом цвете — серо-голубом.

Обложка «Глубокий сон»: текст в колонке на бумаге, справа подушка и маска — **Колонка на бумаге** — заголовок, описание набора, параметр

Обложка «Глубокий сон»: тёмно-синяя карточка поверх фото — **Тёмная карточка** — плотнее и заметнее в ленте

Обложка «Глубокий сон»: текст сверху, внизу свёрнутый плед — **Текст сверху** — предмет внизу кадра

Элемент с графикой

Сложное — через изображение

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

Пример: диафрагма — насос для лимфы — **Иллюстрация** — механизм

Пример: модель стопы с выносками — **Предмет и выноски** — факт с числами

1
Сверху — заголовок и короткое пояснение
До двух строк каждый. Длинный текст уходит в пост или на отдельный кадр.
2
Ниже — изображение до края кадра
Его рисует генератор по заданию: верхняя часть картинки остаётся чистой бумагой под текст.
3
Подписи — живым текстом
Числа и названия деталей ставим поверх картинки при вёрстке. Внутри изображения они получаются слишком мелкими.
4
Мало цифр — показываем сам предмет
Много цифр — инфографика секциями, как в кадре 07.

Тизер тренировки

Тренировка недели — тизер

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

Карточка — кадр и есть карточка тренировки из кабинета, всё видно сразу

Превью раскрывается — видео крупно, факты появляются на склейках

Хроника — карточка стоит, меняется одна строка внизу