Номинируйте кейсы на Workspace Digital Awards 2026. Прием заявок до 15 декабря по льготной цене, успейте принять участие!
Назад
Дизайн

Как мы превратили хаос в систему и автоматизировали создание КП

1525 
 
Как мы превратили хаос в систему и автоматизировали создание КП

Всем привет! Меня зовут Ваня, я UI/UX-дизайнер в дизайн-студии UXART.

Полгода назад мы начали менять внутренние процессы студии. В наших документах частенько был хаос, который не позволял работать на максимум. Эта серия статей про новый подход, который кардинально изменил UXART.

Основная проблема

Раньше, когда приходил клиент с запросом на разработку дизайна, нужно было почти с нуля собирать презентацию с коммерческим предложением. Каждый раз дизайнеры допиливали старые слайды, вручную подбирали кейсы и перестраивали структуру под новый запрос.

В среднем на подготовку одного КП уходило от 3 до 4 часов — и это без учёта согласований и правок.

Но когда поток запросов начал расти, оперативно готовить новые предложения для клиентов стало просто невозможно без системы.

Хотелось, чтобы подготовка КП занимала меньше времени:

«Каждая презентация должна была собираться быстро и при этом оставаться структурированной и удобной для восприятия клиентом.»

Так появился конструктор КП — единый файл, где собраны все проекты студии, разбитые по категориям. Из него можно быстро собрать презентацию под любой клиентский запрос и при этом не терять в качестве презентации.

P.s. Раньше КП были настолько плохими, что их стыдно показывать прямо сейчас…

Как мы превратили хаос в систему и автоматизировали создание КП

Как подходили к задаче

Нужно было создать систему, которая позволяла бы быстро собирать коммерческие предложения под любого клиента, но при этом сохранять индивидуальный подход.

Процесс выглядел так:

Выведение стилистики. Определили визуальный язык КП: цвета, шрифты, сетку и общие принципы оформления. Это позволило всем слайдам выглядеть в едином стиле

Сбор основных слайдов. Добавили вступительные блоки о студии и команде, блоки с описанием подхода и процессов работы и т.д.

Как мы превратили хаос в систему и автоматизировали создание КП

Добавление всех проектов и структуризация. Для каждого реализованного проекта сделали отдельный слайд.

Разберем на примере «Корпоративного портала для ВСПМО АВИСМА». Здесь заказчик сразу видит самую важную информацию о проекте:

— Краткое описание

— Какие задачи были выполнены

— Достигнутые результаты

— Визуал интерфейса.

Как мы превратили хаос в систему и автоматизировали создание КП

А почему мы сделали так?

Мы специально сделали слайд таким, чтобы клиенту не приходилось читать кучу текста. Он сразу видит суть проекта, результаты и визуал — буквально за несколько секунд понимает, чем мы занимались и какой уровень работы может ожидать.

Как это работает

Внутри Figma каждый слайд — отдельный фрейм. Дизайнер или менеджер копирует нужные блоки и собирает презентацию, а затем экспортирует её в PDF одним кликом. Презентация готова к отправке клиенту: все шрифты, графика и верстка сохраняются, ничего не ломается.

Но кроме скорости и удобства, важно понимать структуру КП и логику сборки.

Структура нашей презентации:

Титульный слайд — постарались совместить наше лого с «вау-эффектом». Получилось ли? Пишите об этом в комментариях)

Как мы превратили хаос в систему и автоматизировали создание КП

Команда — показываем, кто работает в студии. Это вызывает доверие и показывает, что над проектом работают «живые» люди.

Как мы превратили хаос в систему и автоматизировали создание КП

Подход — показывает, как мы решаем задачи и какие процессы используем; у клиента появляется уверенность, что проект будет структурированным и продуманным.

Как мы превратили хаос в систему и автоматизировали создание КП

Наши клиенты — демонстрирует опыт работы с разными компаниями; вызывает ощущение надежности и понимание, что студия умеет работать с проектами разного масштаба.

Как мы превратили хаос в систему и автоматизировали создание КП

Награды — подтверждают уровень студии, добавляют авторитета и доверия

Как мы превратили хаос в систему и автоматизировали создание КП

