Обсудить проект

Договориться о том, как продукт выглядит и звучит, — до того как отрисованы все экраны.

Разработка дизайн-концепции продукта и цифрового сервиса

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

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

Дальше концепция становится опорой: по ней разворачивается остальной дизайн, из неё вырастает дизайн-система, на неё опираются и разработчики, и маркетинг.

Направления

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

Ключевые экраны

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

Визуальный язык

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

Основа дизайн-системы

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

Обоснование решений

Короткое объяснение, почему направление именно такое: какой аудитории адресовано, какие ограничения учтены, что осознанно отвергнуто. Это то, что помогает согласовать концепцию внутри компании. Записанное объяснение снимает половину повторных обсуждений: к нему можно вернуться через месяц. Без него согласование превращается в спор о вкусах.

опыт

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

Входим в Топ-3 разработчиков России в стеке Nuxt.js по версии Рейтинг Рунета 2025

II место в срезе студий разработки в сфере Право по версии Рейтинг Рунета 2025

Реализовали и поддерживаем интранет системы, которыми пользуются более 3 000 человек

Реализуем проекты для блогеров и лидеров мнений с аудиторией более 3 млн человек

Не практикуем аутсорс, накапливаем экспертизу комплексной реализации

Зачем это нужно

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

Решение принимается рано

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

Есть что показать

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

Дальше дизайн идёт быстрее

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

Продукт не выглядит шаблонным

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

Этапы

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

Вводные и контекст

Разбираем продукт, аудиторию, конкурентов и ограничения — технические, юридические, брендовые. Здесь же выясняем, что именно вам не нравится в текущем решении: это часто говорит больше, чем описание желаемого. То, что вам не нравится в текущем решении, обычно говорит больше, чем описание желаемого. Ограничения — технические, юридические, брендовые — фиксируем здесь же, чтобы не упереться в них позже.

Направления

Готовим несколько заметно разных вариантов — не оттенки одного, а разные подходы. Выбирать из похожего бессмысленно. Показываем заметно разные подходы, а не оттенки одного: выбор из похожего становится вкусовым. Обычно вариантов два-три, больше не помогает.

Выбор и уточнение

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

Ключевые экраны

Отрисовываем выбранное направление на реальном содержании — с настоящими текстами и данными, а не с условным «Lorem ipsum», который скрывает половину проблем. Выбираем самый плотный по данным экран и самый ответственный шаг: именно на них проверяется, выдержит ли направление реальное содержание. Красивый главный экран не доказывает ничего.

Передача

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

В чём работаем

Технологии

Дизайн

Figma

Дизайн-системы

Токены

Прототипы

Проверка

Кликабельные прототипы

Реальный контент

Проверка на устройствах

Доступность

Передача

Компоненты

Спецификации

Гайдлайны

Совместная работа с разработкой

Кому это подходит

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

Новым продуктам

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

Перед редизайном

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

Компаниям с несколькими согласующими

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

Командам со своими дизайнерами

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

Нам доверяют

Корпоративный бизнес

Медицинская группа «EMC», группа «НефтеТрансСервис», компании группы «Полипластик»

Юридические услуги. Налоговые консультанты. Family Office

«Orion Partners» (ex. Linklaters, White & Case, Cleary Gottlieb), BGP Family Office, «LEVEL Legal Services» (ex. Hogan Lovells), МЭФ Консалтинг (топ-3 налоговых консультантов России), «Verba.Legal », «Кучер, Кулешов, Максименко» (ex. Deveboice), «Sirota&Partners », «Рыбалкин, Горцунян, Дякин», «Никольская Консалтинг» (ex. Herbert Smith), «Яковлев и Партнеры, «EmetLaw », «Lobster Group », «Восход » (ex. White & Case, Baker Botts, DLA Piper), «AlpineTax », «NIMBUS.Legal » (ex. Никитин, Манойло, ex. Право и Практика), и многие другие

eCommerce

Мульти-брендовый бутик GrandeBoutique.ru, ShiTrendy.com и приложение ShiTrendy, магазины товаров для дома и мебели DeepHouse.pro, VremyaSna.ru и MyRoomy.com, бренд Twyn.ru, сервисы доставки готового питания Yummum.ru и Hraniteltela.ru, сеть ресторанов «Епонский Городовой»

Сервисы и приложения

Образовательная платформа «EdPRO » (топ-3 рынка дополнительного образования России), приложение для сопровождения бухгалтерского учета «ЦСБ », сервис AI-ассистентов Neuralismo.ru, GPT-based ассистент для здорового питания CalMePlease

Результаты клиентов

Продажи растут, прибыль тоже. Сильно подросли продажи сегмента мужской одежды. Сайт стал гораздо красивее, в нем стал удобнее поиск для клиентов. Лично для меня огромный плюс, что стало удобно пользоваться админкой. Она легчайшая, простейшая, просто подарок для маркетолога ― двигаешь что хочешь и куда хочешь.

Ульяна Оржеховская

Интернет-маркетолог Grande Boutique

Интерьвью с заказчиком

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

Рустам Алибеков

Руководитель ShiTrendy.com

Интерьвью с заказчиком

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

Богдан Царелунга

Руководитель маркетинга Lobster Group

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

Марат Шаниязов

CTO Международной академии EDPRO

Нам нравится сайт) Мы также получаем положительную обратную связь: стильный, лаконичный, точный. Дотьюнили контент и будем менять некоторые стоковые визуалы. Вероятно изменим цвет кнопки на главном экране, но пока оставили оранжевый) Спасибо за работу!

Алена Шукалович

Директор по развитию Kaloy.ru

Ульяна Оржеховская

Интернет-маркетолог Grande Boutique

Интерьвью с заказчиком

Рустам Алибеков

Руководитель ShiTrendy.com

Интерьвью с заказчиком

Богдан Царелунга

Руководитель маркетинга Lobster Group

Марат Шаниязов

CTO Международной академии EDPRO

Алена Шукалович

Директор по развитию Kaloy.ru

Частые вопросы

Что чаще всего спрашивают о концепции.

Чем концепция отличается от полного дизайна?

Объёмом и назначением. Концепция отвечает на вопрос «как это будет выглядеть и работать в принципе» на нескольких экранах. Полный дизайн — это все экраны и все состояния. Концепция почти всегда предшествует ему и стоит существенно меньше.

Сколько вариантов вы показываете?

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

Можно ли потом делать дизайн своими силами?

Да. Мы передаём токены, базовые компоненты и правила — этого достаточно, чтобы ваша команда разворачивала остальное. Многие так и поступают, а нас подключают на сложные экраны.

А если ни один вариант не подойдёт?

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

Нужен ли брендбук до концепции?

Не обязательно. Если брендбук есть, мы работаем внутри него. Если нет, концепция часто становится первым шагом к нему — из неё вырастают и цвет, и типографика.

Сколько это занимает?

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

Покажем концепт за 10 дней

Что нужно сделать

Корпоративный сайт

Автоматизация процесса

Приложение

eCommerce

Смарт аналитика

Аудит продукта

Посадочная страница

Mini App

Личный кабинет

AI-сотрудник