К содержанию

Продуктовый дизайн

Дизайн, который начинается с логики, а не с красивых экранов

Прототипы, интерфейсы и дизайн-системы для сложных продуктов. Роли, сценарии и данные — до первого пикселя.

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

СмотретьПродолжитьСмотреть ещё раз

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

Сначала фиксирую логику: роли, сценарии и правила системы. Ошибки ищу на серых прототипах — там их исправление стоит минуты, а не недели разработки.

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

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

Когда это нужно

  • Продукт сложный, и в нём путаются даже сотрудники
  • Идею нужно проверить на прототипе до разработки
  • Дизайн «разъехался» — каждый экран живёт по своим правилам
  • Нужен уровень, который не стыдно показать премиальному клиенту

Что входит

  • UX-архитектура — роли, сценарии, потоки данных
  • Кликабельные прототипы для проверки логики
  • Интерфейсы для веба и мобильных
  • Дизайн-система — токены, компоненты, состояния
  • Макеты в Figma и передача в разработку без потерь
  • Презентации и печатные материалы в том же стиле

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

Для ETS Tender, тендерной площадки, я сначала зафиксировал роли, сценарии и потоки данных, собрал канбан-модель тендеров и согласований и проверил логику на прототипах — и только потом рисовал интерфейсы.

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

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

Примеры — Atlas Ultima с прицелом на iPad, медиа-платформа Digital Hustlas с плеером, через который проходит весь сайт, и Freedom Ticketon Awards.

Дизайн я довожу и до печати: для Atlas собрал книгу паломника на 76 полос, брошюру и баннеры к выставке — в одной системе с цифровыми продуктами.

Как я это делаю

  1. Логика

    Роли, сценарии, правила системы. Что должно происходить — до того, как решать, как это выглядит.

  2. Прототип

    Серые экраны, на которых видна логика. Здесь ошибки стоят дешевле всего.

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

    Типографика, цвет, компоненты. Спокойный, без шаблонных приёмов, под ваш бренд.

  4. Интерфейсы

    Все экраны и состояния — пустые, с ошибкой, с длинным текстом.

  5. Передача

    Дизайн-система и макеты, по которым разработка собирает продукт без догадок.

Кейсы

Вопросы

Делаете только дизайн, без разработки?

Да, бывает — например, продуктовый UX для тендерной площадки ETS Tender. Но сильнее всего результат, когда дизайн и разработка идут вместе — ничего не теряется при передаче.

Как вы относитесь к трендам?

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

Другие услуги

Есть задача — напишите, разберём.

Опишите в двух словах, что нужно, — отвечу сам, без менеджеров и брифов на десять страниц.