по SEO, сайтам и контексту
Разработка интернет-магазина мебели SevenRooms
О проекте
Адрес сайта: 7-rooms.ru
Обратившейся к нам компании SevenRooms, требовалось разработать полнофункциональный магазин мебели, света и аксессуаров. Как и для любого большого проекта, на обсуждение и согласование технического задания потребовалось значительное количество времени, суммарно почти 4 недели.
Благодаря грамотно составленному техническому заданию, на этапе разработки сайта количество «подводных камней» было сведено к минимуму. А обнаруженные - оперативно обрабатывались и решались. Предлагаю рассмотреть некоторые особенности проекта более подробно.
Отличительные черты проекта:
Безопасность.
Разработка проекта велась с учетом всех требований безопасности и стабильности.
В результате проект успешно сдан нами по монитору качества компании 1С-Битрикс.
Для проекта успешно настроен SSL-сертификат. Сайт работает через защищенное https соединение.
Модификации фильтров с учетом нескольких валют и цен со скидками.
В процессе реализации фильтров в каталоге мы столкнулись с проблемой –актуальная на момент разработки версия 1С-Битрикс не поддерживала корректную фильтрацию и сортировку товаров, цена которых указана в разных валютах.
Битрикс рассматривал цену товара как цифры, без валюты. Соответственно, получалось, что товар стоимостью 4000 руб. и 4000$ были эквивалентны и выводились рядом. Что, конечно, нас не устраивало.
Такая же ситуация сложилась и со скидочными ценами. Битрикс учитывал в фильтрации и сортировки только основную цену, до скидки.
Решение этой проблемы потребовало переписки с технической поддержкой 1С-Битрикс и модификации нами всей системы фильтров.
Фильтрация и сортировка теперь работают корректно вне зависимости от типа валюты.
Адаптивность.
Обсудив варианты реализации с клиентом, было принято решение делать сайт не просто адаптивным, а responsive (чувствительным), при этой реализации адаптивности сайт практически на всех устройствах занимает 100% ширины экрана и плавно масштабируется при изменении размера окна.
С ним удобно работать вне зависимости от того, какой у пользователя компьютер, телефон или планшет.
Также отдельно нужно отметить нестандартную расстановку товаров на главной странице.
Административная панель.
1. Так как по дизайну главное меню сайта прилипает к верхней части экрана, то для обеспечения нормальной работы системы редактирования сайта с лицевой части - «Эрмитаж», понадобилась специальная настройка системы.
2. На сайте было необходимость реализовать отдельные разделы с товарами-новинками, и товарами со скидкой.
Т.к. по умолчанию в системе не было возможности сгруппировать такие товары по разделам, то мы написали специальные скрипты, агенты, периодически просматривающие все товары и помечающие товары как товары со скидками и новинки.
3. В связи с тем, что у компании несколько поставщиков и они предоставляют информацию в Excel-файлах, нами был согласован и организован импорт товаров из Excel. При этом, при импорте, каждому товару создается миниатюра изображения – основного и дополнительных. Каждому товару присваиваются разные характеристики, в зависимости от категории. И присваивается как внутренний артикул (артикул поставщика), так и внешний (артикул компании) – видный всем пользователям. Так же, реализовали возможность для товаров расстановки значков «новинка» или «популярное». И возможность выбрать валюту товара и дату публикации.
В общей сложности, у каждого товара получилось порядка 20 отдельных характеристик.
Из интересных характеристик, мы добавили – стиль мебели, позволяющий фильтровать мебель по стилю оформления. И внутренние габариты упаковки, позволяющие администраторам рассчитывать стоимость доставки.
В Битриксе есть универсальные формы накладных и сопутствующих документов. Но универсальность подходит не всем, поэтому мы произвели модификацию печатных форм для клиента в соответствии с требованиями их бухгалтерского отдела.
Другие особенности реализации.
Благодаря использованию системы CMS Битрикс, интеграция сайта платежной системой RBK была реализованы штатными средствами.
Так же было принято решение использовать email-адреса пользователей в качестве логина при авторизации пользователей. Кроме этого потребовалось настроить нестандартные поля пользователя и обеспечить возможность согласия пользователя на подписку при регистрации.
Реализация этих пожеланий потребовало достаточно объемной кастомизации компонента регистрации.
Отдельно стоит отметить проведенные изменения функционала корзины и добавление избранного для авторизованных и неавторизованных пользователей.
Ввиду сложной верстки и жестких требований, стандартные ajax-скрипты корзины не подходили. Несколько дней нашей работы, тестирования и как результат – все работает.
Кроме этого в корзину добавили функционал заказа в 1 клик, который доступен всем пользователям – и авторизованным и неавторизованным. Заказ в 1 клик интегрирован с корзиной, что позволяет заказывать таким способом не каждый товар в отдельности, а сразу группой.
Добавление «избранного» на сайт прошло штатно, единственная сложность была – настройка обновления по ajax (налету, без перезагрузки страницы). Отмечу, что наше избранное доступно как авторизованному, так и неавторизованному пользователю. Таким образом, мы повышаем удобство использования сайта для всех категорий посетителей.
Дополнительной функцией стала кнопка «следить за ценой» - доступная всем пользователям сайта, независимо от регистрации. В Битриксе нами добавлен обработчик событий, который при обновлении цены, рассылает, подписавшимся на товар email адресам, информацию о новой стоимости.
Отдельно стоит отметить качественный скрипт увеличения картинок, который отлично работает как на десктопных ПК, так и на телефонах. Клик на изображении открывает в лайтбоксе увеличенное изображение, на котором можно разглядеть все детали в мельчайших подробностях, удерживая левую кнопку мыши.
В процессе разработки, клиент попросил так же модифицировать и оформить личный кабинет пользователя. В частности, стандартная работа Битрикса с адресами пользователя оказалась некомфортна для покупателей интернет-магазинов.
Поэтому, в ЛК (личный кабинет) добавлен функционал редактирования, добавления и удаления адресов доставки. Которые, уже в более простой форме, можно использовать при оформлении заказа.
Разумеется, попутно были кастомизированы под требования клиента и шаблоны истории заказов и редактирования данных пользователя.
Клиент так же попросил необычную модификацию онлайн-консультанта. Он не должен быть навязчивой прилипшей к краю экрана кнопкой. А должен открываться по клику на соответствующую ссылку в шапке. Благодаря хорошим знаниям скриптов онлайн консультанта, был выбран тот, который позволил эту модификацию реализовать.
Интегрировать на сайт виджет инстаграма – это простая задача. Однако, т.к. сайт – респонсив и со строгими требованиями к внешнему виду, то наши программисты выбрали наиболее гибкую платформу виджетов и серьезно ее модифицировали. Результат полностью устроил и нас и Заказчика.
Т.к. магазин SevenRooms позиционируется в качестве поставщика дорогой и качественной мебели, то на сайте все элементы должны были быть оформлены в общей стилистике сайта.
Соответственно, были созданы отдельные шаблоны для всех email-уведомлений с сайта, так же сверстаны отдельные шаблоны для рекламных рассылок пользователям.