Новый сайт и переезд на платформу · Москва
Maimoon CeramicaКамень, который хочется потрогать
Индийский керамогранит крупных форматов: огромные стенды на выставках в Москве — и сайт на WordPress, который сильно отставал от уровня бренда. Команда студии перевезла сайт на платформу SkeekS, перенесла все 294 товара и 12 коллекций и сделала новый дизайн вокруг самого материала: плиты, которые хочется рассмотреть и потрогать.
- 294 товара
- перенесены с фото, ценами за м² и характеристиками
- 12 коллекций
- получили свои страницы — раньше были лишь атрибутом товара
- 324 адреса
- прежнего сайта ведут на новые страницы переадресацией 301
- 1,7 с
- главный элемент на телефоне вместо 6,7 с
Замеры
Тяжёлый камень —
лёгкий сайт
Новая главная богаче прежней: мраморный зал, арки, коллекции, анимации. И при этом легче — на телефоне в 2,6 раза. Картинки отдаются в нужном размере, скрипты собраны в один файл, видео и тяжёлые баннеры не грузятся на первом экране. Главный элемент страницы на телефоне появляется за 1,7 секунды вместо 6,7.
Замеры 18 октября 2026: загрузка обеих главных в одинаковых условиях, Chrome без кэша — телефон 390 px и компьютер 1440 px. Новый сайт — на тестовом адресе до переключения домена.
Было и стало
Одна граница —
два разных стенда
Прежний сайт — тема WordPress: размытое фото кухни на первом экране, оранжевые кнопки шаблона, коллекции мелкими квадратами, товар — небольшой картинкой с ценой. Тяните бронзовую границу: слева прежний сайт, справа новый. Сравните главную, каталог, коллекцию, товар, страницу компании и контакты.
- Размытый первый экранВместо материала — нерезкое фото кухни на всю высоту экрана.
- Коллекции без страницКоллекция была только атрибутом товара — без описания, фото и подборки.
- Фактуры не видноПлиту в карточке нельзя было рассмотреть — а именно её и выбирают.
- 51 секундаполной загрузки главной на телефоне — видео и тяжёлые баннеры.
Переезд
С WordPress на SkeekS —
каждая плита на месте
Мы выгрузили каталог прежнего магазина целиком и собрали его на платформе заново: товары с фото, ценами за квадратный метр и описаниями, характеристики для фильтров, коллекции со своими страницами, записи блога с датами, страницы компании и контакты шоурумов. Каждый старый адрес получил новый — ссылки из поисковиков, каталогов и писем не сломались.
- Было · WooCommerce
- 294товара WooCommerce
- 13атрибутов товаров
- 12коллекций — атрибутом
- 9страниц
- 11записей блога
- 324старых адреса
- Стало · SkeekS
- 294товара, 861 фото
- 14характеристик в фильтрах
- 12коллекций со своими страницами
- 5посадочных по дизайну
- 11записей блога с датами
- 324переадресации 301
- Цвет
- Дизайн
- Поверхность
- Окраска в массе
- Ректификат
- Степень блеска
- Назначение
- Помещение
- Износостойкость
- Морозостойкость
- Толщина
- Формат
- Вид товара
- Страна-производитель
Значения приведены к одному виду: «0.9 см» и «9 мм» — одна толщина, формат — «60×120 см», а «Под мрамор», «Под камень», «Под бетон» и «Под дерево» стали посадочными страницами с адресом и заголовком.
Коллекции
Двенадцать характеров —
двенадцать арок
На прежнем сайте коллекция была только строчкой в характеристиках. Теперь у каждой — своя страница: обложка на весь экран, фото коллекции лентой, описание, все дизайны с фильтром по формату и соседние коллекции. Обложки-арки — единая серия иллюстраций, созданная для сайта с помощью нейросети: мраморные залы, лофт и индийские дворцы. Это иллюстрации настроения, а не фото объектов.
Материал крупным планом
Каждая жилка —
как в шоуруме
Керамогранит выбирают глазами: глубину рисунка, переливы полировки, игру оттенков. Поэтому на главной и в карточке товара плита показана целиком, на тёмном фоне, а при наведении круглая лупа увеличивает фактуру по оригиналу фотографии. Попробуйте — это настоящая плита Marino Nero 60×120 с сайта.
- Увеличение по оригиналу, без потери резкости
- Блик полировки проходит по камню
- На телефоне — плита во весь экран
Наведите на плиту
Фирменный язык
Линии логотипа —
арки всего сайта
Знак Maimoon — буква «M» из параллельных бронзовых линий, похожая на арку. Из неё вырос язык сайта: линии арок прорисовываются на первых экранах, обложки коллекций и фото шоурума — в форме арок, как окна индийского дворца. Заголовки — Playfair Display с курсивом, разрядка «C E R A M I C A» — как в логотипе. Палитра — обсидиан, бронза линий логотипа, песок и слоновая кость.
- Обсидиан#0b0a09 · первые экраны, шапка, подвал
- Бронза#b89571 · линии логотипа, кнопки
- Песок#c7b299 · подзаголовки и курсив
- Слоновая кость#f5f0e8 · фон страниц
- Шафран#d0783c · редкий акцент — скидка
Главная
Главная —
как выставочный стенд
Бренд привык встречать клиентов на больших стендах выставок. Главная устроена так же: сначала зал, где камень работает на впечатление, затем коллекции, материал вблизи, выбор по дизайну и формату, шоурум и предложение партнёрам. Наведите на окно — страница прокрутится.
- 01Первый экранМраморный зал с арками: линии логотипа прорисовываются, по камню проходит блик полировки.
- 02Двенадцать характеровКоллекции листаются вбок прокруткой страницы — обложки в форме арок.
- 03Материал крупным планомНаведите на плиту — лупа покажет фактуру по оригиналу фото.
- 04Природа, доведённая до совершенстваМрамор, камень, бетон, дерево — карточки раскрываются и ведут на подборки.
- 05Форматы в масштабеОт 60×60 до слэба 120×280 рядом с дверью высотой 2 метра.
- 06Шоурум и партнёрыРеальные адреса, маршрут, условия для дилеров, дизайнеров и оптовиков.
Живой сайт
Двенадцать страниц —
один материал
Каждая типовая страница сделана заново в общем языке: коллекции и каталог, товар, распродажа, сотрудничество, компания, блог, оформление заказа и даже страница ошибки. Наведите на окно — страница прокрутится, нажмите — откроется на сайте.
На телефоне
Шоурум —
в кармане дизайнера
Дизайнеры и прорабы выбирают плитку на объекте, с телефона. Меню раскрывается на весь экран с коллекциями, внизу — панель с каталогом, избранным, корзиной и звонком, коллекции листаются пальцем, фото коллекции — свайпом. Нажмите на телефон, чтобы остановить прокрутку.
Адреса
Каждый старый адрес —
на свою плиту
У прежнего сайта накопились ссылки — в поисковиках, у дилеров, в письмах и каталогах. При переезде адреса меняются, поэтому мы составили карту: каждый товар, коллекция, страница и запись блога отвечает переадресацией 301 на свою новую страницу, а поисковики переносят на неё накопленный вес. Все 324 переадресации проверены — каждая ведёт на открывающуюся страницу.
/keramogranit/keramogranit-maimoon-ceramica-…301/keramogranit-maimoon-ceramica-marino-nero-6…/kollektsii/kollekcziya-carving-maimoon-cera…301/carving-c1/keramogranit/keramogranit-maimoon-ceramica-…301/keramogranit-maimoon-ceramica-finlau-grey-8…/kontakty/301/contacts/kollektsii/kollekcziya-glossy-maimoon-ceram…301/glossy-c2/blog/vystavka-mosbuild-2-5-aprelya-v-mvcz-k…301/vystavka-mosbuild-2-5-aprelya-v-mvcz-krokus…/keramogranit/keramogranit-maimoon-ceramica-…301/keramogranit-maimoon-ceramica-satuario-whit…/blog/category/novosti/301/blog/kollektsii/kollekcziya-matt-maimoon-ceramica/301/matt-c3/keramogranit/301/catalog/keramogranit
- 294 товара
- 14 коллекций и разделов каталога
- 16 записей, рубрик блога и страниц
Как шла работа
Восемь этапов —
одна команда
Над проектом работала команда студии: аудит и схема каталога, перенос на платформу, переадресации, дизайн-система, главная и каталог, внутренние страницы и приёмка. Прежний сайт продолжал работать всё это время, а его вид сохранён снимками до начала работ.
- 01АудитСняли прежний сайт на компьютере и телефоне, выгрузили каталог, страницы и записи, замерили скорость главной.
- 02Схема каталогаРазобрали тринадцать атрибутов: что фильтр, что характеристика, что лишнее. Коллекции — отдельными страницами.
- 03Перенос на платформуТовары с фото, ценами за квадратный метр, характеристиками и описаниями, страницы, блог и контакты — на SkeekS.
- 04ПереадресацииКарта старых адресов: каждый товар, коллекция, страница и запись отвечает переадресацией 301.
- 05Дизайн-системаАрки из линий логотипа, обсидиан и бронза, Playfair Display и Jost — одни правила для всех страниц.
- 06Главная и каталогМраморный зал, коллекции в арках, материал крупным планом, форматы в масштабе, своя карточка товара.
- 07Внутренние страницыКоллекции, сотрудничество, о компании, блог, контакты, оформление заказа, окна и страница ошибки.
- 08Приёмка и доводкаПроверили страницы на компьютере и телефоне, все старые адреса и скорость, довели мелочи по замечаниям.
Сохранили при переезде
- Все товары и фото
- Цены за м²
- Тексты страниц
- Записи блога с датами
- Распродажа
- Старые адреса — через 301
- Контакты и реквизиты
Итог
Сайт — на уровне
стенда бренда
Новая платформа, все товары и коллекции на своих местах, переадресация каждого старого адреса, фильтры и посадочные по дизайну, лёгкие страницы и новый дизайн — от мраморного зала на главной до страницы ошибки. Тот же индийский керамогранит, только теперь его можно рассмотреть так же близко, как на выставке.