Переезд на платформу и новый сайт · Зеленоград
ИДМ-ПЛЮСТот же каталог — без помех
Российский разработчик и производитель микросхем, датчиков тока, напряжения, положения и вибрации. Прежний сайт на Webasyst держал каталог как сигнал с шумом: одна характеристика под девятнадцатью именами, серии спрятаны разделами, по запросу об изделии находилась новость. Команда студии перевезла сайт на платформу SkeekS, заново собрала каталог и сделала новый дизайн — от поля магнита на первом экране до карточки изделия.
- Характеристик
- 199было 585 кодов
- Вес главной
- 294 КБбыло 7 056 КБ
- Старых адресов с 301
- 538из 538
Ведите курсором по экрану: слева от щупа — шум прежнего сайта, справа — чистый сигнал.
- 312 изделий
- перенесены с фото, характеристиками и документацией
- 88 фильтров
- сохранённых — посадочные под серии, аналоги и интерфейсы
- 538 адресов
- прежнего сайта ведут на новые страницы переадресацией 301
- в 24 раза
- легче главная: 294 КБ вместо 7 МБ
Протокол замеров
Замер до —
и после
Одни и те же замеры для прежнего и нового сайта: проверка Google PageSpeed для компьютера и вес главной страницы без кэша. Новый сайт легче в двадцать четыре раза: картинки на лету переводятся в WebP нужного размера, стили и скрипты собраны и сжаты, лишние шрифты убраны. Поисковая оптимизация — десять проверок из одиннадцати; одиннадцатая не пройдена только потому, что новый сайт до запуска закрыт от индексации.
Замеры 15 октября 2026: PageSpeed Insights (компьютер) для idm-plus.ru и нового сайта на тестовом адресе; вес и число запросов — загрузка обеих главных в одинаковых условиях, без кэша.
Было и стало
Луч проходит —
сайт меняется
Прежний сайт — шаблонная тема Webasyst: слайдер на первом экране, круглые иконки разделов, кнопки капслоком, длинные таблицы характеристик без ссылок. Тяните луч осциллографа: слева от него прежний сайт, справа новый. Сравните главную, раздел, карточку изделия, разработку, отрасль и контакты.
- 15 битых ссылокиз 74 ссылок прежней главной вели на страницу ошибки — разделы давно переехали.
- Серии разделамиДТК, РУМ, ОДП и ещё 37 серий были отдельными разделами без фильтров.
- Таблица без ссылокХарактеристики изделия — длинной таблицей: по значению нельзя было найти похожие.
- 7 МБ картинокПервый экран грузил PNG по шесть мегабайт — на телефоне главная открывалась долго.
Переезд
С Webasyst на SkeekS —
по каждому выводу
Переезд — это не «перенести товары». Мы выгрузили всю базу прежнего магазина и собрали каталог заново: изделия, фото, характеристики, технические документы и 3D-модели, связанные изделия, новости с датами, страницы компании. Импорт повторяемый — его можно прогнать заново, если на прежнем сайте что-то изменится до запуска. Каждый старый адрес получил новый.
- 312изделий
- 585кодов характеристик
- 626файлов документации
- 72новости
- 26страниц компании
- 538старых адресов
- 312изделий с фото и описанием
- 199характеристик, 37 — в фильтрах
- 88сохранённых фильтров
- 22раздела каталога
- 72новости с датами
- 538переадресаций 301
Характеристики
Девятнадцать имён —
один фильтр
В прежней базе каждая серия изделий заводила свои характеристики: «Напряжение питания», «Напряжение питания, В», «UCC, В» — и ещё шестнадцать копий того же параметра. Отфильтровать каталог по напряжению было нельзя. Мы разобрали 247 названий и 585 кодов и свели их к 199 характеристикам; 37 главных стали фильтрами, а значения приведены к одному виду: «±1 %», «−40…+85 °C», «4…20 мА». Выберите параметр.
- Напряжение питания
- Напряжение питания, В
- UCC, В
- Напряжение питания двигателя
Сохранённые фильтры
Серия была разделом —
стала посадочной
На прежнем сайте серии ДТК, РУМ или ОДП были отдельными разделами: внутри — список, без фильтров и без соседних серий. На платформе SkeekS это сохранённые фильтры: страница «Датчики тока ДТК» — тот же раздел «Датчики тока» с выбранной серией, со своим адресом, заголовком и описанием для поиска. Соседние подборки — плашками над списком, а старый адрес серии ведёт на новую страницу. Так же собраны подборки по аналогам, интерфейсам и принципу действия — 88 страниц под запросы покупателей.
- Каталог
- Силовая электроника
- Датчики тока
- ДТК
/catalog/category/silovaya-elektronika/datchiki-toka/dtk/
- Каталог
- Силовая электроника
- Датчики тока + Серия = ДТК
/datchiki-toka-dtk-f4
88 сохранённых фильтров — каждый со своим адресом и заголовком
Запрос покупателя
Ищут аналог —
находят подборку
Инженер, которому нужно заменить импортный датчик, ищет «датчики тока аналоги LEM». У прежнего сайта под такой запрос не было страницы — поиск находил новость о программе импортозамещения: полезная, но в ней нет ни списка изделий, ни фильтров. Теперь у запроса есть своя страница — «Датчики тока — аналоги LEM»: 126 изделий, фильтры и заявка в один клик. Таких посадочных под замену импорта — 13.
Аналоги датчиков LEM LTC 600-SF/SP3, LEM LTC 1000-SF/SP21 представляют собой датчики тока компенсационного типа…
- нет списка изделий
- нет фильтров
- нет заявки
126 изделий ИДМ-ПЛЮС, которые заменяют датчики LEM: фильтры по току, погрешности, питанию и монтажу.
- 126 изделий
- фильтры по параметрам
- заявка в один клик
Адреса
Каждый старый адрес —
на своё место
За годы у сайта накопились ссылки: в поисковиках, в каталогах дилеров, в письмах и PDF. При переезде адреса меняются, и без переадресации всё это превратилось бы в страницы ошибки. Мы составили карту: каждый товар, раздел, серия, новость и страница прежнего сайта отвечает переадресацией 301 на свою новую страницу — поисковики переносят на неё накопленный вес. Битые ссылки прежней главной тоже ведут туда, куда должны были.
/catalog/category/silovaya-elektronika/dat…301/datchiki-toka-dtk-f4/catalog/mikroskhema-datchika-toka-k5331nn…301/mikroskhema-datchika-toka-k5331nn015-12763/services/301/razrabotka/current-sensors301/catalog/silovaya-elektronika/datchiki-toka/catalog/category/silovaya-elektronika/dat…301/datchiki-toka-kf-f20/otraslevye-resheniya/transport301/otrasli/transport/catalog/vmdp-a16384-5-spi301/vmdp-a16384-5-spi-12853/news/bims-476-1--bims-r-630-1--bims-700-1301/bims-476-1-bims-r-630-1-bims-700-1-13084/order_idm/301/zayavka/catalog/category/mikroskhemy/301/catalog/mikroelektronika/mikroskhemy/arkhiv-novostey301/novosti/catalog/datchik-toka-kompensacionnyj-kt-4…301/datchik-toka-kompensacionnyj-kt-400-l-12943/about/301/o-kompanii/avtorskie-prava-i-garantii301/o-kompanii/avtorskie-prava-i-garantii
- 390 правил для изделий, разделов и серий
- 135 правил для новостей и страниц
- 520 страниц нового сайта отвечают без ошибок
Поиск
Три буквы —
и серия найдена
Инженер знает маркировку, а не название раздела. Поиск в шапке подсказывает по мере ввода: «дтк» — и сразу подборка «Датчики тока ДТК» и изделия серии с фото. Маркировку можно набрать и русскими буквами — латинские названия тоже найдутся, а полный поиск ищет по каталогу, подборкам и разделам.
- Подборки и разделы — раньше товаров
- Совпадение подсвечено
- Стрелки, Enter и Escape с клавиатуры
Датчик тока компенсационный ДТК-50М↗
Датчик тока компенсационный ДТК-50А↗
Датчик тока компенсационный ДТК-150А↗
Датчик тока компенсационный ДТК-50АМ↗
Датчик тока компенсационный ДТК-125М↗
Карточка изделия
Даташит —
который ведёт дальше
Карточка изделия устроена как техническое описание, только живое. Ключевые параметры — сразу под названием, полный список характеристик — таблицей, и каждое значение-фильтр ведёт на страницу всех таких изделий. Документация и 3D-модели — рядом, ниже — замена импорта и вся серия. Цен на сайте нет, поэтому главная кнопка — «Запросить цену и сроки».
- 1Характеристики — ссылкамиЗначение «Серия ДТК» или «Компенсационный» ведёт на страницу всех таких изделий.
- 2Документация рядомТехнический документ и 3D-модель — справа от характеристик, с размером файла.
- 3Замена импортаКакие зарубежные изделия заменяет датчик — и ссылка на все аналоги этого производителя.
- 4Своя модификацияЕсли готового изделия нет — сразу предложение обсудить разработку под задачу.
Для поисковиков и нейросетей
Сайт, который
читают и машины
Каталог теперь читают не только люди. Поисковики и ИИ-ассистенты получают страницу целиком: текст отдаётся сервером, у каждого изделия есть разметка Product с брендом и организацией, у страниц — канонический адрес, описание и карта сайта на 528 адресов. Проверка PageSpeed «Агентный просмотр» — то, как страницу понимает ИИ-агент, — у нового сайта 2 из 2, у прежнего было 0 из 2.
- Дерево доступности сформировано корректно
- Вёрстка не сдвигается при загрузке
- Разметка Product · Brand · Organization
- Заголовок и метаописание у каждой страницы
- Канонический адрес и hreflang
- У ссылок и картинок есть описания
- robots.txt и карта сайта
- Индексация — откроется при запуске
Фирменный язык
Пластина из логотипа —
весь сайт
В логотипе ИДМ-ПЛЮС — кремниевая пластина с сеткой кристаллов. Из неё вырос весь язык сайта: на первом экране — пластина под магнитом, где каждый кристалл, как датчик Холла, показывает направление поля; в шапках страниц — микросхема с выводами; цифры и показания набраны моноширинным шрифтом, как на табло прибора. Палитра — ночной корпус прибора, голубой логотипа и редкий янтарный импульс.
- Корпус прибора#061019 · первый экран, шапка, подвал
- Голубой логотипа#00b0e0 · кнопки и сигнал
- Сталь#9aa0a6 · серый логотипа, подписи
- Импульс#ffb547 · редкий акцент — пик сигнала
- Бумага#f3f7fa · фон страниц
Главная
Главная —
от кристалла к системе
Главная рассказывает о компании так, как она работает: от кристалла микросхемы — к датчику, модулю и измерительной системе. Цифры и подборки считаются прямо из каталога, поэтому не устаревают. Выберите главу — окно сайта прокрутится к ней.
«Продукция» раскрывается по наведению: шесть направлений с числом изделий и подразделами, справа — замена импортных изделий. Окна «Связаться», заявка на разработку и отклик на вакансию — в одном стиле, с понятными полями и выбором направления плашками.
Живой сайт
Двенадцать страниц —
одним прибором
Все страницы прежнего сайта перенесены и переписаны в новом оформлении — от каталога и серий до вакансий и заявки. Наведите на окно — страница прокрутится.
На телефоне
Каталог —
в кармане инженера
На объекте инженер открывает сайт с телефона. Меню раскрывается на весь экран с направлениями и разделами, карточки списка встают строкой — фото слева, параметры справа, фильтры — отдельной панелью. Нажмите на телефон, чтобы остановить прокрутку.
Как шла работа
Восемь этапов —
одна команда
Над проектом работала команда студии: аудит и схема каталога, перенос на платформу, переадресации, дизайн, страницы и приёмка с проверкой каждой страницы и каждого старого адреса. Прежний сайт продолжал работать всё это время, а его вид сохранён снимками до начала работ.
- 01АудитСняли страницы прежнего сайта на компьютере и телефоне, выгрузили каталог из базы Webasyst и проверили каждую ссылку главной — 15 из 74 вели на ошибку.
- 02Схема каталогаРазобрали 585 кодов характеристик: что одно и то же, что фильтр, что текст. Решили, какие разделы-серии станут сохранёнными фильтрами.
- 03Перенос на платформуИзделия, фото, документация, связанные товары, новости и страницы — на SkeekS CMS, повторяемым импортом, чтобы его можно было прогнать заново.
- 04ПереадресацииКарта старых адресов на новые: каждый товар, раздел, серия, новость и страница отвечает переадресацией 301.
- 05Дизайн-системаПластина и микросхема из логотипа, ночная «приборная» палитра, Onest и JetBrains Mono — одни правила для всех страниц.
- 06Главная и каталогПоле магнита на первом экране, путь «от кристалла к системе», каталог с фильтрами и своей карточкой изделия.
- 07Внутренние страницыРазработка, отрасли, о компании, новости, вакансии, заявка, контакты и страница ошибки — каждая в общем языке.
- 08Приёмка и доводкаПроверили все 520 страниц и все старые адреса, телефоны и скорость, довели то, что мешало.
Довели на приёмке
- Фото изделий были мелкими в списке — обрезали пустые поля у 306 фото
- Фото в карточке изделия стали чёткими на любом экране
- Меню «Продукция» открывается и по наведению, без лишней рамки
- Отклик на вакансию — отдельной формой, вакансия подставляется сама
- Плавная прокрутка к разделам с отступом под шапку
- Поиск по сайту — с подсказками по мере ввода
- Документы и «Моспром» в подвале — как на прежнем сайте
- Лишние шрифты убраны, стили и скрипты — в разы легче
Сохранили при переезде
- Все изделия и фото
- Документация к изделиям
- Тексты страниц
- Новости с датами
- Старые адреса — через 301
- Контакты и реквизиты
Итог
Сигнал чистый —
можно измерять
Новая платформа, заново собранный каталог с фильтрами и посадочными, переадресация каждого старого адреса, поиск с подсказками, лёгкие страницы и новый дизайн — от главной до страницы ошибки. Тот же производитель микросхем и датчиков, только теперь его каталог можно фильтровать, находить и читать — людям и машинам.