Яна Дядченко
Стажировка в Chulakov
Сервис, который поможет быстро создавать текстовый контент для рассылки.
После курса в студии Чулакова я прошла стажировку, на которой ко мне пришли с такой вводной:
«Нужен сервис, который поможет быстро генерировать текст для рассылок — копирайтерам не хватает скорости, особенно когда нужно много вариаций одного сообщения».
Сделать инструмент, который поможет копирайтерам не только быстро получать варианты текстов, но и удобно с ними работать — редактировать, сравнивать, отправлять на согласование. При этом всё должно быть понятно и без лишнего клика.
Профессиональные копирайтеры, у которых уже есть опыт и понимание, чего они хотят.
Исследователи студии провели ресёрч и выдали обязательные требования:
Сначала пошла смотреть сервисы с похожим функционалом, прошла основные сценарии и выделила общие черты.
Я взяла 5 сервисов: jasper.ai, anyword, rytr.me, gerwin.io, writesonic.
Все они в основном имеют одинаковую структуру. В левой части экрана всегда есть сайдбар с меню. Блок с настройками генерации идёт следом и занимает обычно треть от всего экрана, в нём указываются промпт и детали желаемого результата. Больщую часть экрана занимает область генерации — в ней модель выдаёт результат, с которым можно работать.
В каждом блоке свой вертикальный скролл, все важные элементы всегда на виду. Такую структуру я и решила взять за основу.
Дальше определила визуальную концепцию будущего сервиса: палитру, шрифты, общее настроение — чистый дружелюбный интерфейс для профессиональной и продуктивной атмосферы.
После этого приступила к сборке прототипа, который учитывает все необходимые ограничения.
В сайдбар убрала историю чатов, как в популярных чат-ботах (ChatGPT, Deepseek). По заданию от исследователей история генераций всегда должна быть в быстром доступе. Это объясняется тем, что копирайтерам часто приходится возвращаться к старым чатам, чтобы переписать какую-то деталь вроде даты или названия праздника. Сайдбар можно свернуть, когда пользователь работает в основной области. Чтобы быстро найти нужный чат, добавила поиск по чатам.
В настройках генерации сделала 4 области: поле для промпта, поле с выбором канала, целевая аудитория и количество вариантов.
Промпт — это основа. Без чёткого запроса нейросеть не сможет выдать нужный результат. А ограничение в 1000 символов стимулирует быть конкретным.
SMS, Push и Email — это каналы, с которыми работает целевая аудитория сервиса. От канала зависит формат и длина текста. SMS — это одно предложение, а Email — полноценный абзац.
Выбор канала сделала крупными табами, чтобы их было лучше видно. Это одна из двух обязательных настроек, без которых запустить генерацию не получится.
В блоке с целевой аудиторией есть 3 параметра: пол, возраст и психотип. Они определяют тон, лексику и посыл — всё завязано на том, кто читатель. Психотип — интересный параметр, который может влиять на эмоциональность и стиль подачи.
Количество вариантов — по умолчанию 1, максимум 10. Ограничение связано с нагрузкой на модель. Обычно этого количества достаточно, но если необходимо, можно запустить генерацию снова, и модель добавит новые варианты к старым.
В области генерации помимо самих результатов есть кнопка «Отправить на согласование». По ТЗ выбранные тексты отправляются на согласование редактору. Каждый ответ можно отредактировать, скопировать, поделиться им. Когда ответов слишком много, можно свернуть ненужные.
Добавила обозначение обязательных полей и ошибки ввода промпта и канала.
Кнопка «Сгенерировать» остаётся задизейбленной, пока обязательные поля не будут заполнены. Поэтому важно показать, что осталось заполнить или указать пользователю на его ошибку, чтобы он не ушёл, так и не добившись результата.
Добавила иконку с вопросом для инструкции, как писать промпты. Не все профессиональные копирайтеры знакомы с чат-ботами и могут испытывать сложности в создании эффективного промпта.
Поместила сообщения в ответе модели на подложки для лучшего считывания. Когда ответов слишком много, текст может сливаться в сплошное полотно, а это увеличит когнитивную нагрузку.
Проработала иерархию текстов и элементов в блоках с сообщениями. Чекбоксы сделала крупнее, чтобы на них было удобнее нажимать, а название сообщений, наоборот, уменьшила, чтобы они не спорили с хедэром блока.
Контролы в генерациях перенесла наверх и показала по наведению. Для снижения визуального шума повторяющихся элементов.
Элементы мультиселекта сделала чипсами для большей наглядности. Теперь они лучше считываются и удаляются одним нажатием на крестик.
Изменила иконку создания нового чата. Опрошенные в коридорке респонденты не сразу поняли, что означает карандаш, а вот иконку с плюсом считали моментально.
После финальных правок я оформила визуал: добавила палитру, собрала ui-кит. Сделала подробные флоу создания чата, поиска и редактирования текста и презентовала команде.
Получилось компактно уместить на одном экране всю важную информацию, чтобы пользователю не приходилось переключаться между вкладками.
Проект получил положительный фидбек, а я получила ценный опыт, много полезной обратной связи и влюбилась в процесс ещё сильнее.
Если прямо не указано иное, тексты, структура и оформление сайта, графика, иллюстрации, изображения и другие созданные мной материалы являются объектами авторского права.
Копирование, воспроизведение, изменение, публикация, распространение, размещение на других ресурсах и иное использование этих материалов в коммерческих или некоммерческих целях без предварительного письменного разрешения не допускается.
Товарные знаки, логотипы, названия компаний и материалы третьих лиц принадлежат соответствующим правообладателям и представлены на сайте исключительно в составе портфолио.