Проектирование интернет-магазина офисной мебели Vior

проектирование дизайн разработка

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

Все, что захотите, c доставкой и сборкой под ключ.

Задача
Обновить дизайн интернет-магазина и улучшить систему поиска товаров и оформления заказа.
Карточка товара Vior Скриншот сайта Vior

Аналитика и проектирование

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

Axure
Посмотреть полный прототип 100% интерактивный и кликабельный
Прототип сайта

Дизайн

Главная
Каталог товаров
Страница товара
Страница коллекции
Оформление заказа

Акцент на каталоге и товарах

Мы добавили несколько входных точек в каталог с главной страницы и, чтобы не надоедать пользователям картинками, разбавили каталог иконками. Нам было важно сохранить акценты при большом количестве товарных категорий.

56
уникальных иконок
Уникальные иконки

Несколько типов карточек

4 типа карточек товаров

Мы проработали логику отображения всех возможных типов товаров, предусмотрев визуальные различия между товарами и коллекциями, акционными и обычными товарами. Кроме того, мы дали возможность пользователю быстро узнавать количество различных вариантов мебели, отличающихся по цветам и материалам.

С множеством вариантов цвета
Карточка товара
Карточка товара
Акционный товар
Карточка товара
Коллекция
Карточка товара

Можно выбрать даже цвет ручек

В старой версии каждое товарное предложение выводилось в качестве отдельного товара. Поэтому, при поиске по параметрам, покупатель видел много одинаковых моделей, отличающихся только размерами, цветом фурнитуры или обивки. Мы это исправили. Теперь — совсем другое дело.

Скриншот страницы

Адаптирован под все мобильные устройства

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

Смартфон
25
мобильных макетов
Мобильная версия
Мобильная версия
Мобильная версия
Мобильная версия
Мобильная версия
Мобильная версия

Начать проект

Необходимо согласиться с политикой обработки персональных данных