CERSANIT — корпоративный сайт производителя сантехники
Перенесли русский сайт международного бренда на свою платформу: каталог с умным фильтром, поиск дилеров и сервисных центров, онлайн-конструктор ванной комнаты и конструктор статей для редакции.
- запуск сайта
- 2019
- группы Cersanit ведем одной командой
- 4 продукта
- Россия, Беларусь и Казахстан — своими версиями
- 3 страны
- автоматическая конвертация всех изображений
- WebP
Задача
Обновить русский сайт CERSANIT: сделать его быстрым и адаптивным, дать редакции возможность править контент и каталог самостоятельно.
Что сделали
Собрали сайт по брендбуку и структуре международного проекта, добавили умный фильтр каталога, поиск дилеров, конструктор ванной и конструктор статей.
Чем закончилось
Сайт перенесен в короткий срок и подготовлен к переиндексации; развитие идет в рамках поддержки с 2019 года.
С чем пришли
CERSANIT — лидер среди производителей сантехники в Польше. Компания делает все для комплектации ванной комнаты «под ключ»: керамическую плитку, керамогранит, санфаянс, акриловые ванны, душевые кабины и мебель. Комплексное предложение — ее главное конкурентное преимущество.
У бренда есть международный сайт со своей структурой и строгий брендбук. Русскому сайту нужно было им соответствовать, но при этом жить своей жизнью: свой каталог, свои дилеры, свои акции и статьи.
Прежняя версия не давала маркетингу работать самостоятельно — каждая правка каталога или статьи упиралась в разработку.
- Брендбук CERSANIT и структура польского сайта — рамка, в которой все и делалось.
- Требования к верстке и функциональности менялись по ходу работы, а срок переноса оставался коротким.
- Товары и магазины ведутся не в сайте, а в таблицах у маркетинга — импорт должен был это принять как есть.
Что сделали
Перенесли сайт
Собрали структуру по брендбуку и международному проекту и подготовили переезд так, чтобы поиск переиндексировал сайт быстро.
Собрали каталог
Умный фильтр с ЧПУ и догрузка списка товаров без перезагрузки страницы — на каталоге плитки, где выбор идет перебором свойств.
Дали инструменты редакции
Конструктор статей и автоматический импорт данных: наполнение перестало требовать разработчика.
Сделали конструктор ванной
Спроектировали и собрали онлайн-подбор комплекта, а потом сделали из него отдельный продукт: тот же конструктор ставится на сайты партнеров.
Как это устроено
Каталог товаров
Умный фильтр с человекопонятными адресами: любая выборка — это отдельная страница, которую можно отправить и проиндексировать. Сверху разделы плитками, слева отбор по ассортименту, размеру, цвету и фактуре; список догружается без перезагрузки, изображения отдаются в WebP.
Страница товара
Характеристики, цена для выбранного региона и другие цвета той же модели собраны у первого экрана. Дальше карточка ведет не в корзину, а к партнерам и в просмотр коллекции в интерьере: производитель сам не продает, и обе кнопки первого экрана про это.
Где купить
Раздел находит официального представителя в городе покупателя: карта, поиск по адресу и вкладки розничных магазинов, интернет-магазинов, сервисных центров и оптовых поставок. Данные о партнерах приходят импортом, а не заводятся руками.
Конструктор ванной комнаты
Покупатель задает размеры помещения и собирает комплект мебели и сантехники, а калькулятор считает нужное количество плитки; готовый проект выгружается в PDF.
Конструктор статей
Материал собран из готовых блоков: перечень с иконками, полноэкранный кадр с заголовком, слайдер, подборка товаров из статьи. Редакция не расставляет стили руками, поэтому страница не может «поехать» — а верстка остается одинаковой во всех материалах.
Разделы на том же конструкторе
На тех же блоках собираются не только статьи, но и целые разделы сайта: «Карьера» — это лендинг, который маркетинг ведет сам. Отсюда и требование к конструктору: блоков должно хватать не на одну статью, а на раздел со своей версткой первого экрана.
Функциональные решения
Купить онлайн
У товара список магазинов и площадок, где он есть, с промокодом, который копируется одним нажатием.
Отзывы и вопросы
И оценка товара, и вопрос о нем — производителю важно и то и другое, и оба проходят модерацию.
Интерьеры и 360°
Коллекция показана в интерьере с круговым обзором, а ссылка на просмотр годится для кода на упаковке.
Города и страны
Цены и публикации свои у групп регионов, а Беларусь и Казахстан идут отдельными версиями со своими валютами.
Профессионалы
Раздел для мастеров и дизайнеров с расписанием обучений и записью на них.
Претензия на сайте
Форма рекламации переехала с отдельного домена на сайт производителя — туда, где покупатель ищет ее на самом деле.
Технические решения
Импорт из таблиц
Google Таблицы и Яндекс Диск — источник, а не промежуточный формат: сайт забирает данные оттуда по расписанию. На время обновления таблица блокируется, служебные строки с кодами полей защищены от правки, а похожие кириллические символы в артикулах исправляются сами — руками заполненная таблица всегда содержит и то и другое.
Конструктор у партнеров
Тот же конструктор ванной встраивается на сайты магазинов кадром: у партнера свои шапка и подвал, свой справочник и свой отчет по собранным комплектам. Без выданного кода и с чужого домена он не открывается.
Фиды одним проходом
Выгрузки для маркетплейсов, рекламных площадок и сервисов отзывов формируются за один обход каталога, а не отдельным скриптом на каждую. Каталог такого размера нельзя обходить пять раз за ночь.
Карты по расписанию
Точки для разделов «Где купить», «Дистрибьюторы» и «Сервисные центры» пересчитываются раз в три часа и только если данные менялись; шаблон работает с готовым файлом. Иначе страница с картой собирала бы тысячи адресов на каждый заход.
Изображения
Конвертация в WebP идет на стороне сайта, поэтому редакции не нужно готовить картинки в двух форматах.
Скорость и SEO
ЧПУ в фильтре и каталоге, переадресация со старых адресов и подготовка к переиндексации перед переносом, адаптивная верстка. Метатеги и тексты страниц фильтра генерируются по шаблонам, канонические адреса и правила индексации расставлены по параметрам в адресе.
Рефакторинг кодовой базы
Код переведен в современную структуру и покрыт тестами полностью, а общая бизнес-логика вынесена в собственный пакет — один на три проекта группы. Правка в общей части выходит сразу везде, и ее не переносят копированием из проекта в проект.
Платформа
1С-БитриксPHP
Данные
Google ТаблицыЯндекс Диск
Интеграции
МаркетплейсыЯндекс.КартыСервис отзывовUnisenderБитрикс24StormWall
Сайт живет с 2019 года и развивается в поддержке. Вместе с ним мы ведем еще три продукта группы: сайт Meissen Keramik, внутренний продуктовый портал и клиентский клуб.
Похожие работы
Все работы
Meissen Keramik
Корпоративный сайт немецкой марки керамики.
Продуктовый портал Cersanit
Информационный портал о продуктах, коллекциях и документации для сотрудников и партнеров компании.
Cersanit Club
Клиентский клуб программы лояльности Cersanit.- 160+проектов с 2009 года
Смотреть все работы
Интернет-магазины, порталы, корпоративные сайты и внутренние системы — от разработки с нуля до многолетнего развития.
