Концепция главной страницы · manhard.by

Обувь одного завода.

Не импортёр и не реселлер под чужим лейблом. Один завод в Минске льёт подошву и шьёт верх — 10 000 пар в месяц. На нынешнем сайте это не показано ни разу. Редизайн строится вокруг того, что нельзя скопировать за неделю.

Литьевой метод крепления — заготовка верха фиксируется в пресс-форме, термополиуретан заливается напрямую в полость подошвы. Соединение получается монолитным, без строчки и клея. Это и есть техническое УТП компании — просто оно ещё никогда не было визуализировано.

01 — Почему это работает

Смысловая платформа

Рынок спецобуви в Беларуси и СНГ — это либо мёртвые бренды, либо реселлеры, либо лид-магниты без единого товара. Манхард — редкий случай реального завода. Это и есть содержание вау-эффекта, а не декорация поверх него.

TALAN

0 живых каналов продаж в РБ — сайт 404, у бывшего дилера пустая страница бренда

fro-opt.ru

0 товаров в открытом доступе — чистая лид-воронка без каталога

spets.ru

Мультидоменный реселлер — витрины в 4 городах, своего завода нет

Манхард

10 000 пар/мес на одной площадке в Минске — от кожи до готовой пары

02 — Аудитория

Один сценарий, не два

Главная страница — только B2B. Розница получает один заметный блок-ссылку на дилерскую сеть, но не конкурирует за внимание с воронкой снабженца.

01Цена и расчёт— без звонка и ожидания счёта сутки
02Сертификаты— для тендерной документации, доступны сразу, не в служебных файлах CMS
03Минимальная партия— явно, для крупного корпоративного заказа, а не мелкого опта
04Скорость КП— в один клик, как у зрелых конкурентов, а не через переписку

03 — Структура

Десять экранов

Порядок — не декоративный, это воронка снабженца сверху вниз: от доверия к цене, от цены к заявке.

Hero

Вау-впечатление за 3 секунды + заявка позиционирования «завод, не реселлер»

анимация литья подошвы

Цифры доверия

Снять скепсис сразу, не через 3 экрана вниз

350+ клиентов · 10 000 пар/мес · с 2017 · 70 дней гарантии

«От кожи до подошвы»

Флагманский блок — производство, которого нет ни у одного из 10 конкурентов

scroll-driven репортаж цеха

Технология защиты

Объяснить литьевой метод языком инженерии, не рекламы

интерактивный разрез ботинка

Подбор под задачу

Чинит нынешнюю плохую навигацию каталога, маскируясь под вау-инструмент

селектор отраслей

Кейсы

Партнёрская база (МАПИД, Coca-Cola, БЖД) как доказательство, не стена логотипов

4–6 карточек «отрасль → задача → результат»

Калькулятор для опта

Единственная функция, которой нет вообще ни у кого из 10 конкурентов

модель × количество × брендирование = цена и срок

Брендирование от 1000 пар

Поднять на первый экран то, что сейчас — абзац на дальней странице

превью кастомизации + честный порог входа

Розница

Не мешать B2B-сценарию, но и не прятать совсем

ссылка на сети + самовывоз с завода

Заявка

Закрыть контакт без лишних полей формы

расчёт + телефон + адрес завода

04 — Motion

Каждое движение снимает возражение

Принцип: анимация объясняет технологию или закрывает конкретный вопрос закупщика — не работает как украшение.

Hero

Подошва «отливается» на верх за 2–3 сек при загрузке

буквально показывает УТП, которое сейчас — просто фраза в тексте

Цифры

Счётчики считают при попадании во вьюпорт

мгновенное ощущение масштаба и надёжности

Производство

Пиновый scroll-сторителлинг, кадры цеха сменяются по скроллу

единственное место в нише, где этого не делает никто — сам эффект и есть УТП

Разрез ботинка

Клик/hover по зоне раскрывает материал и стандарт

инженерная подача для аудитории, которая ценит точность, не игру

Подбор

Кросс-фейд в отфильтрованную выдачу после выбора отрасли

маскирует под «вау» починку текущего бага навигации каталога

Калькулятор

Цена и срок пересчитываются вживую при изменении параметров

замена «заявка → счёт завтра» на мгновенный отклик

05 — Визуальный язык

Индустриальная точность, не стартап-глянец

Все 10 проверенных конкурентов выглядят как типовой e-commerce-каталог. Задача — не «ещё один слой полировки», а другой визуальный род: завод, а не витрина.

Графит

#15171A

Поверхность

#1D2023

Сигнальный оранжевый

#FF5C22

Стальной синий

#7FA3C2

Тёплый белый

#ECE9E1

Металл

#464B51

Оранжевый — не абстрактный «фирменный цвет», а цвет сигнальной защитной экипировки: отсылка к самой отрасли, не к дизайн-тренду.

Заголовки — Oswald 700

Литьевой метод

Подзаголовки — Oswald 500

От кожи до подошвы

Текст — IBM Plex Sans

Подошва и верх образуют монолитное соединение без шва — полная защита от влаги и агрессивных сред там, где прошивная или клеевая конструкция конкурентов рано или поздно расходится.

Данные и спецификации — IBM Plex Mono

АРТИКУЛ E/03-SW · ПУ/ТПУ · до +195°C · ТР ТС 019/2011

арт-дирекшн · не финальное изображение

Референс для ИИ-контента

Репортажный свет, не студийный — как на реальном производстве
Лёгкое зерно и текстура, не стерильный рендер
Тёмный фон, контровой/боковой свет
Крупный план материала — кожа, срез подошвы, момент литья
Люди — в рабочей одежде, естественные позы, не стоковая улыбка в камеру
Единая серия важнее фотореалистичности каждого кадра

06 — Осознанные ограничения

Чего здесь не будет

×Тяжёлых полноэкранных 3D-сцен без функции — просадка на обычном офисном ПК снабженца — реальный риск для этой аудитории

×Геймификации и игровых механик — аудитория ценит точность, не развлечение

×Капч и барьеров перед контентом — так закупщика теряет marko.by прямо сейчас

×Автоплей-слайдеров без цифр и смысла — ровно то, что стоит на сайте сегодня

07 — Метрика вау-эффекта

Не «красиво». Конкретно.

Время до первого действия

клик по расчёту/калькулятору — короче, чем сейчас

Цена видна без звонка

сейчас — единственный сайт из 11 разобранных без единой цифры

Партнёрская база читается

как кейсы, а не игнорируется как логотипы

Отличие от рынка — за один скролл

без необходимости читать текст, чтобы его считать