Бриф на дизайн сайта отличается от брифа на логотип: здесь важнее не образ, а состав страниц и реальное содержимое. Разбираем, что в него включить.
Коротко
- Список страниц обязателен.
- Реальные тексты вместо заглушек.
- Примеры показывают с объяснением.
- Ограничения важнее пожеланий.
Список страниц и блоков
| Что указать | Почему это нужно |
|---|---|
| Перечень страниц | Объём работы и цена |
| Что на каждой должно быть | Состав блоков |
| Главное действие страницы | Что выделять |
| Какие страницы типовые | Рисуются один раз |
| Нужна ли мобильная версия макетов | Она нужна почти всегда |
| Что уже есть и остаётся | Логотип, фирменные цвета |
Первые две строки определяют и смету, и сроки. «Сделайте сайт услуг» и «сделайте главную, страницу услуги, страницу цены, контакты и шаблон статьи» — это разные задачи, и вторая формулировка позволяет получить сравнимые предложения от разных исполнителей. Про смету — в статье про стоимость разработки сайта.
Реальное содержимое
Настоящие названия услуг
Со всей их длиной.
Настоящие тексты
Хотя бы для двух страниц.
Свои фотографии
Какие есть, даже неидеальные.
Реальные цены или диапазоны
Если они будут на сайте.
Примеры самых длинных названий
И самых коротких.
Пятый пункт звучит мелочью и предотвращает переделку вёрстки. Макет, нарисованный на названиях в два слова, ломается на названии в шесть слов — и в этот момент выясняется, что блок нужно проектировать иначе. Про подготовку изображений — в статье про изображения для статьи.
Как показывать примеры
Полезно
- Ссылка плюс что именно нравится
- Примеры того, что не нравится
- Сайты из вашей отрасли
- Примеры конкурентов с замечаниями
Бесполезно
- Десять ссылок без пояснений
- «Хочу как у них»
- Примеры из совсем другой отрасли
- Скриншоты без адресов
Первая строка левой колонки — самое ценное в брифе. «Нравится, как здесь показаны цены» и «нравится» — разные сведения: первое переносится в ваш проект, второе нет. Одно предложение к каждой ссылке достаточно.
Ограничения
| Ограничение | Почему о нём нужно сказать сразу |
|---|---|
| Платформа сайта | Влияет на возможности вёрстки |
| Готовый фирменный стиль | Дизайн подчиняется ему |
| Требования к доступности | Влияют на цвета и размеры |
| Кто будет наполнять сайт | Простые блоки или сложные |
| Сроки и этапы | Определяют порядок работы |
| Что нельзя менять | Логотип, название, цвета |
Четвёртая строка влияет на дизайн сильнее, чем кажется. Макет с уникальной вёрсткой каждого блока красив на презентации и неудобен, когда контент ведёт один человек без дизайнера: наполнение превращается в работу для верстальщика.
Вопросы, которые обычно забывают
| Вопрос | Что он определяет |
|---|---|
| Что должно быть видно без прокрутки | Первый экран |
| Как выглядит пустое состояние | Нет отзывов, нет товаров |
| Что показывать при ошибке | Формы и поиск |
| Сколько услуг будет через год | Масштабируемость меню |
| Нужна ли тёмная тема | Двойная работа |
| Кто согласовывает | Один человек или пять |
Последняя строка — та, из-за которой срываются сроки. Согласование пятью людьми без одного решающего голоса превращается в цикл взаимоисключающих правок: договориться об этом стоит до начала работы, а не после третьего варианта макета.
Каким должен быть объём
| Размер брифа | Что получается |
|---|---|
| Пять строк | Дизайнер угадывает |
| Одна-две страницы по делу | Рабочий вариант |
| Десять страниц с водой | Никто не читает до конца |
| Анкета с закрытыми вопросами | Ответы ни о чём |
Ориентир простой: в брифе должно быть то, чего дизайнер не может узнать сам. Общие слова про «современный стиль» он и так знает; список страниц, реальные тексты, ограничения и то, кто согласовывает, — не знает никто, кроме вас. Про брифы в целом — в статье про бриф для агентства.
Частые вопросы
Чем бриф на дизайн сайта отличается от брифа на логотип?
Здесь важнее не образ, а состав: перечень страниц, что на каждой должно быть, главное действие, реальные тексты и фотографии и ограничения.
Зачем дизайнеру реальные тексты?
Макет, нарисованный на коротких заглушках, ломается на настоящих названиях в шесть слов, и переделывать приходится уже в вёрстке.
Как правильно показывать примеры?
Ссылка плюс одно предложение о том, что именно нравится. «Нравится, как здесь показаны цены» переносится в ваш проект, «нравится» — нет.
Каким должен быть объём брифа?
Одна-две страницы по делу. В брифе должно быть то, чего дизайнер не может узнать сам: состав страниц, реальное содержимое, ограничения и кто согласовывает.
Сделаем сайт, который приносит заявки
Спроектируем структуру под запросы, соберём и запустим — с учётом SEO с первого дня.
Обсудить разработку
