<?xml version="1.0" encoding="utf-8" ?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:tt="http://teletype.in/" xmlns:opensearch="http://a9.com/-/spec/opensearch/1.1/"><title>Маруся Шебанова</title><subtitle>Я занимаюсь веб и продуктовым дизайном уже около 4 лет. За плечами работа в Т-Банке, Альфа Банке, стартапах и студиях. За дизайном: t.me/mmarrusyaa</subtitle><author><name>Маруся Шебанова</name></author><id>https://teletype.in/atom/mmarrusyaa</id><link rel="self" type="application/atom+xml" href="https://teletype.in/atom/mmarrusyaa?offset=0"></link><link rel="alternate" type="text/html" href="https://teletype.in/@mmarrusyaa?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=mmarrusyaa"></link><link rel="next" type="application/rss+xml" href="https://teletype.in/atom/mmarrusyaa?offset=10"></link><link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></link><updated>2026-10-27T14:22:58.303Z</updated><entry><id>mmarrusyaa:brief_for_designer</id><link rel="alternate" type="text/html" href="https://teletype.in/@mmarrusyaa/brief_for_designer?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=mmarrusyaa"></link><title>ТЗ для дизайнера: как составить бриф, который снижает количество правок</title><published>2026-03-12T14:02:43.816Z</published><updated>2026-03-12T14:02:43.816Z</updated><summary type="html">Запрос «как писать ТЗ для дизайнера» звучит просто. На практике — это причина недопониманий между заказчиком и дизайнером.</summary><content type="html">
  &lt;p id=&quot;YgSO&quot;&gt;Запрос «как писать ТЗ для дизайнера» звучит просто. На практике — это причина недопониманий между заказчиком и дизайнером.&lt;/p&gt;
  &lt;p id=&quot;cmDF&quot;&gt;Я дизайнер и регулярно работаю с фриланс-заказами и внутренними командами. Чаще всего проблема ТЗ (в этой статье — бриф, а не формальный документ на подпись) в том, что оно либо слишком размытое, либо вообще не про то, что вам нужно.&lt;/p&gt;
  &lt;p id=&quot;JM4F&quot;&gt;Разберемся, как составить ТЗ дизайнеру так, чтобы:&lt;/p&gt;
  &lt;ul id=&quot;zYOq&quot;&gt;
    &lt;li id=&quot;b7Ek&quot;&gt;вы получили нужный результат,&lt;/li&gt;
    &lt;li id=&quot;ArHI&quot;&gt;сроки и бюджет не поплыли,&lt;/li&gt;
    &lt;li id=&quot;8cC4&quot;&gt;а коммуникация не превратилась в проблему.&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p id=&quot;T4wB&quot;&gt;Статья подойдет:&lt;/p&gt;
  &lt;ul id=&quot;Znll&quot;&gt;
    &lt;li id=&quot;rqFp&quot;&gt;бизнесу и стартапам, которые заказывают сайт или платформу&lt;/li&gt;
    &lt;li id=&quot;Oaue&quot;&gt;экспертам, которые делают личный сайт или онлайн-продукт&lt;/li&gt;
    &lt;li id=&quot;tbbE&quot;&gt;продактам, маркетологам и менеджерам, которые ставят задачу штатному дизайнеру&lt;/li&gt;
  &lt;/ul&gt;
  &lt;hr /&gt;
  &lt;h2 id=&quot;YacG&quot;&gt;&lt;/h2&gt;
  &lt;h2 id=&quot;181X&quot;&gt;Что такое ТЗ для дизайнера (и чем оно не является)&lt;/h2&gt;
  &lt;p id=&quot;JclE&quot;&gt;ТЗ — это не про «сделай красиво и современно», но и не 20 страниц технических требований. В контексте дизайна это понятный бриф, который отвечает на 5 вопросов:&lt;/p&gt;
  &lt;ol id=&quot;j1R5&quot;&gt;
    &lt;li id=&quot;bU2J&quot;&gt;зачем мы это делаем?&lt;/li&gt;
    &lt;li id=&quot;Vv0B&quot;&gt;для кого?&lt;/li&gt;
    &lt;li id=&quot;uFcQ&quot;&gt;что должно получиться?&lt;/li&gt;
    &lt;li id=&quot;pqcu&quot;&gt;какие ограничения есть?&lt;/li&gt;
    &lt;li id=&quot;mlKJ&quot;&gt;как поймем, что результат хороший?&lt;/li&gt;
  &lt;/ol&gt;
  &lt;p id=&quot;KQLN&quot;&gt;Если в вашем ТЗ нет ответов на эти вопросы — хороший дизайнер спросит, а менее компетентный начнет додумывать, значит риски могут увеличиться.&lt;/p&gt;
  &lt;p id=&quot;wJEI&quot;&gt;И наоборот: если в ТЗ вы пишите конкретные предложения или описание финального результата, то вы пытаетесь за дизайнера сделать его работу, не учитывая множество факторов.&lt;/p&gt;
  &lt;p id=&quot;rH9X&quot;&gt;&lt;strong&gt;Представим ситуацию:&lt;/strong&gt; начальник просит секретаршу выбрать его жене букет. Если он скажет слишком абстрактное «выбери что-то простое», то она возьмет розы, как наиболее классический вариант, а жена обидеться на банальность выбора. А если скажет «букет из магазина Флора на 32 кустовые розы и 2 лилии», то хорошая секретарша напомнит, что у жены начальника аллергия на лилии, а плохая сделает как сказали, потому что думать не надо. Но в обоих вариантах результат будет слишком зависеть от решений секретарши, хотя начальник лучше знает свою жену.&lt;/p&gt;
  &lt;p id=&quot;yB8v&quot;&gt;Как и с цветами, в ТЗ важно найти этот баланс.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h2 id=&quot;nd4D&quot;&gt;&lt;/h2&gt;
  &lt;h2 id=&quot;ZgK0&quot;&gt;Как писать ТЗ для дизайнера: базовая структура&lt;/h2&gt;
  &lt;p id=&quot;3jat&quot;&gt;Независимо от того, вы бизнес, эксперт или продакт, основа всегда одинаковая.&lt;/p&gt;
  &lt;h3 id=&quot;C4wY&quot;&gt;1. &lt;strong&gt;Общая информация о компании&lt;/strong&gt;&lt;/h3&gt;
  &lt;p id=&quot;kBQw&quot;&gt;Расскажите о бизнесе так, как объяснили бы его другу. Дизайнер не обязан знать особенности вашего рынка и компании, поэтому важно погрузить его в контекст.&lt;/p&gt;
  &lt;ul id=&quot;2QLl&quot;&gt;
    &lt;li id=&quot;UqzU&quot;&gt;Когда вы начали работать? На какой стадии сейчас проект (стартап, стабилизированный бизнес, масштабирование)?&lt;/li&gt;
    &lt;li id=&quot;unpo&quot;&gt;Ключевые продукты или услуги. Что из всего наиболее прибыльно и приоритетно?&lt;/li&gt;
    &lt;li id=&quot;H6gx&quot;&gt;Какую проблему решает ваш продукт?&lt;/li&gt;
    &lt;li id=&quot;Bet8&quot;&gt;География присутствия (локально / онлайн / международно)? Где вы сейчас, а куда стремитесь?&lt;/li&gt;
    &lt;li id=&quot;ix5D&quot;&gt;Какие используете каналы продаж (онлайн / офлайн)?&lt;/li&gt;
    &lt;li id=&quot;x47h&quot;&gt;Уникальные фишки бренда, особенности, УТП?&lt;/li&gt;
    &lt;li id=&quot;C3eK&quot;&gt;Есть ли у проекта миссия, философия, ценности?&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p id=&quot;tIsB&quot;&gt;Если позиционирование не сформулировано — лучше честно написать это и заложить время на проработку.&lt;/p&gt;
  &lt;p id=&quot;S6bO&quot;&gt;Этот блок можете дополнить любыми другими данными, которые помогут человеку со стороны лучше понять суть вашего бизнеса.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3 id=&quot;ip4P&quot;&gt;2. Цели проекта&lt;/h3&gt;
  &lt;p id=&quot;kUoQ&quot;&gt;Сайт не делается просто чтобы был, у него есть конкретные причины и задачи, которые нужно решить.&lt;/p&gt;
  &lt;ol id=&quot;iQWw&quot;&gt;
    &lt;li id=&quot;zYKI&quot;&gt;Сначала сформулируйте, &lt;strong&gt;какую проблему должен решать сайт.&lt;/strong&gt; Есть ли конкретная ситуация, когда вы поняли, что текущий сайт ее не решает? Что в нем не работает?&lt;/li&gt;
    &lt;li id=&quot;8Zlu&quot;&gt;После этого определите &lt;strong&gt;цели сайта&lt;/strong&gt;. Лучше выделить одну или две: первичную и вторичную. Первичной может быть онлайн-продажа товаров, а вторичной — сбор контактных данных пользователей. Главное, чтобы эти цели не противоречили друг другу.&lt;/li&gt;
    &lt;li id=&quot;gQH5&quot;&gt;Затем сформируйте конкретные &lt;strong&gt;бизнес‑цели&lt;/strong&gt;, которые вы ставите перед собой: рост продаж, узнаваемость, доверие, ребрендинг продукта, выход на новый рынок и тд. Так вы задачу разработки сайта поместите в контекст, и дизайнер сможет учитывать текущие потребности бизнеса.&lt;/li&gt;
    &lt;li id=&quot;XUs5&quot;&gt;&lt;strong&gt;Как вы поймете, что проект успешен?&lt;/strong&gt; Какие измеримые результаты вы планируете? Если у вас ребрендинг сайта — подумайте, что в идеале должно измениться в восприятии бренда после обновления? Показателями успешности могут быть: повышение CTR или конверсии в продажу, снижение нагрузки на поддержку, привлечение заявок через сайт и тд.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;p id=&quot;lXsv&quot;&gt;Постановка целей задает вектор работы и убирает субъективное мнение. Но помните, что не все задачи решает только дизайн и не стоит возлагать на дизайнера надежды вне зоны его ответственности.&lt;/p&gt;
  &lt;p id=&quot;H8rO&quot;&gt;&lt;strong&gt;Плохая формулировка цели:&lt;/strong&gt;&lt;/p&gt;
  &lt;blockquote id=&quot;ZSQx&quot;&gt;Нужен сайт компании, чтобы чувствовалась надежность и высокий сервис.&lt;/blockquote&gt;
  &lt;p id=&quot;n7FF&quot;&gt;&lt;strong&gt;Хорошая формулировка:&lt;/strong&gt;&lt;/p&gt;
  &lt;blockquote id=&quot;3mVj&quot;&gt;Малый бизнес часто не имеет собственного бухгалтера и опасается ошибок в отчетности и штрафов. Нужен сайт, который поможет предпринимателям быстро понять, какие бухгалтерские задачи мы может взять на себя, показать надежность сервиса и дать возможность оставить заявку на консультацию. Основной KPI — заявки через форму.&lt;/blockquote&gt;
  &lt;hr /&gt;
  &lt;h3 id=&quot;WAP9&quot;&gt;3. Целевая аудитория&lt;/h3&gt;
  &lt;p id=&quot;ngVG&quot;&gt;Очень часто в ТЗ для дизайнера сайта пишут: «наша аудитория — мужчины и женщины 25–45». Этого мало. Пишите так:&lt;/p&gt;
  &lt;ul id=&quot;OUGi&quot;&gt;
    &lt;li id=&quot;LYHT&quot;&gt;кто ваша аудитория, чем они живут, в каком контексте сталкиваются с вашим продуктом (возраст, пол, уровень дохода, профессия, интересы, ценности)&lt;/li&gt;
    &lt;li id=&quot;YiAZ&quot;&gt;что для них важно при выборе вашего продукта&lt;/li&gt;
    &lt;li id=&quot;aTkk&quot;&gt;почему они выбирают вас (или почему еще не выбирают)&lt;/li&gt;
    &lt;li id=&quot;AMcv&quot;&gt;какие вопросы чаще всего задают клиенты перед покупкой&lt;/li&gt;
    &lt;li id=&quot;AlF0&quot;&gt;для чего и в какой момент процесса покупки они приходят на сайт&lt;/li&gt;
    &lt;li id=&quot;e4OH&quot;&gt;если у вас несколько сегментов клиентов — какие между ними различия (по поведению, восприятию, мотивации)&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p id=&quot;GUyT&quot;&gt;Без этого понимания сайт получится «для всех» — а значит ни для кого.&lt;/p&gt;
  &lt;p id=&quot;n7mm&quot;&gt;Если у вас есть отдел маркетинга — лучше запросите информацию у них, а еще лучше будет подключить их на проект на этапе аналитики, чтобы дизайнер мог обсудить с ними свои гипотезы.&lt;/p&gt;
  &lt;p id=&quot;nSHL&quot;&gt;Если у вас нет даже этой информации — не придумывайте из головы, опишите честно, что знаете, а дальше дизайнер сориентирует, как лучше действовать.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3 id=&quot;XGkD&quot;&gt;4. Конкуренты и окружение&lt;/h3&gt;
  &lt;p id=&quot;Qb0k&quot;&gt;Дизайнеру важно понимать, &lt;strong&gt;в каком визуальном и смысловом поле будет существовать сайт&lt;/strong&gt;. Если не показать конкурентов, дизайнер сам будет их искать и делать предположения — и они могут не совпасть с реальностью. В ТЗ лучше указать:&lt;/p&gt;
  &lt;ul id=&quot;wyZf&quot;&gt;
    &lt;li id=&quot;EYaK&quot;&gt;кто ваши прямые конкуренты + ссылка на их сайт (в идеале 2-5 примеров)&lt;/li&gt;
    &lt;li id=&quot;9c6r&quot;&gt;есть ли косвенные — те, кто предлагает схожую ценность другим способом&lt;/li&gt;
    &lt;li id=&quot;yXxr&quot;&gt;что, на ваш взгляд, у них хорошо работает, а что отталкивает&lt;/li&gt;
    &lt;li id=&quot;hBVs&quot;&gt;чем вы сейчас отличаетесь от конкурентов (в хорошую и плохую сторону)&lt;/li&gt;
    &lt;li id=&quot;4IPR&quot;&gt;как вы хотите отличаться от них визуально и по тону коммуникации&lt;/li&gt;
    &lt;li id=&quot;V5Av&quot;&gt;есть ли бренды из других сфер, на которых вы ориентируетесь&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p id=&quot;lxvN&quot;&gt;Эти знания дадут дизайнеру понять стандарты рынка, не повторять решения конкурентов, найти точки дифференциации.&lt;/p&gt;
  &lt;p id=&quot;PSx0&quot;&gt;Иногда именно анализ конкурентов помогает понять, как должен выглядеть сайт, чтобы выделяться.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3 id=&quot;dKZ7&quot;&gt;5. Контент — что уже есть?&lt;/h3&gt;
  &lt;p id=&quot;DATY&quot;&gt;В идеальной ситуации к началу работы уже готовы тексты, фотографии, иллюстрации или хотя бы черновики. Тогда дизайнер может строить дизайн вокруг реального содержания, понимая объем текста и особенности контента.&lt;/p&gt;
  &lt;p id=&quot;Go6K&quot;&gt;Но я заметила, что все чаще заказчик приходит без всего и это уже нормальная практика. В таком случае нужно расписать:&lt;/p&gt;
  &lt;ul id=&quot;QL9z&quot;&gt;
    &lt;li id=&quot;Ypyu&quot;&gt;есть ли у вас фирменный стиль или логотип&lt;/li&gt;
    &lt;li id=&quot;VtoP&quot;&gt;что вам в нем нравится, а что — устарело или не работает&lt;/li&gt;
    &lt;li id=&quot;5OmU&quot;&gt;есть ли брендбук, гайдлайны, документация по стилю, tone of voice&lt;/li&gt;
    &lt;li id=&quot;sGJz&quot;&gt;нужна ли полная переработка или развитие текущего стиля&lt;/li&gt;
    &lt;li id=&quot;S0Yu&quot;&gt;что категорически нельзя менять (например, логотип, цветовая гамма, шрифты)&lt;/li&gt;
    &lt;li id=&quot;CEPy&quot;&gt;есть ли тексты на сайт или кто-то, кто может их написать&lt;/li&gt;
    &lt;li id=&quot;2mLW&quot;&gt;есть ли фото и видео контент&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p id=&quot;FnHt&quot;&gt;Так дизайнер поймет реальный объем работы и сможет ли он самостоятельно его выполнить или нужно привлекать сторонних специалистов.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3 id=&quot;8cYX&quot;&gt;6. Характер бренда&lt;/h3&gt;
  &lt;p id=&quot;42Em&quot;&gt;Этот блок вопросов нужен не всем дизайнерам, но он помогает нащупать то ощущение, которое вы хотите заложить в сайт.&lt;/p&gt;
  &lt;p id=&quot;q2Rl&quot;&gt;Помимо проработанной структуры и логики нам же еще важно вызвать эмоцию, верно? Эти ответы синхронизируют представление о будущем сайте на уровне ассоциаций, а может помогут и вам лучше понять, какой результат вы ждете.&lt;/p&gt;
  &lt;ul id=&quot;Hrad&quot;&gt;
    &lt;li id=&quot;nect&quot;&gt;Если бы ваш бренд был персонажем фильма или книги или известной личностью, — то кем? Кто подошел бы ему по характеру?&lt;/li&gt;
    &lt;li id=&quot;6SzW&quot;&gt;Есть ли вдохновение вне бизнеса (фильмы, архитектура, культура, личные хобби), которые отражают эстетическое направление бренда?&lt;/li&gt;
    &lt;li id=&quot;7Red&quot;&gt;Какие эмоции вы хотите, чтобы клиенты испытывали при взаимодействии с вашим брендом?&lt;/li&gt;
    &lt;li id=&quot;QITo&quot;&gt;Опишите в 3‑5 прилагательных атмосферу будущего сайта&lt;/li&gt;
    &lt;li id=&quot;JQYa&quot;&gt;Опишите в 3‑5 словах то, каким он точно быть не должен&lt;/li&gt;
    &lt;li id=&quot;LWDb&quot;&gt;Какие сайты вам нравятся вне зависимости от ниши и почему? (обязательный вопрос)&lt;/li&gt;
    &lt;li id=&quot;WGrU&quot;&gt;Какие сайты вам не нравятся и почему? (обязательный вопрос)&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p id=&quot;3bHv&quot;&gt;Если по каким-то причинам вы не хотите отвечать на все вопросы, последние два остаются обязательными. Это примеры, которые помогут дизайнеру лучше понять ваши ожидания и визуальный вкус. Для каждого из приведенных сайтов укажите, что именно вам понравилось и нет.&lt;/p&gt;
  &lt;p id=&quot;aQE1&quot;&gt;&lt;strong&gt;Например:&lt;/strong&gt; нравится подача продукта, яркие цвета и простота интерфейса, нравится анимация на первом экране, но не нравятся большие тексты по всему сайту.&lt;/p&gt;
  &lt;p id=&quot;EKiK&quot;&gt;Пара хороших референсов с пояснениями будет полезнее, чем десять ссылок без контекста.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3 id=&quot;wj6F&quot;&gt;7. Технические &lt;strong&gt;требования&lt;/strong&gt;&lt;/h3&gt;
  &lt;p id=&quot;t37g&quot;&gt;Именно из-за технических ограничений иногда приходится переделывать уже готовый дизайн.&lt;/p&gt;
  &lt;p id=&quot;1T4n&quot;&gt;Самый простой пример — платформа, на которой будет собран сайт. Одно дело, если сайт разрабатывается полностью с нуля, и совсем другое, если он будет сделан на конструкторе вроде Tilda, Webflow или другой платформе. У таких инструментов есть свои особенности: готовые блоки, ограничения по анимации, логике форм или структуре страниц.&lt;/p&gt;
  &lt;p id=&quot;ICrU&quot;&gt;Если дизайнер знает об этом заранее, он может сразу учитывать эти ограничения. Если нет — иногда получается красивая концепция, которую потом сложно или дорого реализовать.&lt;/p&gt;
  &lt;p id=&quot;eUK4&quot;&gt;Чтобы избежать работы в стол, обозначьте сразу:&lt;/p&gt;
  &lt;ul id=&quot;EDOC&quot;&gt;
    &lt;li id=&quot;8bGR&quot;&gt;сколько у вас товаров, их характеристики и категории (если есть)&lt;/li&gt;
    &lt;li id=&quot;kesz&quot;&gt;сайт будет делать разработчик или нужна верстка на конструкторе&lt;/li&gt;
    &lt;li id=&quot;wy5j&quot;&gt;под какие устройства нужна адаптация (десктоп, планшет, телефон)&lt;/li&gt;
    &lt;li id=&quot;KrUp&quot;&gt;как будет идти трафик на сайт&lt;/li&gt;
    &lt;li id=&quot;fjHu&quot;&gt;какие необходимы технические настройки (языки, рассылки, оплата, доставка, CRM, ЛК и т. д.)&lt;/li&gt;
    &lt;li id=&quot;m4lt&quot;&gt;готовы ли по необходимости организовать фото или видеосъемку для нового сайта по ТЗ от дизайнера&lt;/li&gt;
    &lt;li id=&quot;au2Y&quot;&gt;какие внутренние или внешние перемены могут повлиять на ход проекта (новые продукты, партнеры, расширение и т. д.)&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p id=&quot;4dmQ&quot;&gt;Из моего опыта, все технические ограничения почти всегда становятся заметны уже в процессе работы. Поэтому лучше обозначить их хотя бы на базовом уровне в самом начале: на какой платформе будет сайт, какие нужны адаптивы, какие интеграции планируются и есть ли требования со стороны разработки.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3 id=&quot;YAxt&quot;&gt;8. Сроки, бюджет, коммуникация&lt;/h3&gt;
  &lt;p id=&quot;QvKv&quot;&gt;На первый взгляд организационные детали проекта кажутся второстепенными, но на практике именно от них часто зависит, насколько комфортно будет идти работа.&lt;/p&gt;
  &lt;p id=&quot;govc&quot;&gt;&lt;strong&gt;Бюджет&lt;/strong&gt;&lt;/p&gt;
  &lt;p id=&quot;uqxY&quot;&gt;Многие заказчики не любят первыми его разглашать, в надежде сэкономить . Но на самом деле прозрачность здесь помогает обеим сторонам. Зная масштаб проекта, дизайнер может предложить реалистичный объем работы. Например, один и тот же сайт можно сделать с уникальной графикой и сложными анимациями, а можно использовать стоковые изображения и минимальную анимацию, что будет дешевле в реализации.&lt;/p&gt;
  &lt;p id=&quot;TGtH&quot;&gt;Важно не столько точное число, сколько порядок бюджета или диапазон. Например: «бюджет проекта — до 150 000 ₽» или «закладываем диапазон 150 000 – 200 000 ₽»&lt;/p&gt;
  &lt;p id=&quot;DUWt&quot;&gt;&lt;strong&gt;Сроки&lt;/strong&gt;&lt;/p&gt;
  &lt;p id=&quot;0nEe&quot;&gt;Полезно сразу обозначить желаемый период разработки или дедлайн, связанный с запуском продукта или рекламной кампанией.&lt;/p&gt;
  &lt;p id=&quot;gGsF&quot;&gt;Иногда ожидания по срокам сильно отличаются. Заказчик может рассчитывать на неделю, а дизайнер понимает, что за этот период он сделает только аналитику. В таком случае лучше заранее обозначить:&lt;/p&gt;
  &lt;ul id=&quot;klBI&quot;&gt;
    &lt;li id=&quot;fWiX&quot;&gt;как разделяется приоритет: скорость VS качество VS масштаб&lt;/li&gt;
    &lt;li id=&quot;OEFg&quot;&gt;можем ли реализовать проект поэтапно (сначала MVP версия, дальше развиваем).&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p id=&quot;FNdA&quot;&gt;&lt;strong&gt;Коммуникация&lt;/strong&gt;&lt;/p&gt;
  &lt;p id=&quot;V8VS&quot;&gt;Даже в небольших проектах полезно понять, как будет происходить работа: в каком формате обсуждаются правки, кто принимает финальные решения и сколько людей участвует со стороны заказчика.&lt;/p&gt;
  &lt;p id=&quot;8Ozb&quot;&gt;Например, бывает, что дизайнер общается с менеджером проекта, но финальное решение принимает руководитель. Или наоборот — правки приходят сразу от нескольких людей. Если это не оговорить заранее, обсуждение может затянуться.&lt;/p&gt;
  &lt;p id=&quot;ROe1&quot;&gt;Из моего опыта, чем понятнее устроена коммуникация в проекте, тем спокойнее проходит вся работа. Иногда достаточно просто договориться о базовых вещах: кто основной контакт, где обсуждаются задачи и как фиксируются правки.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h2 id=&quot;Y39k&quot;&gt;&lt;br /&gt;Разные ситуации — разный фокус в ТЗ&lt;/h2&gt;
  &lt;p id=&quot;ROsd&quot;&gt;&lt;/p&gt;
  &lt;h3 id=&quot;rvNQ&quot;&gt;Если вы бизнес или стартап и заказываете сайт у фрилансера&lt;/h3&gt;
  &lt;p id=&quot;Sexu&quot;&gt;Здесь главная ошибка — ставить задачу «как руководитель», а не как владелец продукта. Заказчик часто старается описать внешний вид будущего сайта, но почти не рассказывает про сам бизнес.&lt;/p&gt;
  &lt;p id=&quot;gjkE&quot;&gt;Для владельца компании многое очевидно: как приходят клиенты, как устроен продукт, чем вы отличаетесь от конкурентов. Но дизайнер видит проект впервые и не знает этого контекста. Поэтому в таких проектах особенно важно добавить в ТЗ несколько вещей, которые на первый взгляд могут показаться очевидными:&lt;/p&gt;
  &lt;ol id=&quot;9yBT&quot;&gt;
    &lt;li id=&quot;1VOP&quot;&gt;&lt;strong&gt;Дать контекст бизнеса&lt;/strong&gt; Чем занимается компания, какие услуги или продукты вы продаете, на каком рынке работаете. Даже несколько предложений помогают дизайнеру лучше понять задачу.&lt;/li&gt;
    &lt;li id=&quot;oVhP&quot;&gt;&lt;strong&gt;Описать роль сайта в привлечении клиентов&lt;/strong&gt; Иногда сайт — это основной канал продаж, иногда он поддерживает рекламу или выступает как визитка компании. В стартапах сайт часто помогает проверить спрос на продукт. От этого сильно зависит логика дизайна. Например, если сайт работает как лендинг под рекламу, акцент будет на конверсии и понятной структуре. Если это корпоративный сайт компании, важнее доверие и репутация.&lt;/li&gt;
    &lt;li id=&quot;sSgu&quot;&gt;&lt;strong&gt;Обозначить стадию бизнеса&lt;/strong&gt; Для стартапа сайт может быть частью MVP: быстрым способом показать продукт и посмотреть, как реагирует рынок. В таком случае дизайн обычно строится вокруг скорости запуска и понятного объяснения идеи. В зрелых компаниях задачи могут быть другими: обновить визуальный стиль, систематизировать информацию о продуктах или улучшить пользовательский опыт.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;p id=&quot;xeUt&quot;&gt;Когда заказчик добавляет в ТЗ немного бизнес-контекста, дизайнеру становится гораздо проще предложить решения, которые действительно работают на задачу. Если этого не сделать, дизайнер будет работать вслепую, а вы — оценивать результат субъективно.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3 id=&quot;NI3Q&quot;&gt;Если вы эксперт и заказываете сайт у фрилансера&lt;/h3&gt;
  &lt;p id=&quot;tc03&quot;&gt;Когда сайт заказывает эксперт (консультант, коуч, преподаватель или автор продукта) в ТЗ обычно появляется проблема — задача формулируется вокруг личности самого эксперта. Например: «хочу стильный сайт про себя», «нужен личный сайт», «хочу аккуратный лендинг для моего бренда».&lt;/p&gt;
  &lt;p id=&quot;O53W&quot;&gt;Это понятное желание. Но на практике хороший сайт эксперта нужен не для того, чтобы рассказать историю владельца, а, чтобы человек, который пришел на сайт, быстро понял: чем вы можете ему помочь. &lt;strong&gt;Сайт — не про вас. Он для клиента.&lt;/strong&gt; Поэтому в таких проектах в ТЗ особенно важно:&lt;/p&gt;
  &lt;ol id=&quot;iygv&quot;&gt;
    &lt;li id=&quot;2TLk&quot;&gt;&lt;strong&gt;Описать аудиторию&lt;/strong&gt; Кто эти люди, с какой задачей они приходят, в какой момент жизни или бизнеса им может понадобиться ваш продукт.&lt;/li&gt;
    &lt;li id=&quot;mvnf&quot;&gt;&lt;strong&gt;Подсветить результат, который получит клиент&lt;/strong&gt; Экспертам часто кажется, что ценность их работы очевидна, но для человека, который впервые попадает на сайт, это не всегда так. Чем понятнее в ТЗ сформулировано, какую проблему вы решаете и какую трансформацию даете клиенту, тем проще дизайнеру выстроить структуру сайта.&lt;/li&gt;
    &lt;li id=&quot;IUYc&quot;&gt;&lt;strong&gt;Обозначить следующий шаг&lt;/strong&gt; Какой следующий шаг должен сделать человек после знакомства с сайтом? Иногда это запись на консультацию, иногда покупка продукта, иногда подписка на рассылку или заявку на участие в программе. От этого зависит логика страниц и акценты в интерфейсе.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;p id=&quot;8G6B&quot;&gt;Сайты экспертов начинают работать намного лучше, когда в ТЗ появляется фокус не только на личности автора, но и на пути клиента. Тогда дизайн помогает не просто красиво представить эксперта, а выстроить понятную историю для человека, который пришел за решением своей проблемы.&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h3 id=&quot;xe1X&quot;&gt;Если вы продакт, маркетолог или менеджер со штатным дизайнером&lt;/h3&gt;
  &lt;p id=&quot;lJrY&quot;&gt;Когда дизайнер работает внутри команды, кажется, что ТЗ можно сильно упростить. Контекст ведь и так всем понятен: продукт известен, аудитория известна, команда работает вместе. От этого появляется другая крайность — слишком короткое ТЗ.&lt;/p&gt;
  &lt;p id=&quot;n4i3&quot;&gt;Поэтому в задачах внутри команды особенно полезно описывать не только само изменение, но и контекст.&lt;/p&gt;
  &lt;ol id=&quot;9rN0&quot;&gt;
    &lt;li id=&quot;60eP&quot;&gt;&lt;strong&gt;Опиши проблему и текущий бизнес процесс&lt;/strong&gt; Сейчас запись на консультацию происходит через форму внизу лендинга. Пользователь должен сначала прочитать страницу, затем найти форму и оставить заявку. По данным аналитики, до формы доходит только 35% пользователей. Предполагаем, что часть людей не понимает, как записаться, или откладывает это действие.&lt;/li&gt;
    &lt;li id=&quot;ZyzB&quot;&gt;&lt;strong&gt;Какая аудитория затронута проблемой&lt;/strong&gt; Проблема в основном касается новых пользователей, которые впервые попадают на сайт из рекламы или поиска. Это люди, которые только знакомятся с услугой и еще не приняли окончательное решение о записи.&lt;/li&gt;
    &lt;li id=&quot;0jN6&quot;&gt;&lt;strong&gt;Цели бизнеса и пользователей&lt;/strong&gt; Бизнес-цель — увеличить количество заявок на консультацию. Цель пользователя — быстро понять, как записаться и сколько это будет стоить.&lt;/li&gt;
    &lt;li id=&quot;5tRB&quot;&gt;&lt;strong&gt;Ценность и метрики&lt;/strong&gt; Предполагаем, что проблема связана с тем, что точка входа в запись находится слишком поздно в структуре страницы и неочевидна для пользователя. Гипотеза: если сделать запись более заметной и доступной, конверсия в заявку увеличится. Целевые метрики после изменений:&lt;/li&gt;
    &lt;ul id=&quot;QWZb&quot;&gt;
      &lt;li id=&quot;YRWF&quot;&gt;scroll depth до блока записи: с 35% до 53%&lt;/li&gt;
      &lt;li id=&quot;87ig&quot;&gt;CTR кнопки записи: с 12% до 19%&lt;/li&gt;
      &lt;li id=&quot;QaBa&quot;&gt;конверсия лендинга в заявку: с 4,5% до 7%&lt;/li&gt;
    &lt;/ul&gt;
    &lt;li id=&quot;TkPz&quot;&gt;&lt;strong&gt;User stories&lt;/strong&gt; Как новый пользователь, который впервые попал на сайт, я хочу быстро понять, как записаться на консультацию, чтобы не тратить время на поиск формы и сразу оставить заявку. Как пользователь, который сомневается в покупке, я хочу видеть понятную кнопку записи рядом с описанием услуги, чтобы принять решение и записаться в тот момент, когда я готов.&lt;/li&gt;
    &lt;li id=&quot;Z7o4&quot;&gt;&lt;strong&gt;Дополнительные требования&lt;/strong&gt; Форма должна работать на мобильных устройствах. Необходимо сохранить интеграцию с CRM, куда автоматически отправляются заявки.&lt;/li&gt;
    &lt;li id=&quot;3Uas&quot;&gt;&lt;strong&gt;Блокеры&lt;/strong&gt; Форма записи уже связана с CRM, поэтому нельзя менять ее структуру без согласования с разработкой. Также нужно учитывать ограничения текущей платформы сайта.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;p id=&quot;cgih&quot;&gt;Такое описание может занимать всего несколько абзацев, но оно дает дизайнеру гораздо больше понимания задачи, чем формулировка «обновить блок записи».&lt;/p&gt;
  &lt;hr /&gt;
  &lt;h2 id=&quot;JuZW&quot;&gt;&lt;/h2&gt;
  &lt;h2 id=&quot;aNC2&quot;&gt;Чек-лист: как составить ТЗ на дизайн сайта&lt;/h2&gt;
  &lt;p id=&quot;W27m&quot;&gt;Перед тем как отправить бриф, проверьте, что:&lt;/p&gt;
  &lt;ul id=&quot;kSZ4&quot;&gt;
    &lt;li id=&quot;n79p&quot;&gt;ваш бизнес и продукт / услуга понятно описан человеку со стороны&lt;/li&gt;
    &lt;li id=&quot;GHE8&quot;&gt;есть достижимые цели проекта&lt;/li&gt;
    &lt;li id=&quot;JdzI&quot;&gt;ясна аудитория, чем они живут и в каком контексте сталкиваются с продуктом&lt;/li&gt;
    &lt;li id=&quot;TsNf&quot;&gt;есть понимание ниши и кто ваши основные конкуренты&lt;/li&gt;
    &lt;li id=&quot;Q5c0&quot;&gt;описан контент, который уже есть и который нужно создать&lt;/li&gt;
    &lt;li id=&quot;TR9b&quot;&gt;понятны ваши визуальные предпочтения и есть референсы&lt;/li&gt;
    &lt;li id=&quot;V4aT&quot;&gt;описаны все ограничения и технические требования&lt;/li&gt;
    &lt;li id=&quot;qM3E&quot;&gt;прописан примерный объем работ&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p id=&quot;GNUm&quot;&gt;Полный список вопросов я составила в &lt;a href=&quot;https://api.vc.ru/v2.8/redirect?to=https%253A%252F%252Fdocs.google.com%252Fdocument%252Fd%252F1wljkAeBGqGMHRYmuSpa82gTkjxh4zsXE-gjp4PPJIVE%252Fedit%253Fusp%253Dsharing&amp;postId=2791504&quot; target=&quot;_blank&quot;&gt;текстовом документе&lt;/a&gt; — можете сохранить себе и заполнить прям там.&lt;/p&gt;
  &lt;p id=&quot;UMdk&quot;&gt;Если на что-то вы не можете ответить — возможно, дизайнеру стоит подключиться уже на этом этапе и обсудить эти моменты вместе.&lt;/p&gt;
  &lt;p id=&quot;2v06&quot;&gt;&lt;/p&gt;
  &lt;section style=&quot;background-color:hsl(hsl(0, 0%, var(--autocolor-background-lightness, 95%)), 85%, 85%);&quot;&gt;
    &lt;p id=&quot;tIGi&quot;&gt;С вами была Маруся, я занимаюсь веб и продуктовым дизайном уже около 4 лет. Имею опыт работы в бигтехе (Т-Банк, Альфа Банк), стартапе, студии и на фрилансе.&lt;/p&gt;
    &lt;p id=&quot;oBW5&quot;&gt;Если вам нужен сайт / презентация / офорлмение другой диджитал продукции и вы не хотите самостоятельно заполнять ТЗ — напишите мне и я сама вас пробрифую на бесплатной консультации.&lt;br /&gt;&lt;a href=&quot;https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Ft.me%2Fmmarrusyaa&amp;postId=2791504&quot; target=&quot;_blank&quot;&gt;Написать в личные сообщения&lt;/a&gt;&lt;/p&gt;
  &lt;/section&gt;

</content></entry></feed>