Промышленные компанииКорпоративные сайты
Сайт услуг по сварке металлоконструкций
Сайт производственных услуг с расчётом заказа по чертежу
- типов конструкций в калькуляторе
- 18типов конструкций в калькуляторе
- параметра расчёта
- 4параметра расчёта
Кейс
Обновление устаревшего сайта с сохранением поискового трафика
- Клиент
- Завод комплектующих для промышленного оборудования
- Направления
- Редизайн, Промышленные компании
Вводная
Сайту было семь лет: он не открывался с телефона, каталог представлял собой список PDF-прайсов, а половина страниц дублировала друг друга. При этом сайт стабильно приносил заявки из поиска, и потерять этот трафик было нельзя.
Задача клиента
Переделать проект целиком, сохранив позиции. Основная сложность — привести в порядок 640 страниц, из которых значительная часть была техническим мусором, не выбросив те, что реально приводят клиентов.
Что мы выяснили до начала работы
01
Инвентаризация 640 URL: трафик, заявки, дубли и страницы-сироты
02
18 страниц давали 74 % органических визитов — их правили осторожнее всего
03
Записи сессий: пользователи с мобильных не могли открыть прайсы
04
Сверка номенклатуры на сайте с актуальной — расхождение по 30 % позиций
Решение
Каталог перевели из PDF в структурированные карточки с характеристиками и фильтрами. Составили карту редиректов, сохранив адреса всех страниц с трафиком. Мобильную версию спроектировали заново, а не ужали десктопную. Первые два месяца после запуска еженедельно сверяли позиции.
UX-подход
- Каталог с фильтрами вместо скачиваемых прайс-листов
- Технические характеристики в таблице, а не картинкой из документа
- Документация прикреплена к позиции и открывается прямо в браузере
- Форма запроса подставляет выбранные позиции автоматически
Карта сайта
Главная
- Направления
- Производство
- Каталог
- Заявка
Каталог
- Группы продукции
- Фильтры по характеристикам
- Карточка позиции
- Документация
Производство
- Технологии
- Контроль качества
- Сертификаты
Компания
- О заводе
- Партнёрам
- Вакансии
- Контакты
Как это выглядит
Чистый синий как основной и приглушённый терракотовый в акцентах — сочетание точности и тепла, нетипичное для промышленных сайтов. Строгая сетка, крупные характеристики, схемы вместо фотографий станков.
Главная
Направления и переход в каталог вместо новостной ленты завода.
Каталог с фильтрами
Подбор по характеристикам вместо скачивания прайса.
Карточка позиции
Характеристики, документация и запрос цены в один экран.
Мобильная версия
Спроектирована заново, а не ужата из десктопной.
Как это устроено внутри
Карта редиректов
640 старых адресов разобраны: сохранены, склеены или закрыты с постоянным перенаправлением.
Каталог из данных
Позиции и характеристики приходят из учётной системы, PDF формируется на лету.
Статическая генерация
Страницы каталога отдаются готовым HTML и обновляются по событию из обмена.
Контроль после запуска
Еженедельная сверка позиций и ошибок сканирования первые восемь недель.
Технологии проекта
- Next.js
- TypeScript
- Tailwind CSS
- Node.js
- PostgreSQL
- SEO-инструменты
- Lighthouse CI
Объём работы
Ключевые параметры проекта — то, что вошло в работу и что видно в интерфейсе.
640→210
страниц после чистки дублей
3
группы фильтров каталога
без потерь
переезд SEO по редиректам
от 1 мес
срок редизайна
Смотрите также
Расскажите о задаче — покажем, как решали её в этом кейсе и что можно сделать быстрее в вашем случае.