Производство спецобуви · Разработка сайтов
МАНХАРД: сайт производителя спецобуви
Белорусский производитель спецобуви с литьевым методом крепления подошвы. Типовой сайт-каталог заменили сайтом, который объясняет технологию, помогает выбрать обувь под отрасль и принимает запрос на расчёт для предприятия.
- 93скорость на телефоне
- 100скорость на компьютере
- 582 КБвес страницы на телефоне
- Клиент
- МАНХАРД
- Сайт
- manhard.by
- Отрасль
- Производство спецобуви
- Услуги
- Разработка сайтов
- Год
- 2026
Задача
У МАНХАРД был типовой сайт-каталог: шапка из контактов и логотипов, баннер без предложения, три блока с короткими списками. Главное отличие продукта, литьевое крепление подошвы, на сайте не объяснялось, а предприятию-закупщику негде было быстро выбрать обувь под свою отрасль и запросить расчёт. Нужно было сделать современный продающий сайт.
Что сделали
- Глубоко проанализировали рынок конкурентов и потребности целевой аудитории.
- Разобрали старый сайт по страницам и сохранили то, что нужно закупщику: каталог, контакты, раздел «Где купить», статьи.
- Построили новую главную вокруг вопросов закупщика: чем обувь отличается, подходит ли под мою отрасль, сколько стоит партия, можно ли с моим логотипом.
- Показали технологию в действии вместо описания: ботинок, который раскрывает своё устройство при наведении курсора.
- Добавили блоки для опта: подбор по отраслям, калькулятор с ориентировочной ценой и сроком, брендирование от 1000 пар, кейсы клиентов.
- Вынесли в первый экран то, что снимает сомнения: сертификаты, число клиентов, собственное производство.
Фишки проекта
Конкретные решения, которые мы сделали, и зачем.
-
Ботинок, который показывает устройство
- Что сделано
- В первом экране подпись «Наведите курсор на ботинок — заглянем внутрь»: ботинок раскрывает конструкцию. Ниже блок «От кожи до подошвы» показывает производство пятью шагами: кожа, раскрой, прилив подошвы, литьевое крепление, готовая пара.
- Зачем
- Главное преимущество, литьевой метод крепления подошвы, трудно объяснить текстом: покупатель читает «прогрессивный метод» и не видит разницы.
- Что это даёт
- Отличие видно за одно движение мыши, отдельная страница про технологию не нужна.
-
Точки на ботинке с техническими данными
- Что сделано
- Блок «Технология защиты»: наведите на точку, и появляется деталь конструкции с цифрами. Юфть 1,8–2,0 мм, композитный подносок 200 Дж по ГОСТ 28507-99, антипрокольная стелька, двухслойная подошва ПУ/ТПУ.
- Зачем
- Закупщику и инженеру по охране труда нужны характеристики, но таблица на экране отпугивает.
- Что это даёт
- Цифры подаются по одной, в привязке к месту на обуви, и их легко проверить.
-
Подбор обуви под отрасль
- Что сделано
- Блок «Подбор под задачу»: девять отраслей (строительство, металлургия, нефтехимия, пищевая и лёгкая промышленность, деревообработка, лесное хозяйство, АПК, горнодобыча), у каждой своё описание условий и требований к обуви.
- Зачем
- Закупщик ищет не модель, а обувь для своих условий: холод, масла, металл, влага. Сначала условия труда, потом модель.
- Что это даёт
- Путь от первого экрана до нужной категории короче, чем через общий каталог.
-
Калькулятор для опта
- Что сделано
- Блок «Калькулятор для опта»: выбираются коллекция и количество пар, сразу показываются ориентировочная цена и срок изготовления. Если до минимальной партии брендирования не хватает пар, калькулятор подсказывает сколько. Точную цену присылают по заявке ниже.
- Зачем
- Оптовый заказ начинается с вопроса «сколько это будет стоить для моей партии». Ждать звонка менеджера ради первой цифры долго.
- Что это даёт
- Закупщик получает ориентир без звонка, а заявка приходит уже с известными коллекцией и объёмом.
-
Брендирование от 1000 пар отдельным блоком
- Что сделано
- Условия брендирования вынесены в самостоятельный блок: логотип на языке, боковой части или подкладке по макету, цвет подкладки и ниток под фирменную палитру, минимальный заказ 1000 пар.
- Зачем
- На старом сайте брендирование было одной строкой в блоке из трёх. Для заводов, сетей и госзаказа это отдельное решение о покупке.
- Что это даёт
- Условия и порог заказа видны сразу, лишние вопросы до заявки снимаются.
-
Кейсы клиентов в формате «задача → решение → результат»
- Что сделано
- На главной три кейса клиентов: флексопечать, производство с постоянной температурой +21,5 °C, мебельное производство. В каждом названа задача и принятое решение, где есть результат, он указан.
- Зачем
- Закупщику убедительнее чужая похожая ситуация, чем перечень достоинств.
- Что это даёт
- Посетитель узнаёт свою ситуацию и видит, как её решали.
Слово команды
Нам хотелось показать не просто спецобувь, а то, как она сделана. Когда ботинок сам рассказывает про литьевое крепление, объяснять почти нечего: человек видит разницу сам.
Спасибо клиенту
С клиентом было очень приятно работать. Он доверился нам как экспертам, быстро и чётко давал обратную связь. Спасибо!
Было и стало
Выберите страницу и устройство, двигайте границу и прокручивайте страницу вниз.
Главная
Было · 15.10.2026Стало · 29.10.2026


