Агентский подход + продуктовая команда: как мы сделали редизайн портала клиента и обменялись скиллами

Всем привет! На связи Саша Солдатов — CEO REBOOT.

У нас тут получилась крутая история про обмен опытом (почти как Work and Travel). Мы сейчас прокачиваем портал и пересобираем дизайн-систему большой российской IT-компании. В этом проекте мы не просто делимся своим опытом, но и перенимаем подходы клиента, и в итоге редизайн выходит ещё круче, чем мы ожидали.

Но лучше обо всём расскажут те, кто в самой гуще событий. Передаю слово Ане Пачгановой и Серёже Борцову — продюсеру и дизайн-директору REBOOT. Они расскажут, как мы меняли рекламный портал, а заодно и себя.

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

В команде клиента были ведущий дизайнер и арт-директор. Они уже пытались обновить портал, но столкнулись с проблемой: дизайн не масштабировался. Добавлять новые страницы и разделы было сложно, а отдельные элементы не складывались в единую систему. Тогда они разработали новый подход, который решал эти проблемы и позволял расширять систему.

Представьте, что вы построили маленький домик, а потом решили добавить к нему ещё пару комнат. Но оказалось, что фундамент не выдерживает и стены рушатся. То же самое произошло и с сайтом клиента: он разрабатывался для небольших задач, но когда проект стал расти, система начала ломаться.

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

Рассказываем, какие открытия мы сделали.

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

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

Сначала мы пытались делать вид, что понимаем, что происходит. На созвонах сидели с умным видом, пытались на лету разобраться в терминологии и в логике структуры сайта. Потом стали замечать, что у дизайнеров начинает немного «закипать» мозг от объёма новой информации, количества коммуникаций и непонимания, кого слушать и чьё мнение финальное.

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

И здесь мы поняли, что сможем немного подтолкнуть его и направить в нужное русло. Так родился следующий инсайт.

Мы перестали ждать чётких указаний и начали задавать вопросы, предлагать решения и даже спорить, если что-то казалось нелогичным. Это помогло создать более творческую атмосферу, где мы совместно разрабатывали идеи.

Например, к нам часто прилетали сырые задачки и приходилось тратить много времени на разбор деталей. Мы решили, что можно изменить сам процесс постановки задач, и вместе с ведущим дизайнером клиента доработали шаблон для постановки ТЗ продакт-менеджеру. Маршрут работы стал таким:

Это помогло улучшить коммуникацию внутри общей команды.

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

Сначала это вызывало фрустрацию. Мы могли придумать решение за 15 минут, а потом неделями обсуждать его на встречах, искать дополнительные обоснования. Иногда после всех этих итераций мы возвращались к тому, с чего начали. Но разница была в том, что теперь это решение не просто казалось правильным, а мы точно знали, что оно лучшее.

Глубокий анализ в начале работы помогает избежать множества переделок в будущем.

Потому что обычно дизайнеры делают макеты, а потом разработчики приходят и говорят: «Хм, это невозможно сделать». Начинаются переделки, дедлайны горят, все нервничают. В агентской работе это частая история: сначала создаётся визуальное решение, потом идёт доработка под технические ограничения.

Мы часто рефлексировали по поводу этой темы и недавно опубликовали «Манифест» — гайд про здоровые рабочие процессы между дизайнерами и разработчиками. Он является частью «Ху из гилти» — нашего большого проекта с митапами и телеграм-каналом, где мы учим ребят быть на одной волне, прокачивать скиллы друг друга и тестировать новые форматы — от нейросетей до геймификации.

В команде клиента было круто наконец поработать в таком формате. Ещё на старте к обсуждению идей подключали всех: арт-директора, дизайнеров, разработчиков, UX-редакторов, SEO-специалистов и внутренних заказчиков. Это полностью изменило процесс. Разработчики сразу отмечали, какие решения сложны в реализации, UX-редакторы уточняли текстовые блоки, а продакт понимал, что получится в итоге. Такой подход помог избежать бесконечных итераций и «неожиданных» проблем на финальной стадии проекта.

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

Ещё один плюс — помимо проектирования интерфейсов, наши дизайнеры умеют в анимацию, графику, вёрстку, а ещё в геймификацию. Это не просто дополнительный навык, а одно из ключевых направлений REBOOT, которое формирует нашу экспертность.

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

В компании клиента мы увидели, как доверие к дизайнерам влияет на результат. Там от них ждут не просто выполнения заданий, а глубокой проработки UX, ресёрча похожих механик у других компаний. Дизайнерам нужно проанализировать, что уже работает, взять сильные стороны, отбросить неудачные и в итоге сделать из этого крутое решение. Поэтому продакт-менеджеры не приходят с запросами вроде «сделай кнопку такой-то», а объясняют, зачем это нужно и как повлияет на продукт.

Для многих ребят из REBOOT такой подход открыл новые горизонты и мощно прокачал профессиональные навыки. Например, наш дизайнер Вадим сильно вырос в понимании дизайн-систем, композиций, ритма, в аргументации своих решений. Теперь он увереннее ведёт крупные проекты и готовится к роли лида.

В целом это фишка работы в агентстве: каждый клиент демонстрирует новые подходы, новые инструменты, новые способы мышления.

Гибкость, открытый диалог и обмен опытом дают гораздо больше, чем классическая схема «заказчик — исполнитель».

Что клиент получил от REBOOT:

Что REBOOT перенял у клиента:

Наш проект ещё не завершился. Темп стал спокойнее, мы дорабатываем детали, тестируем новые решения и продолжаем развивать дизайн-систему вместе с командой нашего клиента. Спасибо ребятам за такой челлендж!

***

Следить за нашими проектами удобно в Telegram-канале @webzdelnya. А все наши кейсы лежат тут — rebooot.me и тут — behance.net/rebootme.

А ещё можно подписаться на канал Серёжи @ssbortsovka — там много интересного про фишки в работе, подходы к дизайну и эксперименты в REBOOT.