Product Designer · Middle

5 лет в дизайне, два года в продукте

Мобильный вебВеб-приложения
Решения сверяю с рынком117 российских приложений, 7 360 сценариев и 36 880 экранов разложены по шагам и лежат под рукой.
Лента для ассистента Для ассистента

Один адрес со всем: анкета, опыт, навыки, кейсы, договорённости. Скопируйте и вставьте в ChatGPT или Claude, ставить ничего не нужно.

prokhor.me/llms.txt
Знак ПрохораПрохор
РезюмеCV Telegram

Спросите что угодно о Прохоре

Отвечает модель по материалам сайта. Чего нет в кейсах, того она не знает.

Отвечает модель и может ошибаться. Проверяйте важное у самого Прохора.

Кейс, ВкусВилл

Упаковка собственной марки, которая читается как одна семья

( А )

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

( Б )

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

( В )

Graphic Design, Packaging, Типографика
2026
Самостоятельный концепт

Упаковка собственной марки, которая читается как одна семья
рис. 1, ВкусВилл · система упаковки

Результаты

6
модулей в сетке
12
позиций собрано по шаблону
4
краски в печати
1
гарнитура на всю линейку

Референсы

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

Крутите мышью

Проблема бизнеса

Что было сломано.

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

Гипотезы

Что я предположил.

  • H1Общая модульная сетка важнее индивидуальности упаковки: строй на полке читается раньше, чем отдельная пачка.
  • H2Категорию должен различать цвет и пиктограмма, а не смена всей композиции.
  • H3Название в одном размере на всей линейке делает полку спокойнее, даже когда длина слов разная.

Ограничения

С чем работал.

  • ·Печать в один прогон, не больше четырёх красок, без выборочного лака.
  • ·Обязательные поля: состав, вес, срок годности, знаки маркировки, они занимают нижнюю треть.
  • ·Названия от 4 до 28 знаков, макет должен держать оба края диапазона.

Дизайн-решения

Как я это сделал.

  1. 01

    Сетка из шести модулей: имя, дескриптор, знак категории, окно продукта, обязательная зона, штрихкод.

  2. 02

    Одна гарнитура в двух начертаниях. Размер имени фиксирован, длинные названия переносятся, а не ужимаются.

  3. 03

    Цвет кодирует категорию, оттенок внутри категории кодирует вкус. Оттенки проверял на печатной пробе, а не на экране.

  4. 04

    Пиктограммы одной толщиной линии, чтобы в ряду не спорили по весу.

  5. 05

    Шаблон в Figma с переменными: смена категории меняет цвет и знак разом, ручной подгонки нет.

Пользовательский сценарий

Линейный flow.

  1. 01
    Покупатель видит полку
    два шага, боковое зрение
  2. 02
    Ловит строй марки
    единая сетка
  3. 03
    Находит категорию
    цвет и знак
  4. 04
    Различает вкус
    оттенок
  5. 05
    Проверяет состав
    нижняя зона

Что не получилось сразу

Пришлось переделывать.

  • Первая версия кодировала категорию иллюстрацией. На раскладке из двенадцати пачек полка превратилась в лоскутное одеяло, иллюстрации спорили между собой. Заменил на цвет и знак, строй появился.
  • Фиксированный размер имени ломался на самых длинных названиях. Ввёл правило переноса на две строки вместо уменьшения кегля, иначе ряд снова разъезжался.

Передача в разработку

Что отдаю фронтенду.

  • ·Шаблон Figma с переменными под категорию и вкус.
  • ·Обтравленные окна продукта и правила кадрирования.
  • ·Инструкция для дизайнера подрядчика: что менять можно, что нельзя.

Кадры

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

рис. 2, Строй линейки
рис. 3, Сетка на пачке
рис. 4, Кодирование категорий
рис. 5, Обязательная зона

Результат

Итог

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

Моя роль

Что делал я.

Работа самостоятельная, от разбора полки до печатной пробы. Заказчика не было, решения защищал на разборе с коллегами.

Следующий кейс

Постерная система фестиваля: сто афиш из одного набора правил

Книжный фестиваль · айдентика и постеры

2026