Meissen Keramik — корпоративный сайт немецкой марки керамики
Перенесли русский сайт марки MEI на свою платформу по брендбуку и структуре международного проекта: каталог коллекций с поиском по тегам, фильтрация без перезагрузки, адаптив от телефона до монитора.
- год основания фабрики Meissen
- 1863
- годовое производство плитки по миру
- 70 млн м²
- сотрудников по всему миру
- 6 000
- запуск сайта
- 2019
Задача
Обновить русский сайт марки: сделать его быстрым и адаптивным и дать редакции возможность самостоятельно править контент и каталог.
Что сделали
Собрали сайт по брендбуку MEI и структуре международного проекта, добавили поиск коллекций по тегам и фильтрацию без перезагрузки страницы.
Чем закончилось
Сайт запущен в 2019 году в короткий срок и развивается в рамках поддержки.
С чем пришли
Немецкая компания Meissen ведет историю с 1863 года, когда была основана фабрика керамических изделий. Сегодня это всемирно известный производитель керамической плитки и керамогранита, представитель холдинга ROVERSE GROUP.
Задача та же, что и у корпоративного сайта CERSANIT: русский сайт должен соответствовать брендбуку и структуре международного проекта, но жить своим каталогом и своим контентом.
Плитку выбирают глазами и подбирают по сочетанию, поэтому от каталога требовалась не только скорость, но и способ переходить от коллекции к похожей.
- Брендбук марки MEI и структура польского сайта — рамка проекта.
- Требования к верстке и функциональности уточнялись в процессе, а срок оставался коротким.
- Проект шел в сотрудничестве с ярославским интегратором «СИНТО» — генподрядчиком.
Что сделали
Перенесли сайт
Собрали структуру и верстку по брендбуку MEI, сделали сайт адаптивным и подготовили его к переиндексации после переноса.
Собрали каталог коллекций
Разобрали, как марку выбирают на самом деле, и построили каталог вокруг коллекции целиком, а не вокруг артикула.
Отдали контент редакции
Наполнение каталога и материалов правится на стороне заказчика, без обращения к разработчику.
Как это устроено
Каталог коллекций
Плитку выбирают глазами, поэтому в списке не артикулы, а кадры интерьеров — у каждой коллекции своя карусель, она листается прямо в сетке. Слева отбор по дизайну, помещению, стилю и формату; выборка обновляется на месте, страница не моргает на каждом шаге.
Страница коллекции
Коллекция показана собранной комнатой, а не выкладкой образцов: сверху интерьер с переключением ракурсов, ниже описание, теги, по которым покупатель уходит к похожим коллекциям, и готовые дизайн-проекты — комнату целиком выбрать проще, чем артикул.
Тренды на конструкторе
Раздел редакция ведет сама: материал собирается из готовых блоков — текста, галерей, видео, каталога и привязанных коллекций. Направления сверху отбирают материалы на месте, а каждый материал ведет обратно в каталог.
Каталоги марки
Печатные каталоги и ньюслеттеры выложены по годам и открываются прямо на сайте — их листают, а не только скачивают. Так же выложены и подборки по коллекциям.
Функциональные решения
Подписанная ссылка на каталог
Адрес PDF подписан и в отрыве от страницы не работает: печатные каталоги марки не должны расходиться сами по себе.
Цены по регионам
Страна и город выбираются в шапке и запоминаются: у групп регионов свои цены.
Технические решения
Поиск по тегам
Коллекции связаны тегами — материалом, цветом, форматом, назначением. От одной коллекции покупатель переходит к похожим, не возвращаясь в фильтр.
Фильтр без перезагрузки
Выборка обновляется на месте, адрес остается человекопонятным — страницу фильтра можно отправить ссылкой и проиндексировать.
Общий источник материалов
Изображения и файлы коллекций сайт запрашивает у продуктового портала той же группы по коду товара. На портале для этого заведен признак «показывать на этом сайте» и выбор главного изображения — материалы ведутся один раз и расходятся по сайтам сами.
Каталог из таблицы
Наполнение переведено с загрузки файлов на импорт прямо из общей таблицы компании. Служебные строки с кодами полей защищены от правки, а доступ к таблице разграничен: одна сдвинутая колонка ломает весь импорт, и защита здесь дешевле разбора последствий.
Рефакторинг кодовой базы
Код переведен в современную структуру и покрыт тестами полностью — вместе с двумя соседними проектами группы, для которых общая бизнес-логика вынесена в собственный пакет.
Платформа
1С-БитриксPHP
Данные
Google ТаблицыПродуктовый портал группы
Интеграции
DaDataYouTube
Сайт работает с 2019 года и развивается в поддержке — вместе с тремя другими продуктами группы Cersanit.
Похожие работы
Все работы
CERSANIT
Корпоративный сайт производителя сантехники и керамической плитки.
Продуктовый портал Cersanit
Информационный портал о продуктах, коллекциях и документации для сотрудников и партнеров компании.
Cersanit Club
Клиентский клуб программы лояльности Cersanit.- 160+проектов с 2009 года
Смотреть все работы
Интернет-магазины, порталы, корпоративные сайты и внутренние системы — от разработки с нуля до многолетнего развития.
