Разработка интернет-магазина мебели SevenRooms

main mebel stul

О проекте

Адрес сайта: 7-rooms.ru

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

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

Отличительные черты проекта:

Безопасность.

Разработка проекта велась с учетом всех требований безопасности и стабильности.
В результате проект успешно сдан нами по монитору качества компании 1С-Битрикс.
Для проекта успешно настроен SSL-сертификат. Сайт работает через защищенное https соединение.

Модификации фильтров с учетом нескольких валют и цен со скидками.

В процессе реализации фильтров в каталоге мы столкнулись с проблемой –актуальная на момент разработки версия 1С-Битрикс не поддерживала корректную фильтрацию и сортировку товаров, цена которых указана в разных валютах.

Битрикс рассматривал цену товара как цифры, без валюты. Соответственно, получалось, что товар стоимостью 4000 руб. и 4000$ были эквивалентны и выводились рядом. Что, конечно, нас не устраивало.

Такая же ситуация сложилась и со скидочными ценами. Битрикс учитывал в фильтрации и сортировки только основную цену, до скидки.

Решение этой проблемы потребовало переписки с технической поддержкой 1С-Битрикс и модификации нами всей системы фильтров.

Фильтрация и сортировка теперь работают корректно вне зависимости от типа валюты.

Адаптивность.

7rooms_mobile

Обсудив варианты реализации с клиентом, было принято решение делать сайт не просто адаптивным, а responsive (чувствительным), при этой реализации адаптивности сайт практически на всех устройствах занимает 100% ширины экрана и плавно масштабируется при изменении размера окна.

С ним удобно работать вне зависимости от того, какой у пользователя компьютер, телефон или планшет.

Также отдельно нужно отметить нестандартную расстановку товаров на главной странице.

Административная панель.

1. Так как по дизайну главное меню сайта прилипает к верхней части экрана, то для обеспечения нормальной работы системы редактирования сайта с лицевой части - «Эрмитаж», понадобилась специальная настройка системы.

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

3. В связи с тем, что у компании несколько поставщиков и они предоставляют информацию в Excel-файлах, нами был согласован и организован импорт товаров из Excel. При этом, при импорте, каждому товару создается миниатюра изображения – основного и дополнительных. Каждому товару присваиваются разные характеристики, в зависимости от категории. И присваивается как внутренний артикул (артикул поставщика), так и внешний (артикул компании) – видный всем пользователям. Так же, реализовали возможность для товаров расстановки значков «новинка» или «популярное». И возможность выбрать валюту товара и дату публикации.

В общей сложности, у каждого товара получилось порядка 20 отдельных характеристик.

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

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

Другие особенности реализации.

Благодаря использованию системы CMS Битрикс, интеграция сайта платежной системой RBK была реализованы штатными средствами.

plachezh

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

Реализация этих пожеланий потребовало достаточно объемной кастомизации компонента регистрации.

regisrationregisration

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

korzina

Ввиду сложной верстки и жестких требований, стандартные ajax-скрипты корзины не подходили. Несколько дней нашей работы, тестирования и как результат – все работает.

Кроме этого в корзину добавили функционал заказа в 1 клик, который доступен всем пользователям – и авторизованным и неавторизованным. Заказ в 1 клик интегрирован с корзиной, что позволяет заказывать таким способом не каждый товар в отдельности, а сразу группой.

Добавление «избранного» на сайт прошло штатно, единственная сложность была – настройка обновления по ajax (налету, без перезагрузки страницы). Отмечу, что наше избранное доступно как авторизованному, так и неавторизованному пользователю. Таким образом, мы повышаем удобство использования сайта для всех категорий посетителей.

Дополнительной функцией стала кнопка «следить за ценой» - доступная всем пользователям сайта, независимо от регистрации. В Битриксе нами добавлен обработчик событий, который при обновлении цены, рассылает, подписавшимся на товар email адресам, информацию о новой стоимости.

komod

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

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

Поэтому, в ЛК (личный кабинет) добавлен функционал редактирования, добавления и удаления адресов доставки. Которые, уже в более простой форме, можно использовать при оформлении заказа.

Разумеется, попутно были кастомизированы под требования клиента и шаблоны истории заказов и редактирования данных пользователя.

lk

Клиент так же попросил необычную модификацию онлайн-консультанта. Он не должен быть навязчивой прилипшей к краю экрана кнопкой. А должен открываться по клику на соответствующую ссылку в шапке. Благодаря хорошим знаниям скриптов онлайн консультанта, был выбран тот, который позволил эту модификацию реализовать.

online_consult

Интегрировать на сайт виджет инстаграма – это простая задача. Однако, т.к. сайт – респонсив и со строгими требованиями к внешнему виду, то наши программисты выбрали наиболее гибкую платформу виджетов и серьезно ее модифицировали. Результат полностью устроил и нас и Заказчика.

insta

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

Соответственно, были созданы отдельные шаблоны для всех email-уведомлений с сайта, так же сверстаны отдельные шаблоны для рекламных рассылок пользователям.

mail_tmp

Поделиться:
Автор:  Михаил Золотарев
Категория:  Кейсы


Подпишитесь на ежемесячную рассылку лучших материалов из нашего блога

Имя*
Ваш E-mail*

Возврат к списку