+7 (495) 665-32-37

Заказать звонок
Заказать звонок
Назад в портфолио

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

Переезд сайта ceramama.ru

О проекте

Описание деятельности заказчика

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

Проблема заказчика

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

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

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

Что мы делали

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

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

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

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

Изображение Коллекций на листинге

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

Изображение Функционал показа простых товаров без коллекций

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

Изображение Переработан стандартный фильтр Битрикса

Внедрена детальная страница Коллекции с выводом всех нужных свойств товаров в коллекции, возможностью подгружать панорамные фото 360 и детальной информацией 

Изображение Детальная страница коллекции

На детальной странице Коллекции был сделан вывод карточек товаров данной Коллекции с удобными фильтром по назначению плитки, в виде вкладок над товарами 

Изображение Фильтр по назначению плитки

в нижней части страницы был сделан вывод похожих товаров коллекции по заданным свойствам

Изображение Вывод похожих товаров коллекции

В карточке товара был сделан автоматический пересчет метров и штук в упаковки с указанием общей суммы пересчета, именно, то, что и просил заказчик. 

Изображение Автоматический пересчет метров и штук в упаковки


На детальной странице товара был также был сделан пересчет в упаковки и возможность загружать панарамные фото 

Изображение Панорамные фотографии коллекции

В нижней части страницы были выведены другие товары той же коллекции

Изображение Другие товары той же коллекции

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

В основном меню был сделан вывод посадочных страниц с коллекциями собранными по назначению  

Изображение Вывод посадочных страниц с коллекциями собранными по назначению

Был реализован переключатель с отображением Коллекций и товаров на страницах каталога и посадочных страницах

Изображение переключатель товаров и коллекций

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

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

Изображение Вывод тегов в левом меню

В Контактах был реализован механизм показа 3D туров по магазинам компании 

Изображение Механизм показа 3D туров по магазинам компании

Наполнение

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

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

Изображение Импорт из файлов поставщиков

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

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

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

Изображение Информационная страница "Как заказать"

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

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

Изображение Посадочные страницы в каталоге

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

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

Изображение SEO-работы сбор семантики

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

Трудности по ходу работы

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

Изображение ТЗ программному отделу

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

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

Результат - скорость выросла в 3 раза! Сравнение работы копии на Nginx и основной версии сайта: - скорость загрузки страницы при выборе фильтров на основной версии сайта 

Изображение Скорость работы сайта

 - те же примененные фильтры, в том же разделе на копии сайта с Nginx 

Изображение Скорость работы сайта после переезда на Nginx

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

Изображение Скорость работы сайта главная страница

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

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

Изображение Раздел проектов (готовых решений)

Сайт заказчика

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