Создание сложного каталога для компании «МСКреп»

О Заказчике

Компания «МСКреп» на рынке России появилась недавно. Но сотрудники имеют за плечами большой опыт работы в данной сфере. Основной задачей было создание новой динамичной компании с нуля, сразу ориентированной на новый формат торговли и документооборота через интернет, а также необходимости предоставления дополнительного сервиса для клиентов. Основная ориентация на торговлю B2B.

Основная задача компании

Снабжение предприятий машиностроения (и других сфер) крепежными изделиями. Партнерские соглашения с производителями крепежа из России и Европы — дилерские цены на метизную продукцию.

Традиции и инновации

Для предприятий, работающих по ГОСТам, «МСКреп» индивидуально подбирает крепеж DIN и инновационные крепежные изделия, превосходящие ГОСТовские аналоги по своим характеристикам. Компания добивается строгого соответствия стандартам и повышения эксплуатационных качеств продукции.

В наличии и под заказ

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

Главная страница сайта

Решение

При выполнении поставленной перед нами задачи необходимо было учесть несколько очень важных и принципиальных моментов. Сайт должен обеспечивать максимально возможное юзабилити. Это обусловлено тем, что у «МСКреп» огромное количество товарных предложений (более 180 000 единиц), а клиенты-покупатели имеют разные потребности. Например, есть сетевые строительные магазины, которым удобнее выбирать товары по типу крепежа (болты, гайки, заклепки и т.д.), есть предприятия или цеха предприятий, которым нужна логика поиска по технологии использования (например, по способу установки), также есть предприятия тяжелого машиностроения, для которых необходимо обеспечить другую логику поиска, ориентированную на них.

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

Информационная страница «Первый раз»

 

Для удобной навигации было проработано основное горизонтальное меню, которое позволяет быстро и просто перемещаться по разделам сайта до 3-го уровня.

Горизонтальное меню

 

На сайте кроме привычной схемы «Разделы каталога — объекты каталога» сформирована другая схема каталога товаров. А именно есть привычные разделы каталога (страницы, внутри которых находятся либо другие разделы), либо разделы-товары. По визуальному представлению мы их назвали «синие разделы». На сегодняшний момент отрисовано более 300 иконок представления, и данная работа продолжается.

Иконки для «синих разделов»

 

Новая форма раздела каталога — это раздел-объект. Он является разделом сайта, так как не может обладать характеристиками товара (цена, размер и т.п.), а с другой стороны покупатели и заказчик воспринимают его как товар. К примеру, есть такой раздел-объект — «DIN 960 Болт с шестигранной головкой», но это не конечный товар, т.к. есть болт длиной 10, а есть — длиной 220. Кроме того, у данного болта есть и другие отличные характеристики: материал, класс прочности и т.д. И подобных товаров немало.

Такие разделы-объекты мы решили называть «белые карточки товаров» (по визуальному представлению).

Еще одной крайне сложной и большой по объему работой в рамках проекта «МСКреп» была отрисовка 3D-моделей для «белых карточек товаров» (общий объем отрисованных 3D-объектов уже превысил 500 шт).

Изображения для «белых карточек товаров»

 

В некоторых раздел-объектах («белых карточках») содержится более 2000 конечных товаров. Для каждого раздела-объекта специалистами пишутся текстовые описания, размещаются чертежи, делаются индивидуальные визуальные шапки.

В перспективе в закрытой части сайта предполагается выкладывать файлы для заказчиков с технической документацией (а именно объекты для AutoCad, 2D и 3D модели), которые клиенты смогут использовать в своей технической документации. Это рассматривается как дополнительный сервис от компании «МСКреп».

Страница товара с описанием и чертежами

 

Представление конечных карточек реализовано с помощью Ajax-запросов внутри «белых карточек». Находясь на странице раздел-объекта, пользователь видит таблицу с конечными товарами, остатками и ценой (в соответствии с уровнем прав, которые предоставил администратор сайта). Т.е. отображение в таблице настраивается для различных групп пользователей по-разному. Сами конечные товары можно быстро отфильтровать и осуществить заказ того, что нужно.

Список конечных товаров

 

Вызванная через Ajax конечная карточка товара

Загрузка и синхронизация товаров

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

Продвижение сайта

Данный проект задумывался и реализовывался со строгим учетом рекомендаций SEO-специалистов нашей компании. В настоящий момент проекту меньше года, но он уже имеет хорошие позиции по основному региону (Москва). Трафик на сайт растет довольно большими для данной отрасли темпами.

Производительность сайта и перспективы его улучшения

Несмотря на объемы каталога (более 100 000 товаров), сайт работает быстро даже по сравнению с гораздо меньшими проектами. Мы постарались всё реализовывать с помощью стандартного функционала UMI.CMS с минимальным объемом кастомизации. В результате мы можем с уверенностью подтвердить, что UMI.CMS подготовлена и справляется с действительно сложными и большими объемами данных — даже в рамках стандартного функционала. В случае кастомизации, написания кеширующих механизмов собственной разработки скорость также возрастает.

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

Также мы уже пробовали запускать проект в режиме NGINX-кеширования, и в данной конфигурации скорость на выдачу страниц возрастает до 100 раз (время для одной страницы — 0.002103 secs), что позволит обеспечить обслуживание гораздо больших нагрузок на сайт. Но для того, чтобы полностью запустить сайт в данном режиме, необходимо проводить работы по доработке некешируемых элементов (например, корзины).

Что в итоге

Проект еще не закончен, однако сайт действует и уже приносит прибыль и новых покупателей заказчику. На данный момент мы продолжаем работать и занимаемся доработкой сайта.