Как составить техническое задание для дизайнера Instagram-ленты: пошаговая инструкция
Подробное руководство по созданию технического задания для дизайнера Instagram-ленты: аудит, подбор и стилизация шаблонов, работа с фотографиями клиента, оптимизация визуала и текста под кириллицу.
В этом руководстве мы узнаем, как подготовить техническое задание для дизайнера, чтобы создать стилизованную ленту для клиента на основе шаблонов. Мы рассмотрим, как использовать фотографии клиента или генерировать изображения, а также как адаптировать шаблоны под нужный язык и стиль. Цель — получить ленту, которая отражает индивидуальность клиента и соответствует стандартам оформления.
Давайте начнем
Я записываю это видео, чтобы составить максимально подробное техническое задание для дизайнера.

Захожу сначала в самого дизайнера.



Вот у нас есть дизайнер.


Вот у нас есть его настройки.

И первый процесс при установке клиента — это настройка его ленты, включая рилсы и другие элементы. У нас каждый клиент, который к нам приходит, проходит свой аудит.

Вот, например, на примере Марины. То есть это обычно отдельная страница, которую человек получает бесплатно. На ней уже есть очень конкретные рекомендации по оптимизации инстаграма.
Я нажимаю "загрузить", и появляются некоторые рекомендации.

Как устроен дизайнер? Мы даём ему шаблоны определённого формата.

Вот здесь загружены определённые шаблоны.



Ааа. И, соответственно, основной принцип создания ленты дизайна заключается в следующем. Шаблон — это просто референс. Ааа. У которого есть продуманные шрифты и цветовая палитра.
Нам нужно стилизовать эти шаблоны под конкретного клиента, например, под Марину или другого. Что такое стилизовать? Это можно сделать двумя способами. Первый — взять ее фотографии, обработать их в нужной цветокоррекции и наложить подходящие шрифты. Второй — сгенерировать фотографии по шаблону, но адаптировать их под нее. Например, в этом случае можно сгенерировать Марину. Вот здесь, например, девушка с папкой.

Здесь можно было бы использовать не абстрактную девушку с папкой, а, например, ее фотографии или референсы. То есть у нас не используются шаблонные фотографии. Здесь визуал используется как стиль. Также шаблоны обычно представлены на английском языке, поэтому нужно подбирать шаблоны из текстов и заменять их на кириллицу. Сейчас в чем проблема?
Когда я нажимаю "сгенерировать", появляются случайные картинки, не связанные с этим процессом.

Мы для этого подключали канва — она необходима, чтобы шаблоны были сбалансированы. То есть у нас ИИ генерирует только несколько вещей. Он может генерировать изображения клиента, накладывая на них шаблоны-референсы. То есть, если бы я пошел, например, на сайт про бананы, я бы выбрал эту девушку, взял фото Марины и сказал: "Сделай эту девушку Мариной." Он бы сгенерировал изображение, сохранив все детали. И здесь появилась бы реальная фотография Марины.
То есть, не фотография, а изображение. И далее задача этого пространства — сгенерировать ленту. Здесь есть шаблоны, которые не подходят для задачи. Например, шаблоны с большим количеством текста, как этот центральный, или вот эти три шаблона. Они совсем не подходят для оформления ленты.







Например, вот этот шаблон, вот этот и вот этот.



Вот эти цветовые подходят в целом, да?



Но в них Марина полностью отсутствует. То есть мы либо генерируем эти изображения на основе ТЗ, либо клиент может предоставить свой банк фотографий.



Есть два варианта. Когда у нас нет банка фотографий, мы их генерируем. Когда у нас есть фотографии, мы их стилизуем. Затем накладываем на них шрифты шаблонов, но используем кириллицу. В данном случае, если будет англоязычный аккаунт, то, соответственно, будет английский язык. Какая сейчас проблема? Генерируются случайные изображения, не соответствующие шаблонам или не относящиеся к клиенту.
Изображения генерируются так, что они не заполняют ленту и нарушают дизайн шаблона.



Соответственно, задача — продумать, как реализовать эту ленту так, чтобы пользователь зашел, данные подтянулись, и он их получил. Более того, название постов всегда присутствует. Вот здесь у нас есть целый набор. Да, вот они идут.

То есть они должны появиться в ленте, но уже с нужной стилизацией на основе текущих шаблонов.


Сгенерировал, сгенерировал полное говно. Вот, у нас есть девять тем. Эти девять тем нужно было бы разместить здесь.

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