Как будем работать — даёт понимание, как будет происходить взаимодействие, уменьшаются сомнения и страхи по срокам и процессу работы

Как мы превратили хаос в систему и автоматизировали создание КП

Разместите
тендер бесплатно

Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.

Заполнить заявку 13201 тендер
проведено за восемь лет работы нашего сайта.


Наши проекты — кейсы, релевантные запросу клиента; каждый проект — отдельный слайд, который показывает какие «боли» мы закрыли. У клиента закрываются оставшиеся сомнения

Как мы превратили хаос в систему и автоматизировали создание КП

Смета проекта — здесь клиент сразу видит, из чего складывается бюджет: какие этапы заложены и сколько примерно стоит каждый. Это помогает понять логику формирования стоимости и чувствовать, что всё прозрачно и под контролем

Как мы превратили хаос в систему и автоматизировали создание КП

Финальный слайд с контактами — завершает презентацию и даёт клиенту понятное направление для следующего шага: как связаться с нами и обсудить проект.

Как мы превратили хаос в систему и автоматизировали создание КП

Захотели сделать своё КП? Вот как выбрать проекты

Смотрите на схожесть с клиентским запросом: отрасль, тип задачи, масштаб.

— Выбирайте не только лучшие кейсы, но и те, которые показывают ключевые компетенции команды.

Например, когда к нам пришла Renna с запросом на корпоративный сайт, мы включили в КП разные примеры корпоративных сайтов, в том числе проект «Навигатор ТЕХНОНИКОЛЬ». Так клиент сразу увидел, что у нас есть опыт именно с похожими задачами и масштабом.

Держите баланс между крупными и небольшими проектами, чтобы КП выглядело разносторонним.

Что изменилось

Конструктор решил несколько ключевых задач:

Скорость. КП собирается в несколько раз быстрее. Вместо 4 часов — 30 минут

Единый стиль. Теперь все презентации оформлены в одном стиле. Это создаёт у клиента целостное ощущение студии и её подхода к работе

Актуальность. Все кейсы, награды и блоки обновляются в одном месте.

Масштабируемость. Любой новый проект легко добавляется в систему.

Прозрачность. Любой сотрудник может собрать КП без проблем

Как мы превратили хаос в систему и автоматизировали создание КП

Почему это важно для клиентов

КП — это первой контакт со студией.

Если оно сделано аккуратно, понятно, идеально подходит под запрос и визуально выверено — клиент уже чувствует:

«Эти ребята точно знают, что делают».

Хотя у нас есть конструктор, каждое КП собирается вручную. Сэкономленное время мы тратим на погружение в проект — разбираемся в задаче, понимаем «боли» клиента.

Благодаря этому можем подобрать самые точные кейсы и решения, чтобы презентация отвечала на все вопросы и сразу снимала возможные сомнения

Почему это важно для нас

Теперь у нас есть единая база проектов, актуальные тексты, визуалы и структура, которая всегда под рукой.

Но главное — мы перестали тратить часы на рутину и можем направить энергию туда, где она действительно нужна: в аналитику и коммуникацию с клиентом. Это повысило скорость работы, улучшило наши пресейлы и снизило вероятность ошибок.

Кроме того, теперь у каждого члена команды есть единые принципы и инструменты — это формирует общее ощущение порядка.

Итог

Системность важна не только в интерфейсах, но и внутри студии. Мы увидели проблему — долгое и трудоёмкое создание КП — и автоматизировали процесс.

Конструктор КП — не просто шаблон. Это инструмент, который помогает команде работать быстрее, увереннее и точнее, снижая расходы за счёт уменьшения времени на подготовку презентаций.

А клиенту — с первого взгляда видно, что перед ним студия, где всё под контролем: от процессов до интерфейсов.

Как мы превратили хаос в систему и автоматизировали создание КП

Это первая часть серии статей, в которых мы рассказываем про наши изменения. Дальше затронем тему с созданием собственной дизайн-системы. И если вам интересно узнать, как мы меняемся — обязательно подписывайтесь и ставьте лайки этой статье)

***

А еще можете подписаться на нашу телегу, там больше контента про студию и внутреннюю кухню)

Лучшее
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.




1542

Лучшие статьи

Поделиться: 0 0 0
Лайки за кейсы:  35 Подписчики:  0