Всем привет! Меня зовут Ваня, я UI/UX-дизайнер в дизайн-студии UXART.
Полгода назад мы начали менять внутренние процессы студии. В наших документах частенько был хаос, который не позволял работать на максимум. Эта серия статей про новый подход, который кардинально изменил UXART.
Раньше, когда приходил клиент с запросом на разработку дизайна, нужно было почти с нуля собирать презентацию с коммерческим предложением. Каждый раз дизайнеры допиливали старые слайды, вручную подбирали кейсы и перестраивали структуру под новый запрос.
В среднем на подготовку одного КП уходило от 3 до 4 часов — и это без учёта согласований и правок.
Но когда поток запросов начал расти, оперативно готовить новые предложения для клиентов стало просто невозможно без системы.
Хотелось, чтобы подготовка КП занимала меньше времени:
«Каждая презентация должна была собираться быстро и при этом оставаться структурированной и удобной для восприятия клиентом.»
Так появился конструктор КП — единый файл, где собраны все проекты студии, разбитые по категориям. Из него можно быстро собрать презентацию под любой клиентский запрос и при этом не терять в качестве презентации.
P.s. Раньше КП были настолько плохими, что их стыдно показывать прямо сейчас…
Нужно было создать систему, которая позволяла бы быстро собирать коммерческие предложения под любого клиента, но при этом сохранять индивидуальный подход.
Процесс выглядел так:
— Выведение стилистики. Определили визуальный язык КП: цвета, шрифты, сетку и общие принципы оформления. Это позволило всем слайдам выглядеть в едином стиле
— Сбор основных слайдов. Добавили вступительные блоки о студии и команде, блоки с описанием подхода и процессов работы и т.д.
— Добавление всех проектов и структуризация. Для каждого реализованного проекта сделали отдельный слайд.
Разберем на примере «Корпоративного портала для ВСПМО АВИСМА». Здесь заказчик сразу видит самую важную информацию о проекте:
— Краткое описание
— Какие задачи были выполнены
— Достигнутые результаты
— Визуал интерфейса.
А почему мы сделали так?
Мы специально сделали слайд таким, чтобы клиенту не приходилось читать кучу текста. Он сразу видит суть проекта, результаты и визуал — буквально за несколько секунд понимает, чем мы занимались и какой уровень работы может ожидать.
Внутри Figma каждый слайд — отдельный фрейм. Дизайнер или менеджер копирует нужные блоки и собирает презентацию, а затем экспортирует её в PDF одним кликом. Презентация готова к отправке клиенту: все шрифты, графика и верстка сохраняются, ничего не ломается.
Но кроме скорости и удобства, важно понимать структуру КП и логику сборки.
Структура нашей презентации:
— Титульный слайд — постарались совместить наше лого с «вау-эффектом». Получилось ли? Пишите об этом в комментариях)
— Команда — показываем, кто работает в студии. Это вызывает доверие и показывает, что над проектом работают «живые» люди.
— Подход — показывает, как мы решаем задачи и какие процессы используем; у клиента появляется уверенность, что проект будет структурированным и продуманным.
— Наши клиенты — демонстрирует опыт работы с разными компаниями; вызывает ощущение надежности и понимание, что студия умеет работать с проектами разного масштаба.
— Награды — подтверждают уровень студии, добавляют авторитета и доверия
— Как будем работать — даёт понимание, как будет происходить взаимодействие, уменьшаются сомнения и страхи по срокам и процессу работы
Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.
Заполнить заявку
13201 тендер
проведено за восемь лет работы нашего сайта.
— Наши проекты — кейсы, релевантные запросу клиента; каждый проект — отдельный слайд, который показывает какие «боли» мы закрыли. У клиента закрываются оставшиеся сомнения
— Смета проекта — здесь клиент сразу видит, из чего складывается бюджет: какие этапы заложены и сколько примерно стоит каждый. Это помогает понять логику формирования стоимости и чувствовать, что всё прозрачно и под контролем
— Финальный слайд с контактами — завершает презентацию и даёт клиенту понятное направление для следующего шага: как связаться с нами и обсудить проект.
Захотели сделать своё КП? Вот как выбрать проекты
— Смотрите на схожесть с клиентским запросом: отрасль, тип задачи, масштаб.
— Выбирайте не только лучшие кейсы, но и те, которые показывают ключевые компетенции команды.
Например, когда к нам пришла Renna с запросом на корпоративный сайт, мы включили в КП разные примеры корпоративных сайтов, в том числе проект «Навигатор ТЕХНОНИКОЛЬ». Так клиент сразу увидел, что у нас есть опыт именно с похожими задачами и масштабом.
— Держите баланс между крупными и небольшими проектами, чтобы КП выглядело разносторонним.
Конструктор решил несколько ключевых задач:
— Скорость. КП собирается в несколько раз быстрее. Вместо 4 часов — 30 минут
— Единый стиль. Теперь все презентации оформлены в одном стиле. Это создаёт у клиента целостное ощущение студии и её подхода к работе
— Актуальность. Все кейсы, награды и блоки обновляются в одном месте.
— Масштабируемость. Любой новый проект легко добавляется в систему.
— Прозрачность. Любой сотрудник может собрать КП без проблем
КП — это первой контакт со студией.
Если оно сделано аккуратно, понятно, идеально подходит под запрос и визуально выверено — клиент уже чувствует:
«Эти ребята точно знают, что делают».
Хотя у нас есть конструктор, каждое КП собирается вручную. Сэкономленное время мы тратим на погружение в проект — разбираемся в задаче, понимаем «боли» клиента.
Благодаря этому можем подобрать самые точные кейсы и решения, чтобы презентация отвечала на все вопросы и сразу снимала возможные сомнения
Теперь у нас есть единая база проектов, актуальные тексты, визуалы и структура, которая всегда под рукой.
Но главное — мы перестали тратить часы на рутину и можем направить энергию туда, где она действительно нужна: в аналитику и коммуникацию с клиентом. Это повысило скорость работы, улучшило наши пресейлы и снизило вероятность ошибок.
Кроме того, теперь у каждого члена команды есть единые принципы и инструменты — это формирует общее ощущение порядка.
Системность важна не только в интерфейсах, но и внутри студии. Мы увидели проблему — долгое и трудоёмкое создание КП — и автоматизировали процесс.
Конструктор КП — не просто шаблон. Это инструмент, который помогает команде работать быстрее, увереннее и точнее, снижая расходы за счёт уменьшения времени на подготовку презентаций.
А клиенту — с первого взгляда видно, что перед ним студия, где всё под контролем: от процессов до интерфейсов.
Это первая часть серии статей, в которых мы рассказываем про наши изменения. Дальше затронем тему с созданием собственной дизайн-системы. И если вам интересно узнать, как мы меняемся — обязательно подписывайтесь и ставьте лайки этой статье)
***
А еще можете подписаться на нашу телегу, там больше контента про студию и внутреннюю кухню)