Урбаника — роскошь минимализма
Интернет-магазин "Урбаника". Разработан по предоставленному дизайну.
Сайт предлагает посетителям декоративную продукцию для оформления интерьеров. На сайте использованы как статические страницы, так и динамические. Основной является каталог продукции, для которого настроена двусторонняя интеграция с 1С-Предприятием Заказчика. Номенклатурная характеристика настраивается бухгалтером, специфическая (для сайта — через административный раздел).
На страницах сайта товары представлены в двух вариациях (либо же – группировках): по предназначению и по коллекциям. Таким образом, посетитель может выбрать декоративный элемент, подбирая его для ванной, либо спальни. С другой стороны, покупатель может выбрать коллекцию, либо несколько, подходящую ему по духу, использованным декоративным приёмам и обустраивать дом, используя понравившиеся дизайн-направления.
Несколько сервисов являются вспомогательными.
1. Сайт запоминает, какие товары последними просмотрел пользователь. Таким образом можно возвращаться на несколько шагов назад, если предыдущие товары показались более интересными. Также данный сервис полезен, если пользователь заходил на сайт неделю, две, месяц назад. Возможно, в какой-то ситуации вспомнился недавно просматриваемый товар, либо же посетитель заходит на сайт из интернет-клуба, а все ссылки, добавленные в избранное, остались на домашнем компьютере.
2. Мой интерьер – вспомогательный сервис, с помощью которого пользователь может отбирать понравившиеся товары с тем, чтобы в последующем показать отобранные другу, отправив ссылку через электронное письмо, отобрать те, которые он решит купить, отправить сразу всё в корзину, приценившись окончательно, распечатать.
3. Сервис "Мы рекомендуем". При просмотре подробной информации о товаре сайт отображает ряд товаров, которые по рекомендациям дизайнеров и оформителей компании "Урбаника" сочетаются с открытым товаром.
Перед программистами студии были поставлены и успешно решены следующие специфические задачи:
1. При просмотре группы товаров, основой для отображения которых есть сетка "три на три" (9 элементов)
- выводить по 18 элементов;
- выводить по 27 элементов;
- показывать все товары.
2. При просмотре группы товаров иметь возможность переключаться между сортировками:
- недавно добавленные товары
- по цене;
- новинки*;
- бестселлеры*;
- распродажа*.
3. Предусмотреть несколько уровней цен:
- партнёрская цена;
- цена для распродажи.
В каталоге продукции постоянно встречаются группы товаров, одинаковые по цвету и отличающиеся по размеру, либо одинакового размера, но разных цветов. В данных ситуациях при просмотре подробной информации о товаре пользователю отображаются выпадающие списки для переключения на карточку такого же товара, но другого цвета, либо одинаковой раскраски, но другого размера.
5. Адаптированная подробная карточка.
Данная реализация – отличный пример продуманного юзабилити (удобства пользования). Учитывая, что товар в каталоге представлен в двух вариациях (по предназначению и по принадлежностью к коллекциям), посетитель может один и тот же товар найти как в "Гостинной", так и в определённой коллекции. При чём, при просмотре в гостинной, он - элемент группы из 40 товаров, а в коллекции - элемент группы из 10 товаров. Допустим, пользователь заинтересовался товаром и переходит на его описание (заметим, что SEO-оптимизаторы нам запретили делать подробную карточку под разными ссылками для разных случаев). В первом случае переход влево-вправо должен двигать его по группе в 40 товаров, а во втором - по группе в 10 товаров. Кроме того, в описании в первом случае указывается принадлежность к гостинной, а во втором - к коллекции. Задача успешно реализована с учётом всех ограничительных факторов.
Сайт разработан на "CMS Битрикс", редакция "Малый бизнес".
