Перенос на Битрикс сайта ceramama.ru

Интернет-магазин керамической плитки КераМама.ру - это сильная компания с командой профессионалов, брендированным транспортом и ассортиментом более 14 000 наименований плитки и керамогранита. Ассортимент регулярно обновляется за счет появления новых позиций. 

ПРОБЛЕМА ЗАКАЗЧИКА

Заказчик обратился к нам с вопросом о переносе сайта с админки Modx на битрикс шаблон Аспро Максимум. 

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

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

ЧТО МЫ ДЕЛАЛИ

Программные работы

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

Стандартный шаблон Аспро.Максимум был "глубоко" переработан программистами.

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

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

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

Наполнение

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

Так как товарных позиций было много, то речь шла непосредственно о парсинге или интеграции по API. Таким образом были проработаны 17 файлов от различных поставщиков и количество товарных позиций доведено до 15000. Импорт ежедневно обновляет цены у товаров, добавляет новые позиции и деактивирует не актуальные.

Чтобы интеграция прошла максимально эффективно, не создавались дубли коллекций и товаров, были проработаны артикулы у имеющихся товаров. Но на 100% дублей не удалось избежать и они устранялись уже вручную просматривая все коллекции и товары на сайте.    

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

Помимо переноса товарных позиций, также были перенесены информационные страницы с некоторыми доработками, например изменилась страница “Как заказать”, инструкцию адаптировали под новый сайт.

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

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

За последние 6 месяцев работы всего было добавлено 355 посадочных страниц! Эффективность которых можно отследить по показателям метрики. Снятые с производства коллекции успешно замещаются новинками и дополнительными посадочными.  

SEO-специалистом произведена колоссальная предварительная работа по анализу конкурентов, сбору семантики, разработке структуры под популярные запросы. 

Проведен краткий аудит и даны рекомендации по дизайну товарных страниц и страниц коллекций. Проработаны прототипы новых страниц. На удивление, на старом сайте не было такой важно страницы, как “О компании”, теперь она появилась https://ceramama.ru/company/

ТРУДНОСТИ ПО ХОДУ РАБОТЫ

На каждом этапе работ не обходилось без участия программного отдела. Всю начиналось с первоначальной настройки шаблона, верстки новых страниц, доработок по выводу посадочных, и перешли к тому, что специалисты программного отдела в тесном сотрудничестве с SEO-специалистом решали порой самые нестандартные задачи. На одно ТЗ для программного раздела приходилось тратить до 5 часов времени.

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

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

Результат - скорость выросла в 3 раза! Сравнение работы копии на Nginx и основной версии сайта (см. на скриншоте)

На всем протяжении работ проводились постоянные SEO-аудиты, в том числе и внеплановые по требованию заказчика. Анализировались показатели трафика и при необходимости применялись оперативные корректировки посадочных страниц. 

Нельзя обойти вниманием и заинтересованность заказчика Сергея, который активно принимает участие в развитии своего сайта. У него массу идей и большое желание сделать сайт удобным и интересным для посетителей.  Многократные онлайн-встречи всех специалистов с заказчиком позволяли обсуждать и внедрять новые идеи для сайта. Буквально “на лету” было решено внедрить функционал “Брошенной корзины”, такой маркетинговый ход помогает новым клиентам принять решение о покупке отложенного ранее товара. Внедрили и раздел “Проекты”, где показаны работы ремонтных бригад с применением плитки приобретенной на сайте ceramama.ru.