Nov 9, 2025
Автор Gregory Shein, Генеральный директор и основатель
Figma → Клиентский портал: Одобрения без бесконечных потоков
Прекратите гоняться за обратной связью по дизайну через разрозненные потоки email и сообщения Slack. Это руководство показывает, как дизайн-агентства могут упростить одобрения клиентов, загружая экспорты из Figma в централизованный клиентский портал с контролем версий, структурированной обратной связью и формальными рабочими процессами одобрения.
Проблема хаоса одобрения дизайна
Каждое дизайн-агентство знает эту боль:
Сценарий: Вы потратили дни на совершенствование дизайна в Figma. Время получить обратную связь от клиента.
Что происходит дальше:
- Отправляете ссылку на дизайн 4 заинтересованным сторонам
- Сара отвечает по email: "Мне нравится!"
- Майкл отвечает в Slack: "Можем попробовать синий вместо этого?"
- Дженнифер делает скриншот и размечает в PowerPoint, отправляет отдельный email
- Дэвид не отвечает 3 дня, затем высказывает серьезные опасения
- У вас обратная связь в 4 разных местах с противоречивыми мнениями
Проблемы:
- Разрозненная обратная связь - Комментарии в email, Slack, текстах, телефонных звонках
- Нет контроля версий - Какой дизайн мы обсуждаем?
- Неясный статус одобрения - Одобрено это или нет?
- Путаница заинтересованных сторон - Несколько людей, противоречивая обратная связь
- Потеря контекста - "Подождите, о чем мы договорились на прошлой неделе?"
- Пробелы в документации - Нет записи о том, что было одобрено когда
- Хаос ревизий - "Но вы одобрили это!" "Нет, это была СТАРАЯ версия!"
Стоимость:
- Потраченное время - Бесконечные уточняющие emails
- Усталость от ревизий - Изменения на основе недопониманий
- Расползание объема - "Но мы никогда не одобряли это" споры
- Фрустрация клиента - Путаница о том, что они просматривают
- Выгорание команды - Дизайнеры ненавидят процесс одобрения
Решение: Централизованный клиентский портал
Выделенный клиентский портал решает все эти проблемы через:
- Централизацию всех дизайнов в одном месте
- Отслеживание версий с четкой историей
- Сбор обратной связи в структурированном формате
- Управление формальными рабочими процессами одобрения
- Создание следов документации
- Предоставление самостоятельного доступа клиентам
Эта статья показывает вам точно, как реализовать рабочий процесс Figma → Клиентский портал, который устраняет хаос одобрения.
Зачем дизайн-агентствам нужны клиентские порталы
Проблемы традиционной передачи дизайна
Метод 1: Вложения email
Плюсы:
✓ Знакомо всем
✓ Не нужно изучать новые инструменты
Минусы:
✗ Файлы зарыты в почте
✗ Нет контроля версий
✗ Большие файлы отскакивают
✗ Обратная связь разрознена в ответах
✗ Сложно найти предыдущие версии
✗ Нет организованного потока одобрения
Метод 2: Ссылки для совместного доступа Figma
Плюсы:
✓ Живые дизайны (без экспорта)
✓ Встроенные комментарии
✓ История версий
Минусы:
✗ Требуется аккаунт Figma для комментариев
✗ Клиенты не всегда понимают Figma
✗ Комментарии смешаны с заметками внутренней команды
✗ Нет формального рабочего процесса одобрения
✗ Нельзя контролировать, что видят клиенты (они видят все)
✗ Сложно сегментировать по фазе проекта
Метод 3: Dropbox/Google Drive
Плюсы:
✓ Централизованное хранение файлов
✓ Клиенты могут получить доступ в любое время
Минусы:
✗ Нет механизма обратной связи
✗ Контроль версий ручной
✗ Нет системы уведомлений
✗ Файлы смешаны с другими документами
✗ Нет рабочего процесса одобрения
✗ Не предназначено для обратной связи по дизайну
Метод 4: Специализированные инструменты дизайна (InVision, Abstract, Zeplin)
Плюсы:
✓ Создано для обратной связи по дизайну
✓ Включен контроль версий
✓ Функции комментариев
Минусы:
✗ Еще один инструмент, за который нужно платить
✗ Клиенту нужно изучать новый интерфейс
✗ Не интегрируется с управлением проектами
✗ Изолировано от остального рабочего процесса проекта
✗ Только для дизайна (не полный контекст проекта)
Что предоставляет клиентский портал
Правильный клиентский портал предлагает:
1. Централизованное хранилище дизайнов
- Все дизайны организованы по проекту
- Легкий просмотр текущей и прошлой работы
- Четкая категоризация (концепции, ревизии, финалы)
- Возможности поиска и фильтрации
2. Контроль версий
- Загружать новые версии без потери старых
- Четкая история версий с датами
- Сравнение версий рядом
- Откат при необходимости
3. Структурированная обратная связь
- Формы обратной связи с конкретными вопросами
- Потоки комментариев на конкретных файлах
- Опции рейтинга или одобрения
- Объединенный вид всех входных данных заинтересованных сторон
4. Рабочие процессы одобрения
- Запрос формального одобрения
- Отслеживание статуса одобрения (ожидает, одобрено, отклонено)
- Маршрутизация одобрения несколькими заинтересованными сторонами
- Email-уведомления на каждом этапе
5. Контекст проекта
- Дизайны связаны с конкретными задачами проекта
- Видеть брифинги, файлы и обратную связь в одном месте
- Временная шкала всех активностей проекта
- Полная история проекта
6. Самообслуживание клиента
- Доступ 24/7 ко всем их файлам
- Загружать одобренные дизайны в любое время
- Просматривать статус проекта по запросу
- Отправлять новые запросы через портал
7. След документации
- Запись о том, что было одобрено когда
- Аудиторский след для обсуждений объема
- Защита от "Я никогда не одобрял это"
- Историческая справка для будущих проектов
Рабочий процесс Figma → Клиентский портал
Полный пошаговый процесс
Фаза 1: Начальные концепции
Шаг 1: Создание дизайнов в Figma
Работайте в Figma как обычно:
- Разрабатывайте начальные исследования концепций
- Создавайте 2-3 направления дизайна
- Включайте аннотации, если полезно
- Подготавливайте для презентации клиенту
Что предоставляет клиентский портал
Правильный клиентский портал предлагает:
1. Централизованное хранилище дизайнов
- Все дизайны организованы по проекту
- Легкий просмотр текущей и прошлой работы
- Четкая категоризация (концепции, ревизии, финалы)
- Возможности поиска и фильтрации
2. Контроль версий
- Загружать новые версии без потери старых
- Четкая история версий с датами
- Сравнение версий рядом
- Откат при необходимости
3. Структурированная обратная связь
- Формы обратной связи с конкретными вопросами
- Потоки комментариев на конкретных файлах
- Опции рейтинга или одобрения
- Объединенный вид всех входных данных заинтересованных сторон
4. Рабочие процессы одобрения
- Запрос формального одобрения
- Отслеживание статуса одобрения (ожидает, одобрено, отклонено)
- Маршрутизация одобрения несколькими заинтересованными сторонами
- Email-уведомления на каждом этапе
5. Контекст проекта
- Дизайны связаны с конкретными задачами проекта
- Видеть брифинги, файлы и обратную связь в одном месте
- Временная шкала всех активностей проекта
- Полная история проекта
6. Самообслуживание клиента
- Доступ 24/7 ко всем их файлам
- Загружать одобренные дизайны в любое время
- Просматривать статус проекта по запросу
- Отправлять новые запросы через портал
7. След документации
- Запись о том, что было одобрено когда
- Аудиторский след для обсуждений объема
- Защита от "Я никогда не одобрял это"
- Историческая справка для будущих проектов
Рабочий процесс Figma → Клиентский портал
Полный пошаговый процесс
Фаза 1: Начальные концепции
Шаг 1: Создание дизайнов в Figma
Работайте в Figma как обычно:
- Разрабатывайте начальные исследования концепций
- Создавайте 2-3 направления дизайна
- Включайте аннотации, если полезно
- Подготавливайте для презентации клиенту
Шаг 2: Экспорт из Figma
Выберите подходящий формат экспорта:
Для статических дизайнов:
Экспорт как PNG (высокое разрешение):
- Выберите фреймы/артборды
- Правый клик → "Экспорт"
- Формат: PNG
- Масштаб: 2x или 3x (retina-дисплеи)
- Назовите четко: "Homepage-Concept-A-v1.png"
Для презентаций:
Экспорт как PDF:
- Выберите все релевантные фреймы
- Экспортируйте как PDF
- Преимущество: Один файл, сохраняет качество
- Название: "Brand-Concepts-Presentation-v1.pdf"
Для интерактивных прототипов:
Используйте функцию прототипа Figma:
- Создайте поток прототипа
- Поделитесь с "Любой с ссылкой может просмотреть"
- Скопируйте ссылку прототипа
- Загрузите ссылку + скриншоты в портал
Шаг 3: Загрузка в клиентский портал
Перейдите в область портала клиента в Workify:
1. Откройте проект клиента
2. Перейдите в раздел "Файлы" или "Клиентский портал"
3. Нажмите "Загрузить файлы"
4. Выберите экспортированные дизайны
5. Добавьте в папку: "Концепции дизайна - Раунд 1"
6. Добавьте описание: "Три направления дизайна главной страницы для просмотра"
7. Тег: "Нужна обратная связь"
8. Нажмите "Загрузить"
Шаг 4: Организация файлов
Создайте четкую структуру папок:
Название проекта/
├── 1-Исследование/
│ └── Материалы-от-клиента/
├── 2-Концепции/
│ ├── Раунд-1-Начальные-направления/
│ ├── Раунд-2-Уточненные-концепции/
│ └── Финальная-выбранная-концепция/
├── 3-Разработка-дизайна/
│ ├── Главная-страница/
│ ├── Внутренние-страницы/
│ └── Компоненты/
├── 4-Ревизии/
│ ├── Ревизия-Раунд-1/
│ ├── Ревизия-Раунд-2/
│ └── Ревизия-Раунд-3/
└── 5-Финальные-одобренные-дизайны/
└── Готово-для-разработки/
Шаг 5: Запрос обратной связи
Создайте запрос обратной связи в портале:
Название: "Концепции дизайна главной страницы - Пожалуйста, просмотрите"
Сообщение:
"Привет [Имя клиента],
Мы загрузили три концепции дизайна главной страницы для вашего просмотра.
Каждая принимает другой подход к [ключевая цель].
Пожалуйста, просмотрите и дайте нам знать:
1. Какое направление наиболее резонирует с вашим видением?
2. Какие конкретные элементы вам нравятся?
3. Что вы хотели бы увидеть измененным?
4. Есть ли вопросы или опасения?
Мы запланируем звонок для обсуждения, как только у вас будет возможность просмотреть.
Файлы: [Ссылка на папку портала]
Спасибо!"
Действие: Запросить обратную связь
Уведомить: Всех заинтересованных сторон проекта
Срок: 3 рабочих дня
Шаг 6: Сбор структурированной обратной связи
Клиенты отвечают через портал:
Вся обратная связь появляется в одной ветке:
- Сара: "Люблю Концепцию B! Цвета идеальны."
- Майкл: "Согласен с B. Можем ли мы настроить макет заголовка?"
- Дженнифер: "B отлично. Логотип нужно сделать больше."
- Дэвид: "Концепция B с настройками от Майкла и Дженнифер"
Статус: Объединенная обратная связь В ОДНОМ месте
Решение: Четкий консенсус по Концепции B с отмеченными изменениями
Фаза 2: Ревизии
Шаг 7: Реализация обратной связи в Figma
Внесите одобренные изменения:
В Figma:
- Уточните Концепцию B на основе обратной связи
- Настройте макет заголовка (заметка Майкла)
- Увеличьте размер логотипа (заметка Дженнифер)
- Сохраните как новую версию
Шаг 8: Экспорт ревизионной версии
Экспорт обновленного дизайна:
- Название: "Homepage-Concept-B-v2.png"
- Отметьте изменения в имени файла
- Четкая прогрессия версий
Шаг 9: Загрузка в портал с заметками об изменениях
Загрузить в: "3-Разработка-дизайна/Главная-страница/"
Имя файла: "Homepage-Design-v2.png"
Описание: "Дизайн главной страницы, включающий обратную связь от 11/5:
✓ Настроен макет заголовка (Майкл)
✓ Увеличен размер логотипа на 30% (Дженнифер)
✓ Уточнен баланс цветов (Сара)
Изменения от v1 отмечены в приложенном сравнении."
Тег: "Нужно одобрение"
Версия: 2
Профессиональный совет: Включите сравнение до/после:
Также загрузите: "Homepage-v1-vs-v2-Comparison.png"
Показывает сравнение изменений рядом
Помогает клиенту видеть точно, что изменилось
Шаг 10: Запрос одобрения
Уведомление клиенту:
"Ревизия v2 готова для просмотра. Мы реализовали всю
вашу обратную связь из начальных концепций. Пожалуйста, просмотрите
и одобрите, если готовы продолжить, или дайте нам знать, если
нужны дополнительные настройки."
Действие: Запросить одобрение
Одобряющие: Сара (принимающий решение), Майкл и Дженнифер (рецензенты)
Срок: 2 рабочих дня
Фаза 3: Финальное одобрение
Шаг 11: Получение формального подписания
Рабочий процесс одобрения портала:
Сара просматривает v2 в портале
Нажимает кнопку "Одобрить"
Система записывает:
✓ Одобрено: Сара Джонсон
✓ Дата: 10 ноября 2025, 14:34
✓ Файл: Homepage-Design-v2.png
✓ Комментарий: "Выглядит идеально! Одобрено для продолжения."
Статус: Формально одобрено
Заблокировано: Предотвращает случайные изменения
Шаг 12: Перемещение в папку финальных одобренных дизайнов
Система или дизайнер перемещает файл в:
"5-Финальные-одобренные-дизайны/Главная-страница/"
Оригинальные версии сохранены в:
"2-Концепции/" и "3-Разработка-дизайна/"
Полный аудиторский след сохранен
Шаг 13: Переход к разработке/производству
С формальным одобрением задокументированным:
✓ Дизайнер передает разработчику
✓ Нет неоднозначности о том, что было одобрено
✓ Четкая документация при вопросах об объеме
✓ Клиент не может утверждать "Я никогда не одобрял это"
✓ Полная история версий при необходимости отката
Настройка вашего клиентского портала в Workify
Конфигурация портала
Шаг 1: Включите клиентский портал для проекта
Перейдите в настройки проекта:
1. Откройте проект клиента в Workify
2. Перейдите в Настройки → Клиентский портал
3. Переключите "Включить доступ к клиентскому порталу"
4. Настройте URL портала: clients.youragency.com/acme-corp
5. Установите разрешения (что клиенты могут видеть/делать)
6. Сохраните настройки
Шаг 2: Создайте учетные записи пользователей портала
Добавьте заинтересованных сторон клиента:
Пользователи клиента:
- Сара Джонсон (CEO) - Полный доступ, право одобрения
- Майкл Чен (Директор по маркетингу) - Полный доступ, рецензент
- Дженнифер Ким (Бренд-менеджер) - Полный доступ, рецензент
- Дэвид Парк (Руководитель продукта) - Только просмотр
Каждый получает уникальные учетные данные для входа
Приглашения по email отправляются автоматически
Шаг 3: Настройте категории файлов
Создайте структуру организации:
Категории файлов:
- Концепции дизайна
- Разработка дизайна
- Ревизии
- Финальные одобренные дизайны
- Исходные файлы (ссылки Figma)
- Справочные материалы
Каждая категория имеет:
- Описание
- Разрешения (кто может видеть/загружать)
- Настройки уведомлений
Шаг 4: Настройте рабочий процесс обратной связи
Настройте маршрутизацию одобрения:
Рабочий процесс обратной связи:
1. Дизайнер загружает файл → Статус: "Черновик"
2. Дизайнер запрашивает обратную связь → Статус: "Ожидает просмотра"
3. Клиенты комментируют/просматривают → Статус: "На просмотре"
4. Дизайнер загружает ревизию → Статус: "Ревизия отправлена"
5. Клиент одобряет → Статус: "Одобрено"
Опционально: Требовать консенсус нескольких одобряющих
Шаг 5: Настройте брендинг портала
Соответствуйте брендингу вашего агентства:
- Загрузите логотип агентства
- Установите цвета бренда
- Настройте приветственное сообщение
- Добавьте контактную информацию агентства
- Включите ресурсы поддержки
Функции портала для включения
Управление файлами:
☑ Контроль версий (автоматический)
☑ Предпросмотр файлов (изображения, PDF)
☑ Опции загрузки (индивидуальная, массовая)
☑ Поиск и фильтрация
☑ Теги и метки
☑ Избранное/закладки
Инструменты обратной связи:
☑ Потоки комментариев на файлах
☑ @упоминания для конкретных людей
☑ Аннотации файлов (разметка)
☑ Формы обратной связи
☑ Системы рейтинга (1-5 звезд)
☑ Кнопки одобрения
Уведомления:
☑ Email при загрузке новых файлов
☑ Оповещение при запросе обратной связи
☑ Напоминание при ожидании одобрения
☑ Подтверждение при одобрении
☑ Дайджест всей активности (ежедневно/еженедельно)
Контекст проекта:
☑ Связывание файлов с конкретными задачами
☑ Показ временной шкалы загрузок
☑ Отображение вех проекта
☑ Включение заметок встреч
☑ Прикрепление брифингов и требований
Лучшие практики организации файлов дизайна
Соглашения об именовании
Структура именования файлов:
[Область-проекта]-[Описание]-[Версия]-[Дата].расширение
Примеры:
✓ Homepage-Hero-Concept-v1-2025-11-01.png
✓ Logo-Final-Approved-v3-2025-11-08.pdf
✓ Email-Template-Newsletter-v2-2025-11-05.png
✓ Brand-Guidelines-Complete-v1-2025-11-10.pdf
❌ Избегайте:
✗ design-final-FINAL-really-final-v2.png
✗ homepage.png
✗ Screen Shot 2025-11-01 at 3.45.23 PM.png
✗ untitled-4.pdf
Нумерация версий:
v1.0 = Начальная концепция/первая версия
v1.1 = Минорные настройки к v1.0
v1.2 = Больше минорных настроек
v2.0 = Основная ревизия/другое направление
v2.1 = Минорные настройки к v2.0
v3.0 = Еще одна основная ревизия
Структуры папок:
Вариант A: По фазе проекта
1-Исследование/
2-Стратегия/
3-Концепции/
4-Разработка/
5-Ревизии/
6-Финалы/
7-Ресурсы/
Вариант B: По результату
Веб-сайт/
├── Главная-страница/
├── О-нас/
├── Страницы-продуктов/
└── Контакты/
Идентичность-бренда/
├── Логотип/
├── Палитра-цветов/
├── Типографика/
└── Руководства/
Маркетинговые-материалы/
├── Социальные-сети/
├── Шаблоны-Email/
└── Печатные-материалы/
Вариант C: По дате (хронологический)
2025-11-01-Начальные-концепции/
2025-11-05-Обратная-связь-Раунд-1/
2025-11-08-Ревизионные-дизайны/
2025-11-12-Финальные-одобрения/
Рекомендуется: Гибридный подход
Название-проекта/
├── 1-Исследование-Открытие/
│ └── 2025-10-25-Материалы-запуска/
├── 2-Концепции-дизайна/
│ ├── 2025-11-01-Начальные-направления/
│ └── 2025-11-05-Уточненные-концепции/
├── 3-Разработка-дизайна/
│ ├── Главная-страница/
│ ├── Страницы-продуктов/
│ └── Ресурсы-бренда/
├── 4-Ревизии/
│ ├── 2025-11-10-Раунд-1/
│ └── 2025-11-15-Раунд-2/
└── 5-Финалы/
└── 2025-11-20-Одобренные-результаты/
Шаблоны описаний файлов
Для начальных концепций:
Название: Концепции дизайна главной страницы - Раунд 1
Описание:
Три различных направления дизайна главной страницы, исследующие
разные подходы к [цель].
Концепция A: Современный, минималистичный подход
Концепция B: Смелый, графически насыщенный подход
Концепция C: Чистый, редакционный подход
Следующие шаги: Пожалуйста, просмотрите и предоставьте обратную связь о том,
какое направление наиболее резонирует. Мы уточним на основе вашего ввода.
Загружено: 1 ноября 2025
Дизайнер: Алекс Мартинес
Статус: Нужна обратная связь
Для ревизий:
Название: Дизайн главной страницы - Ревизия 2
Описание:
Уточненный дизайн главной страницы, включающий обратную связь от просмотра 11/5.
Внесенные изменения:
✓ Увеличен заголовок героя (по заметке Сары)
✓ Настроен цвет кнопки CTA на синий бренда (по Майклу)
✓ Добавлен раздел отзывов клиентов (по Дженнифер)
✓ Увеличены белые пространства вокруг изображений продуктов (по Дэвиду)
Следующие шаги: Пожалуйста, просмотрите и одобрите, если готовы продолжить
к разработке.
Предыдущая версия: Homepage-Design-v1.png
Загружено: 8 ноября 2025
Дизайнер: Алекс Мартинес
Статус: Ожидает одобрения
Для финальных файлов:
Название: Дизайн главной страницы - ФИНАЛЬНО ОДОБРЕНО
Описание:
Финальный одобренный дизайн главной страницы, готовый для разработки.
Одобрено: Сара Джонсон (CEO)
Дата одобрения: 12 ноября 2025, 15:24
Финальная версия: v3
Включено:
✓ Версия для десктопа (1920x1080)
✓ Версия для планшета (768px)
✓ Версия для мобильного (375px)
✓ Аннотированные спецификации для разработчика
Исходный файл Figma: [ссылка]
Передача разработчику: 13 ноября 2025
Эффективное управление обратной связью клиента
Структурирование запросов обратной связи
Шаблон запроса обратной связи:
Тема: Запрошен просмотр дизайна: [Название проекта]
Привет [Имя клиента],
Я загрузил [описание работы] в ваш портал для просмотра.
ЧТО ПРОСМОТРЕТЬ:
[Прямая ссылка на файлы]
ЧТО НУЖНО ОТ ВАС:
1. Какое направление дизайна вы предпочитаете?
2. Какие конкретные элементы выделяются положительно?
3. Что вы хотели бы увидеть измененным или уточненным?
4. Есть ли опасения или вопросы?
ВРЕМЕННЫЕ РАМКИ:
Пожалуйста, предоставьте обратную связь до [дата, 3-5 рабочих дней].
Мы включим ваш ввод и доставим [следующая веха].
КАК ПРЕДОСТАВИТЬ ОБРАТНУЮ СВЯЗЬ:
- Войдите в ваш портал: [ссылка]
- Нажмите на файлы, чтобы добавить комментарии
- Используйте форму обратной связи для структурированного ввода
- @упомяните конкретных заинтересованных сторон при необходимости
СЛЕДУЮЩИЕ ШАГИ:
После получения вашей обратной связи мы [следующее действие].
Вопросы? Ответьте на это email или позвоните [телефон].
Спасибо!
[Ваше имя]
Направляющие вопросы для лучшей обратной связи:
Вместо "Что вы думаете?" задавайте конкретные вопросы:
Для фазы концепции:
1. Какое направление лучше всего представляет личность вашего бренда?
2. Какой макет делает наше ценностное предложение наиболее ясным?
3. Какой дизайн наиболее резонировал бы с вашей целевой аудиторией?
4. Есть ли элементы из нескольких концепций, которые вы хотели бы объединить?
Для фазы уточнения:
1. Направляет ли визуальная иерархия ваш взгляд туда, куда нужно?
2. Ясны ли призывы к действию и убедительны?
3. Чувствуется ли цветовая палитра подходящей для вашего бренда?
4. Есть ли что-то запутанное или неясное?
5. По шкале от 1 до 10, насколько близко это к вашему видению?
Для финального просмотра:
1. Достигает ли этот дизайн целей, которые мы установили в нашем брифинге?
2. Уверены ли вы, представляя это вашей команде/клиентам?
3. Есть ли что-то, что помешало бы вам одобрить?
4. Есть ли какие-то последние настройки перед финализацией?
Обработка противоречивой обратной связи
Когда заинтересованные стороны не согласны:
Проблема:
Сара: "Люблю синий!"
Майкл: "Синий не работает, нужен зеленый"
Дженнифер: "На самом деле, я предпочитаю красный"
Процесс решения:
Шаг 1: Признайте весь ввод
Ответ в портале:
"Спасибо всем за обратную связь! Я вижу, что у нас разные
предпочтения по цвету:
- Сара: Синий
- Майкл: Зеленый
- Дженнифер: Красный
Это распространено и помогает нам исследовать варианты."
Шаг 2: Задайте уточняющие вопросы
"Чтобы помочь нам найти правильное решение, можете ли вы каждый поделиться
ПОЧЕМУ вы предпочитаете ваш выбор цвета?
- Сара: Почему синий кажется вам правильным?
- Майкл: Что делает зеленый лучшим вариантом?
- Дженнифер: Что привлекает вас в красном?
Понимание обоснования поможет нам найти решение,
которое адресует опасения всех."
Шаг 3: Предложите компромиссные варианты
После понимания обоснования:
"На основе вашей обратной связи, ключевой вопрос: [восприятие бренда
vs. оптимизация конверсии vs. выделение среди конкурентов].
Позвольте мне создать три вариации, исследующие:
A) Синий Сары (профессиональный, заслуживающий доверия угол)
B) Зеленый Майкла (свежий, рост угол)
C) Красный Дженнифер (смелый, энергичный угол)
Мы можем протестировать их и позволить данным направлять решение."
Шаг 4: Эскалируйте к принимающему решение
Если заинтересованные стороны все еще не могут согласиться:
"Сара, как финальный принимающий решение, в каком направлении мы должны
продолжить? Мы с радостью создадим все три варианта для вас на выбор,
или мы можем провести быстрое пользовательское тестирование для сбора
объективной обратной связи."
Профессиональный совет:Клиентский портал Workify позволяет вам назначить "Одобряющих" vs. "Рецензентов":
- Рецензенты могут комментировать, но не одобрять
- Одобряющие имеют финальное право подписания
- Предотвращает тупик одобрения
Продвинутые рабочие процессы портала
Представления сравнения версий
Сравнения рядом:
При загрузке новых версий создавайте изображения сравнения:
В Figma:
Создайте артборд сравнения:
┌─────────────────────────────────────┐
│ Версия 1 → Версия 2 │
│ ┌──────────┐ ┌──────────┐│
│ │ │ VS │ ││
│ │ Старая │ ----→ │ Новая ││
│ │ Дизайн │ │ Дизайн ││
│ │ │ │ ││
│ └──────────┘ └──────────┘│
│ │
│ Внесенные изменения: │
│ ✓ Настроен макет заголовка │
│ ✓ Увеличен размер логотипа на 30% │
│ ✓ Перемещена кнопка CTA │
└─────────────────────────────────────┘
Экспортируйте как одно изображение, показывающее обе версии + заметки об изменениях.
Преимущества:
- Клиент сразу видит, что изменилось
- Снижает путаницу о версиях
- Документирует эволюцию дизайна
- Упрощает обсуждения ревизий
Ссылки на интерактивные прототипы
Для просмотров пользовательских потоков:
Загрузить в портал:
- Скриншот ключевых экранов
- Ссылка на прототип Figma
- Диаграмма пользовательского потока
- Инструкции для тестирования прототипа
Описание:
"Интерактивный прототип: Поток оформления заказа
Для тестирования:
1. Нажмите ссылку прототипа ниже
2. Начните с 'Страницы продукта'
3. Попробуйте добавить товар в корзину и завершить оформление заказа
4. Обратите внимание на: [конкретные аспекты для оценки]
Ссылка на прототип: [URL прототипа Figma]
Диаграмма пользовательского потока: [прикрепленный PDF]
Нужна обратная связь по:
- Интуитивен ли поток?
- Есть ли запутанные шаги?
- Чувствуется ли это плавным?
- Чего-то не хватает?
Отслеживание вех одобрения
Связывание одобрений дизайна с временной шкалой проекта:
В управлении проектами Workify:
Временная шкала проекта:
├── Веха 1: Концепции одобрены ✓ (5 ноя)
├── Веха 2: Дизайн главной страницы одобрен ✓ (12 ноя)
├── Веха 3: Внутренние страницы одобрены (20 ноя)
├── Веха 4: Адаптивные дизайны одобрены (27 ноя)
└── Веха 5: Передача разработчику (1 дек)
Каждая веха требует формального одобрения через портал перед продолжением.
Преимущества:
- Четкая видимость прогресса проекта
- Предотвращает продвижение без одобрения
- Документирует временную шкалу для целей выставления счетов
- Создает ответственность с обеих сторон
Рабочие процессы пакетного одобрения
Для крупных проектов:
При загрузке 20+ файлов дизайна:
Создайте пакеты одобрения:
Пакет 1: Главная страница (3 файла) - Срок 10 ноя
Пакет 2: Страницы продуктов (8 файлов) - Срок 15 ноя
Пакет 3: Страницы аккаунта (6 файлов) - Срок 20 ноя
Пакет 4: Маркетинговые страницы (5 файлов) - Срок 25 ноя
Каждый пакет получает отдельный рабочий процесс одобрения.
Предотвращает перегрузку клиента слишком большим количеством сразу.
Позволяет разработке начаться на одобренных пакетах, пока другие на просмотре.
Безопасность и разрешения клиентского портала
Контроль доступа
Разрешения на основе ролей:
Роль: Администратор клиента (Сара)
Разрешения:
☑ Просмотр всех файлов
☑ Загрузка файлов
☑ Комментирование файлов
☑ Одобрение дизайнов (обязательное)
☑ Управление другими пользователями клиента
☑ Просмотр финансов проекта
☑ Загрузка файлов
Роль: Рецензент клиента (Майкл, Дженнифер)
Разрешения:
☑ Просмотр всех файлов
☑ Комментирование файлов
☑ Запрос изменений
☐ Одобрение дизайнов (может предоставить ввод, но не финальное одобрение)
☐ Просмотр финансов
☑ Загрузка файлов
Роль: Просмотрщик клиента (Внешние заинтересованные стороны)
Разрешения:
☑ Просмотр конкретных файлов только
☐ Загрузка файлов
☑ Комментирование файлов (опционально)
☐ Одобрение дизайнов
☐ Просмотр финансов
☑ Загрузка разрешенных файлов
Разрешения на уровне файлов:
Файл: "Internal-Strategy-Deck.pdf"
Видно для: Только команда агентства (скрыто от клиента)
Файл: "Final-Approved-Logo.pdf"
Видно для: Все пользователи клиента
Файл: "Revision-Round-1.png"
Видно для: Администратор клиента + Рецензенты (не внешние просмотрщики)
Конфиденциальность и защита NDA
Функции безопасности портала:
☑ SSL-шифрование для всех загрузок/выгрузок
☑ Доступ с защитой паролем
☑ Двухфакторная аутентификация (опционально)
☑ Автоматический выход после неактивности
☑ Отслеживание загрузок (кто загрузил что, когда)
☑ Опции водяных знаков для файлов предпросмотра
☑ Отключение правого клика/загрузки для конкретных файлов
☑ Ссылки для совместного доступа с истечением (доступ с ограничением по времени)
Для высокочувствительных проектов:
Включите дополнительную безопасность:
- Требовать NDA перед предоставлением доступа к порталу
- Добавить водяные знаки ко всем изображениям предпросмотра
- Отключить загрузки для работы в процессе
- Разрешить загрузки только для одобренных финалов
- Логировать весь доступ к файлам для аудиторского следа
Интеграция портала с процессом дизайна
Внутренний рабочий процесс агентства
Пошаговая интеграция:
1. Фаза исследования
Внутренне:
- Исследование, стратегия, конкурентный анализ
- Создание брифинга и мудбордов
- Определение критериев успеха
Портал:
- Загрузить материалы от клиента в папку "Исследование"
- Поделиться резюме результатов исследования
- Загрузить одобренный брифинг проекта
2. Фаза концепции
Внутренне:
- Наброски идей, создание концепций в Figma
- Внутренний просмотр и уточнение команды
- Подготовка 2-3 отполированных направлений
Портал:
- Экспортировать концепции из Figma
- Загрузить в папку "Концепции"
- Запросить обратную связь от клиента
- Собрать и объединить ввод
3. Разработка дизайна
Внутренне:
- Уточнить выбранную концепцию
- Разработать полные дизайны страниц
- Создать компоненты системы дизайна
Портал:
- Загружать дизайны по мере их завершения
- Показывать прогресс между запланированными звонками
- Позволить клиенту отслеживать разработку
- Запрашивать обратную связь на ключевых вехах
4. Фаза ревизий
Внутренне:
- Реализовать обратную связь клиента
- Внести запрошенные изменения в Figma
- Создать документы сравнения версий
Портал:
- Загрузить ревизионные версии с заметками об изменениях
- Связать с предыдущими версиями для контекста
- Запросить одобрение на ревизиях
- Отслеживать статус одобрения
5. Финальная доставка
Внутренне:
- Подготовить все финальные файлы
- Организовать исходные файлы
- Создать документацию передачи
Портал:
- Загрузить все одобренные финалы в папку "Результаты"
- Включить ссылки на исходные файлы Figma
- Предоставить руководства по использованию
- Предоставить постоянный доступ для загрузки
Анализ экономии времени
До клиентского портала:
Типичный цикл одобрения:
- Дизайнер отправляет дизайны по email: 10 мин
- Клиент A отвечает по email: на следующий день
- Клиент B отвечает в Slack: через 2 дня
- Клиент C звонит с обратной связью: через 3 дня
- Дизайнер объединяет разрозненную обратную связь: 45 мин
- Дизайнер создает ревизию: 2 часа
- Повторить цикл еще 2-3 раза
───────────────────────────────────
Общее время: 8-12 дней
Административные накладные расходы: 2-3 часа
Ревизии: Часто основаны на недопонимании
После клиентского портала:
Типичный цикл одобрения:
- Дизайнер загружает в портал: 5 мин
- Автоматическое уведомление всем заинтересованным сторонам: мгновенно
- Все клиенты просматривают и комментируют в портале: в течение 2 дней
- Вся обратная связь объединена в одном месте: автоматически
- Дизайнер просматривает объединенную обратную связь: 10 мин
- Дизайнер создает ревизию: 2 часа
- Загрузить ревизию и запросить одобрение: 5 мин
───────────────────────────────────
Общее время: 3-4 дня (на 60% быстрее)
Административные накладные расходы: 20 мин (снижение на 85%)
Ревизии: Более точные, меньше переписок
Годовая экономия времени (для агентства с 20 проектами/год):
Административное время сэкономлено на проект: 2.5 часа
Время сэкономлено в год: 50 часов
Экономия затрат (при $100/час): $5,000/год
Плюс: Более быстрые проекты → больше проектной мощности → больше дохода
Типичные ошибки клиентского портала, которых следует избегать
Ошибка 1: Загрузка всего без организации
Неправильно:
В портале 200 файлов в корневой папке
Нет четкого именования или структуры
Клиент не знает, с чего начать просмотр
Файлы 6-месячной давности смешаны с сегодняшней работой
Правильно:
Четкая структура папок по фазам
Только текущие/релевантные файлы видны
Архивировать старые версии в отдельный раздел
Четкое руководство "НАЧНИТЕ ЗДЕСЬ"
Ошибка 2: Не предоставление контекста
Неправильно:
Загрузка: "design-v3.png"
Нет описания
Нет объяснения того, что изменилось
Клиент сбит с толку о том, что просматривает
Правильно:
Загрузка: "Homepage-Design-v3.png"
Описание: Включает конкретные изменения и почему
Контекст: Ссылки на предыдущую версию и оригинальный брифинг
Четкий запрос: Конкретная обратная связь нужна
Ошибка 3: Пропуск шага одобрения
Неправильно:
Клиент говорит "выглядит хорошо" в Slack
Дизайнер продолжает к производству
Позже: "Подождите, я никогда формально не одобрял это"
Правильно:
Требовать формальное одобрение через портал
Документировать с временной меткой и подписью
Не продолжать без записанного одобрения
Создает правовую защиту для обеих сторон
Ошибка 4: Отсутствие стратегии уведомлений
Неправильно:
Загрузить файлы в портал
Предполагать, что клиент будет проверять регулярно
Проходят дни без ответа
Временная шкала проекта сдвигается
Правильно:
Загрузка + немедленное email-уведомление
Установить срок для обратной связи
Отправить напоминание за 1 день до срока
Отследить, если нет ответа к сроку
Ошибка 5: Отношение к порталу только как к хранилищу файлов
Неправильно:
Портал = место, куда файлы отправляются умирать
Нет активности, нет вовлеченности
Просто место хранения
Правильно:
Портал = центр активности проекта
Активные обсуждения на файлах
Регулярные загрузки, показывающие прогресс
Клиент чувствует связь с проектом
Обучение клиентов использованию портала
Процесс внедрения клиента
Шаг 1: Приветственное письмо
Тема: Добро пожаловать в ваш портал проекта [Агентство]
Привет [Имя клиента],
Добро пожаловать в ваш выделенный портал проекта! Это ваш
единый центр для:
✓ Просмотра всех файлов дизайна
✓ Предоставления обратной связи
✓ Отслеживания прогресса проекта
✓ Доступа к финальным результатам
Начало работы:
1. Посетите: [URL портала]
2. Войдите с учетными данными ниже
3. Посмотрите 2-минутное видео-руководство
4. Изучите вашу панель управления
Ваш вход:
Имя пользователя: sarah@acmecorp.com
Временный пароль: [пароль]
(Вам будет предложено изменить при первом входе)
Нужна помощь? Ответьте на это письмо или позвоните [телефон].
С нетерпением ждем отличного проекта!
[Ваше имя]
Шаг 2: Видео-руководство
Создайте 2-3 минутную запись экрана, показывающую:
1. Как войти (0:00-0:20)
2. Где найти загруженные файлы (0:20-0:45)
3. Как комментировать дизайны (0:45-1:10)
4. Как одобрять дизайны (1:10-1:30)
5. Как загружать файлы (1:30-1:50)
6. Как связаться с поддержкой (1:50-2:00)
Шаг 3: PDF-краткое руководство
ОДНОСТРАНИЧНОЕ РУКОВОДСТВО: Использование вашего портала проекта
ПРОСМОТР ДИЗАЙНОВ:
• Нажмите "Файлы" в левом меню
• Навигируйте по папкам, чтобы найти дизайны
• Нажмите на миниатюру, чтобы просмотреть в полном размере
ПРЕДОСТАВЛЕНИЕ ОБРАТНОЙ СВЯЗИ:
• Нажмите "Добавить комментарий" под дизайном
• Введите вашу обратную связь
• Нажмите "Отправить"
• @упомяните товарищей по команде при необходимости
ОДОБРЕНИЕ ДИЗАЙНОВ:
• Просмотрите дизайн тщательно
• Нажмите зеленую кнопку "Одобрить"
• Добавьте опциональный комментарий
• Нажмите "Подтвердить одобрение"
ЗАГРУЗКА ФАЙЛОВ:
• Нажмите значок загрузки на любом файле
• Или выберите несколько и нажмите "Загрузить все"
• Файлы сохранены на ваш компьютер
ВОПРОСЫ?
Email: projects@youragency.com
Телефон: (555) 123-4567
Поощрение принятия портала
Сделайте это по умолчанию:
Во всех сообщениях укрепляйте использование портала:
❌ "Дайте мне знать, что вы думаете"
✓ "Пожалуйста, войдите в портал и оставьте обратную связь"
❌ "Я отправлю вам дизайны по email"
✓ "Дизайны в вашем портале в разделе 'Новые загрузки'"
❌ "Можете одобрить это?"
✓ "Пожалуйста, используйте рабочий процесс одобрения портала"
Признавайте ранних последователей:
Когда клиент эффективно использует портал:
"Спасибо за такую детальную обратную связь в портале!
Это действительно помогает нам оставаться организованными и гарантирует, что мы адресуем
все ваши пункты. Очень ценим это!"
Позитивное подкрепление → продолжение использования
Адресуйте сопротивление:
Если клиент продолжает отправлять обратную связь по email вместо использования портала:
"Спасибо за обратную связь! Чтобы держать все организованным,
можете ли вы вставить это в портал? Таким образом это будет
задокументировано рядом с дизайном, и вся наша команда сможет
на него ссылаться. Вот прямая ссылка: [ссылка]"
Затем отвечайте на их комментарий в портале, а не на email.
Обучите их, что портал = более быстрый ответ.
Измерение успеха портала
Ключевые метрики для отслеживания
1. Время цикла одобрения
Формула: Дни от загрузки до одобрения
До портала: 8-12 дней в среднем
Цель с порталом: 3-5 дней в среднем
Измерять ежемесячно и отслеживать тренд со временем
2. Раунды ревизий
Формула: Количество раундов ревизий на проект
До портала: 3-4 раунда в среднем
Цель с порталом: 2-3 раунда в среднем
Меньше раундов = лучшая начальная коммуникация
3. Вовлеченность клиента
Метрики:
- Частота входа в портал
- Комментарии на проект
- Загруженные файлы
- Время, проведенное в портале
Высокая вовлеченность = заинтересованный клиент
4. Проблемы недопонимания
Отслеживать инциденты:
- "Я думал, мы одобрили X"
- "Где файл, который вы отправили?"
- "Кто это сказал?"
- "Какую версию мы смотрим?"
Цель: Почти ноль с документацией портала
5. Экономия времени команды
Отслеживать часы, потраченные на:
- Отправку файлов по email
- Объединение обратной связи
- Поиск старых версий
- Разрешение путаницы с одобрениями
Рассчитывать экономию ежемесячно
Влияние на удовлетворенность клиента
Обратная связь от клиентов, использующих порталы:
Позитивные сигналы:
✓ "Намного проще, чем email"
✓ "Люблю возможность видеть все в одном месте"
✓ "Отлично иметь всю историю"
✓ "Заставляет меня чувствовать себя более вовлеченным в процесс"
✓ "Хотел бы, чтобы все наши поставщики имели это"
Эти комментарии указывают на успех портала
Опрос в конце проекта:
Вопрос: "Как бы вы оценили портал проекта?"
Шкала: 1-5 звезд
Цель: 4.5+ в среднем
Все, что ниже 4.0 = исследовать почему
Последующий вопрос: "Что вам больше всего понравилось в портале?"
Использовать ответы для маркетинга и отзывов
Заключение: Упрощенные одобрения дизайна
Итог:
Переход от разрозненной обратной связи по дизайну (email, Slack, звонки) к централизованному рабочему процессу клиентского портала обеспечивает:
Для вашего агентства:
- ✅ На 60% быстрее циклы одобрения
- ✅ На 85% меньше административного времени
- ✅ Меньше раундов ревизий
- ✅ Четкий след документации
- ✅ Профессиональный клиентский опыт
- ✅ Больше проектной мощности
Для ваших клиентов:
- ✅ Одно место для поиска всех дизайнов
- ✅ Четкий вид прогресса проекта
- ✅ Простой процесс обратной связи и одобрения
- ✅ Доступ 24/7 к их файлам
- ✅ Прозрачность и вовлеченность
- ✅ Уверенность в том, что одобрено
Временная шкала внедрения:
Неделя 1: Настройте портал, настройте первый проект клиента
Неделя 2: Внедрите клиента, запустите первый цикл одобрения
Неделя 3: Уточните на основе обратной связи, добавьте еще 2-3 клиентов
Неделя 4: Портала становится рабочим процессом по умолчанию для всех проектов
Месяц 2-3: Оптимизируйте и измеряйте улучшения
Резюме рабочего процесса Figma → Клиентский портал:
1. Дизайн в Figma (ваше творческое пространство)
2. Экспорт отполированных дизайнов
3. Загрузка в клиентский портал с контекстом
4. Запрос структурированной обратной связи
5. Сбор объединенного ввода в одном месте
6. Реализация ревизий в Figma
7. Загрузка новой версии с заметками об изменениях
8. Получение формального одобрения через портал
9. Продолжение к следующей фазе с уверенностью
10. Поддержание полного следа документации
Готовы устранить хаос одобрения дизайна?
Начните бесплатную пробную версию Workify и получите:
- ✓ Полностью брендированный клиентский портал
- ✓ Неограниченные загрузки файлов с контролем версий
- ✓ Структурированные рабочие процессы обратной связи и одобрения
- ✓ Интеграция управления проектами
- ✓ Доступ самообслуживания клиента
- ✓ Мобильное приложение для просмотров на ходу
- ✓ Полный след документации
Прекратите гоняться за одобрениями через email. Централизуйте все в одном профессиональном портале.
Для большей оптимизации рабочих процессов дизайн-агентства ознакомьтесь с нашими руководствами по управлению дизайн-ретейнерами, обработке запросов на изменения и автоматическому отслеживанию времени для дизайнеров.