Формат: фриланс, проект под ключ
Роль: дизайнер (исследование, UX/UI, брендинг)
Сроки: ~2.5 месяца
Что делал: исследование, интервью, конкурентный анализ, пользовательские сценарии, прототипы, дизайн-интерфейсов, интерактивные презентации, гайдлайны
Суть проекта:
Modmate — это платформа, которая помогает дизайнерам интерьеров и архитекторам находить материалы и 3D-модели от разных поставщиков, собирать их в подборки и использовать в своих проектах.
С другой стороны — это рабочий инструмент для поставщиков, где они могут размещать продукцию, отслеживать интерес к ней, быть ближе к своей аудитории и получать запросы напрямую от дизайнеров.
Результаты работы:
- Провёл интервью с заказчиком, разобрался в аудитории, целях и задачах платформы
- Исследовал рынок и конкурентов: на локальном рынке аналогов нет, на внешнем — провёл бенчмаркинг лучших решений
- Определил два основных сценария: для дизайнеров и поставщиков, сформировал карту функциональности под каждую сторону
- Создал прототипы: от регистрации и фильтрации товаров до управления проектами и витринами магазинов
- Проработал ключевые фичи:
- Возможность скачивать 3D-модели и текстуры
- Создание проектов-досок с подборками товаров
- Подробные карточки товаров и магазинов
- Умный поиск и фильтрация по характеристикам
- У поставщиков — многоуровневый кабинет с CRM, аналитикой, заявками, управлением правами и товарной базой
- Разработал визуальную концепцию, подобрал референсы, создал UI, адаптив и масштабируемую дизайн-систему
- Сделал интерактивные прототипы для демонстрации проекта
- Занимался брендингом: от идеи и логотипа до гайдлайна и бренд-носителей
- Упаковал всё в презентацию — заказчик показал её инвесторам и сообществу дизайнеров, получил положительный отклик
Дизайн-процесс:
Пользователей платформы Modmate можно условно разделить на две основные роли: дизайнеры интерьеров и поставщики. У каждой из сторон — своя логика использования сервиса. Чтобы понять, как построить удобный и полезный продукт, я:
- Изучил вводные от заказчика и проанализировал их видение платформы как агрегатора для профессионального взаимодействия между дизайнерами и поставщиками
- Провёл конкурентный анализ — исследовал схожие платформы вроде Material Bank, Zeel Project, Archiproducts, чтобы понять лучшие подходы к представлению материалов, 3D-моделей и профилей поставщиков
- Выделил сильные и слабые стороны конкурентов, проанализировал UX и визуальные паттерны, которых стоит придерживаться или избегать
- Собрал болевые точки и потребности обеих ролей в ходе интервью с заказчиком
- Сформировал основные сценарии и функциональные требования для MVP: создание проектов, подбор и сохранение материалов, скачивание 3D-моделей, создание смет, добавление в избранное, управление профилем и аналитика
- Проработал два типа входа: дизайнер и поставщик
- Спроектировал информационную архитектуру под обе роли, учитывая разные сценарии и уровни доступа
- Построил структорно экраны для поставщиков и дизайнеров
- Создал низкодетализированные прототипы, охватывающие ключевые сценарии взаимодействия между пользователями
.png)
.png)
На основе проработанной архитектуры и пользовательских сценариев я собрал систему экранов, покрывающую оба типа пользователей — как дизайнеров, так и поставщиков. Особое внимание уделялось прозрачности взаимодействия между ними, удобному поиску и добавлению материалов
Для дизайнеров:
- Вход и регистрация
- Представительская страница для понимания продукта
- Главная страница с последними действиями спецов, последние скачивания, категориями, новыми товарами и магазинами
- Расширенный поиск по категориям, типам материалов, брендам, цветам, размерам, текстурам и доступности 3D-моделей
- Просмотр карточки продукта: фото, описание, характеристики, наличие 3D, бренд, адрес шоурума, портфолио, отзывы
- Возможность сохранить материалы в личные проекты или в избранное
- Скачивание 3D-моделей и текстур
- Создание смет и экспорт списка выбранных материалов
- Просмотр и редактирование своих проектов
- Просмотр профиля поставщика: логотип, описание компании, адрес, рейтинг, материалы
- Мультиязычность интерфейса
Для поставщиков:
- Вход и регистрация
- Мини-кабинет для управления несколькими магазинами и для подачи заявки на новый
- Dashboard с аналитикой по всем действиям
- Добавление новых материалов: фото, 3D-файлы, описание, параметры
- Управление товарами и категориями
- Профиль компании: логотип, описание, адрес, ссылки, баннер
- Редактирование информации о компании и контактных данных
- Просмотр активности по каждому продукту
- Управление командой, просмотр действий сотрудников
- Туториал с заданиями для изучения интерфейса CRM
- Поддержка со связью и FAQ
- Мультиязычность интерфейса
После завершения работы над интерфейсами, адаптивностью и построением масштабируемой дизайн-системы, я перешёл к разработке графической айдентики сервиса. Это включало создание фирменного знака, проработку гайдлайнов, логотипа, правил использования и визуальных носителей бренда.
Граф.дизайн
Фирменный знак Modmate — это изометрическая буква «M» с объёмной тенью, создающая ощущение глубины и модульности.
Он символизирует многослойность архитектуры и 3D-дизайна, а текстуры, которые можно накладывать на знак, подчёркивают связь с материалами.
Логотип всегда используется на собственном фоне — это усиливает его узнаваемость и визуальную целостность.
В итоге:
✅ Я прошёл полный цикл — от анализа конкурентов и пользовательских сценариев до интерфейсов, адаптивов и визуального стиля.
✅ Удалось структурировать сложный функционал так, чтобы он был понятен как дизайнерам, так и поставщикам — без перегрузки и лишних шагов.
✅ Собрал гибкую дизайн-систему, заложил масштабируемость, проработал брендинг и гайдлайны — чтобы продукт был цельным и узнаваемым на всех уровнях.
Made with Bullet