Было · 15.10.2026Стало · 29.10.2026


Каталог
Было · 15.10.2026Стало · 29.10.2026


Было · 15.10.2026Стало · 29.10.2026


Раздел каталога
Было · 15.10.2026Стало · 29.10.2026


Было · 15.10.2026Стало · 29.10.2026


Карточка товара
Было · 15.10.2026Стало · 29.10.2026


Было · 15.10.2026Стало · 29.10.2026


О компании
Было · 15.10.2026Стало · 29.10.2026


Было · 15.10.2026Стало · 29.10.2026


Где купить
Было · 15.10.2026Стало · 29.10.2026


Было · 15.10.2026Стало · 29.10.2026


Контакты
Было · 15.10.2026Стало · 29.10.2026


Было · 15.10.2026Стало · 29.10.2026


Статьи
Было · 15.10.2026Стало · 29.10.2026


Было · 15.10.2026Стало · 29.10.2026


Страница статьи
Было · 15.10.2026Стало · 29.10.2026


Было · 15.10.2026Стало · 29.10.2026


Шапка
Карточки каталога
Контакты и форма
Шапка на телефоне
Результаты
Скорость и качество страницы
Что значат оценки
- Скорость
- Как быстро страница открывается и начинает работать, от 0 до 100.
- Доступность
- Насколько страницей удобно пользоваться людям с особенностями зрения, слуха и движений, и программам чтения.
- Рекомендации
- Современные приёмы в коде страницы: безопасность, актуальные стандарты, отсутствие ошибок в консоли.
- SEO
- Базовая техническая готовность страницы к поисковикам (на закрытом от индексации превью занижена).
- Цвета
- Зелёный: 90 и выше, оранжевый: от 50 до 89, красный: ниже 50. Скорость на телефоне меряем на медленной 4G, на компьютере в обычных условиях.
Телефон
- 93 Скорость
- 100 Доступность
- 100 Рекомендации
- 100 SEO
Разброс скорости между запусками: 93–94
- Появление главного блока (LCP)
- 3 с
- Время блокировки (TBT)
- 0 мс
- Сдвиг вёрстки (CLS)
- 0
- Вес страницы
- 582 КБ
Компьютер
- 100 Скорость
- 100 Доступность
- 100 Рекомендации
- 100 SEO
- Появление главного блока (LCP)
- 0,6 с
- Время блокировки (TBT)
- 0 мс
- Сдвиг вёрстки (CLS)
- 0
- Вес страницы
- 1,2 МБ
Слово клиента
Мне в общем все очень нравится. Просто бомбически! Я восхищен.
Сергей Михайлюк, директор МАНХАРД
Что бы сделали иначе
Проект получился, но кое-что мы сделали бы иначе с самого начала.
- Включили бы замеры скорости и доступности в первую версию: язык документа, подписи полей и ошибки в консоли мы исправили уже после запуска.
- Заранее подготовили бы лёгкие картинки для телефонов: вес страницы мы сокращали уже на проде.
- После релиза мы доработали систему согласия с политикой конфиденциальности под актуальные требования.
Об услуге
Разрабатываем сайты, которые понятно объясняют продукт и приводят заявки: от анализа рынка и дизайна до запуска и аналитики.
Ваш проект
Следующий кейс с эффектным проектом может быть ваш
Опишите задачу. Мы оценим её бесплатно, назовём срок и цену и честно скажем, что делать не стоит.
- Оценка задачи бесплатная.
- Назовём срок и цену.
- Скажем, что делать не стоит.
- проектов в портфолио
- 3
- клиентов
- 300+
- лет опыта
- 15+
- специалистов в команде
- 45+
Подробно подскажем, с чего начать и сколько это займёт.
