Проектирую интерфейсы, которыми пользуются миллионы. 13 лет в дизайне. Веб и мобильные продукты: телеком, личные кабинеты, платежи, корпоративные сайты
Генерирую визуалы, исследую идеи и ускоряю работу над проектами
Дизайн в работающие сайты с адаптивной вёрсткой и анимацией
Продумываю сценарии и создаю интерфейсы, в которых легко разобраться
Макеты, интерактивные прототипы, системные библиотеки компонентов
Чтобы интерфейс ощущался живым.
Прицеп в движении
Смоделировал прицеп в Blender и подготовил анимацию для сайта. В движении можно рассмотреть конструкцию с разных сторон: кузов, раму, дышло и колёса. Объёмная модель стала частью интерфейса, а не отдельной иллюстрацией.
Комплектация в 3D
Для конфигуратора подготовил визуализации вариантов прицепа. Смена ракурса и комплектации помогает увидеть, как выглядит выбранная модель с тентом и дополнительным оборудованием. Моделирование и анимацию выполнил в Blender.
Размеры без догадок
Продумал визуальную подачу габаритов прицепа: связал технические параметры с изображением модели. Анимация направляет внимание на нужную часть конструкции и помогает соотнести цифры с реальным объёмом кузова.
«Экспедиция»: интерфейсы и 3D
Роль
Единственный дизайнер проекта
Объём
UX/UI, 3D-модели и анимация
Компания
Vitamin Group
Инструменты
Figma, Blender
В Vitamin Group я был единственным дизайнером проекта «Экспедиция». Разработал визуальную концепцию и интерфейсы сайта, смоделировал прицепы в Blender и создал анимацию. Объединил каталог, выбор комплектации и 3D-подачу продукта в одном визуальном языке.
Помочь покупателю выбрать прицеп под свои задачи: разобраться в моделях, рассмотреть конструкцию, подобрать оборудование и перейти к заказу.
Выстроить путь от каталога до выбора комплектации и оформления заказа.
Показать технический продукт наглядно — через интерфейс, 3D-модели и движение.
Смоделировал прицеп в Blender
Собрал 3D-модель прицепа: от кузова и рамы до колёс и сцепного устройства. Проработал материалы и освещение, чтобы конструкция читалась и в крупном ракурсе, и в карточке каталога.
Создал визуальный материал для сайта самостоятельно, а не ограничился подбором готовых фотографий.
Использовал модель в рендерах и анимации, сохранив единый вид продукта.
Разделил модели по назначению: для повседневных перевозок, коммерческих задач, лодок и другой техники. Покупатель начинает выбор со своей задачи, а не с перечня технических индексов.
В карточках сделал акцент на изображении прицепа и его назначении. Единая структура помогает просматривать ассортимент и переходить к подробностям интересующей модели.
Комплектация шаг за шагом
Спроектировал конфигуратор: параметры собраны слева, изображение прицепа и стоимость — справа. Выбор каркаса, тента и оборудования остаётся связан с тем, как выглядит итоговая комплектация.
Разбил выбор на последовательные шаги, чтобы не перегружать один экран всеми настройками.
Изображение модели помогает сопоставить опцию с её внешним видом.
Выбор, который можно увидеть
Связал дизайн конфигуратора с 3D-визуализацией. Подготовил варианты модели с тентом и разными ракурсами: выбранная опция показана на самом прицепе, а не только строкой в списке.
Сохранил на экране выбранные параметры и стоимость, чтобы покупатель не терял контекст.
Интерфейс и 3D-графику разрабатывал вместе — как части одного сценария.
В карточке прицепа собрал изображение, основные характеристики, стоимость и действие заказа. Технические параметры вынес в отдельные блоки, чтобы их было удобно просматривать рядом с моделью.
Для корзины продумал список выбранных товаров: изображение, название, количество и цена. Дополнительные опции остаются рядом с тем прицепом, к которому относятся.
Детали, важные для выбора
Разделил информацию о модели на понятные части: характеристики, комплектация, материалы и видео. Покупатель может изучать прицеп постепенно и возвращаться к заказу по ходу просмотра.
Крупная 3D-модель показывает конструкцию, а короткие блоки помогают разобраться в параметрах.
Карточка товара и корзина продолжают один сценарий выбора.
Визуальный язык бренда
Подготовил графику для дополнительных блоков сайта. Оранжевый цвет, крупная типографика и объёмные изображения связывают рекламные сообщения с основным интерфейсом и поддерживают характер «Экспедиции».
Вынес дополнительное оборудование в отдельный раздел: кузова, колёса, опоры и тенты можно рассматривать как самостоятельные товары. Для каждого подготовил визуальную подачу в общей стилистике каталога.
Оформление заказа разделил на этапы: доставка, данные получателя и дальнейшие действия. Форма продолжает покупку, а не заставляет заново разбираться в интерфейсе.
От комплектации до заказа
Продумал связку каталога, карточки модели, оборудования и корзины. Общие правила оформления и повторяющиеся элементы сохраняют знакомую логику на каждом этапе покупки.
Выбор оборудования дополняет основной товар и не теряется среди остальных разделов.
Последовательная форма делает следующий шаг понятным.
Результат
Создал дизайн сайта «Экспедиция» и 3D-подачу продукта: интерфейсы, модели прицепов и анимацию. В Vitamin Group я отвечал за всю дизайнерскую часть проекта — от общей концепции до деталей экранов и визуальных материалов.