АДАПТИВНЫЙ ИНТЕРНЕТ-МАГАЗИН HERMANMILLER SHOP

HermanMiller – знаменитый на весь мир бренд со 100-летней историей. Эргономичные кресла и столы занимают свои места в кабинетах руководителей и первых лиц многих компаний в самых разных отраслях. HermanMiller реализует продукцию высокого ценового сегмента – это эксклюзивная, дорогая мебель. Было важно создать с одной стороны презентабельный, а с другой, очень простой интернет-магазин: он должен позволять оформить покупку буквально в два клика – без длительных регистраций и заполнения множества полей.
c92ccfe73821e60e5580689463f63243

Большинство товаров предыдущей версии интернет-магазина просматривали мужчины, но оставляли «Корзину», так и не завершив покупку. Позже заказ осуществляли женщины.

c57d1dd134a26ded2144430dc4bfd6f1
Аудитория hmshop.ru – бизнесмены, у которых очень мало времени, и они его экономят, решая вопросы на ходу. И поскольку более 50% трафика на сайт было с мобильных устройств, клиенту было предложено решение с применением адаптивных технологий.

«В том, каким именно должен быть сайт, мы не сомневались – конечно, адаптивным! Такой сайт будет удобно просматривать и на офисных ПК, и на ноутбуках, и на мобильных устройствах – смартфоны, планшеты… Весь контент и сетка автоматически подстраиваются под размеры экрана» — Роман Кузьмин, руководитель проекта.

f74ace1985321e4c7678d9e2ad66c165

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

0b35d51681a3fa578af7843bc035742b

Многие графические элементы на сайте адаптированы под Retina, что гарантирует красивую и приятную глазу картинку вне зависимости от фактического разрешения экрана.

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

ef8ab4ce2819ecf835ea91630b28e60c

У HermanMiller Shop есть интересный корпоративный блог о собственных дизайн-проектах. При разработке удалось ненавязчиво вписать его в интерфейс и логику всего интернет-магазина. Материалы блога не отвлекают пользователя от покупки, но помогают определиться с выбором товара благодаря блоку с сопутствующими товарами.

4003db7f5cdbc9f3c1128f1649da73fa

Карточка товара представляет собой некий конструктор – покупателю предлагается самостоятельно выбрать нужные опции и аксессуары для своего кресла или стола. Такое решение позволяет собрать необходимую клиенту конфигурацию из всех доступных на складе.

f8064341936050a6435c53b84b0d4fe4

На сайте реализована авторизация в один клик – достаточно разрешить магазину доступ к профилю выбранной социальной сети.

По данным веб-аналитики, по прошествии первого месяца работы обновленного hmshop.ru более 50% пользователей заходят на сайт через социальные сети.

a70e08886615847963d34d9aad8fe95a

Интернет-магазин hmshop.ru полностью отвечает требованиям клиента и ожиданиям покупателей, о чем говорят цифры и статистика. Сайт получился функциональным, но при этом интерфейс не перегружен лишними элементами, а все сценарии взаимодействия с интернет-магазином просты и понятны даже неподготовленному пользователю. Рабочие элементы органично вписаны в стройную дизайн-концепцию портала, так что и продающие страницы, и богатый контентом блог, и даже служебные разделы сайта воспринимаются как единое целое. Все это позволило повысить посещаемость обновленного интернет-магазина в несколько раз.