ArtDot
ArtDot — производитель мебели, стремящийся предоставить пользователям возможность создавать кастомные изделия онлайн.
Цель проекта — разработать сайт, который позволит пользователям легко настраивать мебель под свои предпочтения и оформлять заказы без участия менеджеров.
Цель проекта — разработать сайт, который позволит пользователям легко настраивать мебель под свои предпочтения и оформлять заказы без участия менеджеров.
Роль
UIUX - дизайнер
Зона ответственности
Варфреймы
Исследования
Дизайн
Таймлайн
Сентябрь 2023
4 недели
интернет-магазин с конструктором мебели
Проблема
Выбор кастомной мебели
Пользователи не могли самостоятельно настроить мебель под свои нужды без помощи менеджера. Процесс заказа был фрагментирован: от выбора модели до согласования конфигурации — всё происходило вручную и через коммуникации. Это замедляло процесс, увеличивало количество правок и снижало конверсию.
В процессе обсуждений команда отметила: большинство заказов требует изменений размеров, материалов или конфигурации.
Менеджеры тратили много времени на уточнение деталей, что замедляло покупку и снижало точность.
Пользователи хотели видеть, как меняется товар при выборе параметров — без звонков и переписок.
Наблюдения
Поиск подхода
В начале мы сфокусировались на том, чтобы понять, как превратить сложный заказной процесс в простой и самостоятельный сценарий.
Цель — не просто показать товар, а дать пользователю возможность настроить его под себя, не перегружая интерфейс и не теряя фокус на продукте.
Цель — не просто показать товар, а дать пользователю возможность настроить его под себя, не перегружая интерфейс и не теряя фокус на продукте.
Изучили, как работает офлайн-консультация с менеджером разложили её на шаги и попытались перенести эту логику в интерфейс без лишних действий
Проанализировали решения конкурентов и no-code-конструкторов выявили удачные паттерны визуального выбора и сочетания параметров
Проверили, как пользователи воспринимают конфигурации
сделали тесты на восприятие: где ожидания не совпадают с тем, что меняется при выборе опции
Как сделать так, чтобы пользователь ощущал контроль, но не запутался?
Что важнее в момент выбора — технические параметры или визуальный результат?
Как сократить путь от интереса к действию без лишних прокруток и перегруза?
Гипотеза
Если дать пользователю возможность настраивать мебель прямо на странице товара — с наглядной визуальной обратной связью — это сократит количество уточнений, снизит нагрузку на менеджеров и увеличит конверсию в заказ.
Ограничения
При разработке решения возникли ограничения, повлиявшие на подход.
Разные уровни пользовательской подготовки
Нужно было учесть как опытных дизайнеров, так и обычных пользователей, которым важна простота и понятность без технических терминов.
Ограничения по вариативности товаров
Не все товары допускали одинаковую степень кастомизации, приходилось адаптировать интерфейс под разные сценарии.
Ограниченные сроки на исследование и тестирование
Проект нужно было запускать быстро, поэтому часть решений принималась на основе ограниченных пользовательских интервью и здравого смысла
РЕШЕНИЕ
Кастомизация на странице товара
Добавили конструктор прямо на странице товара — пользователь настраивает мебель и сразу видит результат.
Это сократило зависимость от менеджеров и упростило путь к оформлению заказа. Для готовых моделей — фильтры и сортировка.
Это сократило зависимость от менеджеров и упростило путь к оформлению заказа. Для готовых моделей — фильтры и сортировка.
Анатомия решений
Визуальные идеи
Сделал акцент на чистом, минималистичном стиле — чтобы визуально выделялась сама мебель.
Конфигуратор встроен прямо в карточку товара, с наглядной обратной связью при выборе параметров.
Конфигуратор встроен прямо в карточку товара, с наглядной обратной связью при выборе параметров.
Для быстрой работы с готовыми моделями реализовали удобную фильтрацию и сортировку по наличию, цвету и типу.
Также использовали адаптивную сетку с крупными карточками — чтобы каталог комфортно просматривался и на десктопе, и на мобильных.
Рефлексия
Научился проектировать интерфейс, который работает и для новичков, и для профессионалов — без перегруза и лишней сложности.
Прокачал навык упрощать выбор через визуальные акценты, структуру и минимальное количество шагов до действия.
Прокачал навык упрощать выбор через визуальные акценты, структуру и минимальное количество шагов до действия.
Хотелось провести больше пользовательских тестов — особенно на этапе конфигурации. Некоторые решения принимались на ощущениях, и в будущем их стоило бы подтвердить фидбэком от целевой аудитории.
Чему научил проект
