«Финдер» — официальный российский филиал итальянского производителя реле и компонентов промышленной автоматизации Finder. Для него мы сделали корпоративный сайт finder.moscow: каталог продукции, документацию, остатки на складах, карту партнёров и личный кабинет партнёра.
Главная особенность проекта в том, что филиал не продаёт напрямую конечным клиентам. Он работает через сеть авторизованных партнёров-дистрибьюторов по всей России. Поэтому сайт производителя здесь — не интернет-магазин, а B2B-каталог и справочник, который ведёт инженера, проектировщика и снабженца к нужной серии, документации, наличию и партнёру. Ниже рассказываем, как устроены разделы и почему мы сделали их именно так.
О компании: кто такой «Финдер»
Finder S.p.A. основана в 1954 году в Альмезе под Турином. Компания выпускает реле и компоненты промышленной автоматизации: в ассортименте больше 14 000 артикулов, продукция экспортируется в 90+ стран.
В России бренд представлен с конца 90-х, московский филиал ООО «Финдер» работает с 2010 года. С 2018 года у компании есть представительство в Екатеринбурге и российское сборочное производство. Склады находятся в Москве и Екатеринбурге, на складе больше 1 000 артикулов. Продукция сертифицирована по CE, ENEC, UL, CSA и EAC.
Из этих фактов и складывается задача сайта. У компании огромный и технически сложный ассортимент, профессиональная аудитория и продажи через партнёров. Сайт должен помогать найти нужную позицию, проверить её по документам и понять, где её взять.
Задача: корпоративный сайт для производственной компании без прямых продаж
Типичный корпоративный сайт производителя строят вокруг заявки: каталог, кнопка «запросить цену», форма. Для «Финдер» такая схема не подходит. Если сайт начнёт собирать заказы от конечных клиентов, он будет конкурировать с собственной партнёрской сетью.
Поэтому мы сформулировали задачу иначе: сайт отвечает на вопросы и передаёт клиента партнёру. Какая серия подходит, какие у неё характеристики, есть ли сертификат и декларация, есть ли позиция на складе и у кого её купить в моём городе.
Кто приходит на такой сайт и что ему нужно:
- Проектировщик закладывает реле и модули в проект и ищет PDF-каталоги серий и файлы DXF и STP.
- Инженер знает номер изделия и хочет быстро проверить характеристики или найти замену.
- Снабженец проверяет наличие, сертификаты и декларации, собирает список позиций.
- Щитовик и электромонтажник ищут оборудование для электрощитов и инструкции по монтажу.
- Партнёр-дистрибьютор работает с филиалом через закрытый кабинет.
Сайт производителя, который продаёт через партнёров, отвечает на вопросы и передаёт клиента партнёру.
Главная страница и поиск по артикулу
Главная сразу говорит, о чём сайт: заголовок про электротехнику и автоматику Finder для промышленности, инфраструктуры и дома. Дальше идут новости, пять направлений продукции, быстрый поиск, блоки о качестве, статусе официального филиала, сертификатах и наличии на складе и контакты.
Порядок блоков повторяет вопросы нового посетителя: что это за компания, что она выпускает, можно ли ей доверять, есть ли продукция в России. Статус филиала и сертификаты здесь не украшение. Для B2B-покупателя это ответ на вопрос, не перекупщик ли перед ним.
Самое важное решение по навигации — поиск в шапке. Он есть на всех страницах и ищет по артикулу, серии или номеру, начиная с двух символов. Мы поставили его туда, потому что инженер приходит не «посмотреть ассортимент», а с конкретным номером из спецификации или со старого реле. Ему не нужно проходить каталог по уровням, если он может ввести номер прямо там, где находится.
B2B-каталог: группы, серии, артикулы
Каталог построен по цепочке «группа по применению — серия — артикул». Так мыслит профессиональная аудитория Finder: сначала задача, потом серия, потом конкретное исполнение.
Верхний уровень — пять направлений:
- продукция промышленного назначения;
- таймеры;
- оборудование для электрощитов;
- устройства автоматизации;
- продукция для коммерческого сектора.
Внутри направлений — подгруппы: реле, интерфейсные модули, реле безопасности, твердотельные реле, контакторы, источники питания, KNX, фотореле и другие. У каждой подгруппы указаны номера серий, потому что инженеры Finder ориентируются именно по ним.
Направления неравнозначны, и интерфейс это показывает. Флагманские направления получили большие плитки, узкоспециализированные — компактные. Посетитель видит главное сразу, но не теряет и редкие группы. Для тех, кому удобнее работать офлайн, рядом лежит общий PDF-каталог на 37 МБ.
Отдельные страницы под группы и серии работают и на поиск: инженеры ищут продукцию в Яндексе и Google по номеру серии и типу изделия, и каждой такой странице есть что показать в выдаче.
Документация как отдельный раздел
Для проектировщика документация часто важнее самой карточки товара. Поэтому мы вынесли её в отдельный раздел «Каталоги и документация», а не спрятали в карточки.
В разделе есть:
- PDF-каталоги по каждой серии на русском языке;
- сертификаты и декларации соответствия;
- инструкции;
- файлы для проектировщиков в форматах DXF и STP;
- брошюры и презентации.
Документы фильтруются по типу и ищутся по номеру серии. Проектировщику не нужно заходить в каталог, чтобы скачать чертёж, а снабженцу — чтобы найти декларацию для пакета документов. Каждый получает свой файл за пару действий.
Склады и наличие: таблица вместо корзины
У B2B-покупателя вопрос «есть ли в наличии» часто важнее вопроса цены. Если реле нужно для щита, который собирают на этой неделе, срок поставки решает всё.
Раздел «Склады и наличие» — это единая таблица остатков по складам в Москве и Екатеринбурге. Её можно искать по артикулу и фильтровать по серии. Таблицу можно выгрузить в Excel, а для работы со списком позиций есть шаблон для заполнения.
Мы сделали именно таблицу, а не карточки с кнопкой «в корзину». Снабженец и партнёр работают со списками: им нужно проверить десятки позиций сразу и перенести результат в свои документы. Таблица с выгрузкой экономит им больше времени, чем красивая витрина.
Партнёры и личный кабинет
Раз продажи идут через дистрибьюторов, у посетителя должен быть простой ответ на вопрос «где купить». Раздел «Наши партнёры» показывает сертифицированных партнёров на карте и списком, с фильтром по федеральному округу и городу и ссылками на их сайты. Инженер из любого региона находит ближайшего партнёра и уходит к нему.
Для самих партнёров есть личный кабинет. Вход — по названию фирмы и паролю. Самостоятельной регистрации нет: доступ выдаёт «Финдер». Кабинет нужен только авторизованным дистрибьюторам, поэтому вход закрыт для всех остальных.
О компании, новости и блоки для разных аудиторий
Раздел «О компании» рассказывает историю на таймлайне: 1954 год, конец 90-х, 2010-й, 2018-й и дальше. Есть страницы о производстве и принципах компании.
Отдельно мы сделали блоки для разных аудиторий: проектировщикам, инженерам, снабженцам, щитовикам и электромонтажникам. Каждый посетитель видит, чем Finder полезен именно ему, и не читает общий текст обо всём сразу.
Новости поддерживают доверие и работают как справочная лента: выставки, обновления деклараций соответствия, сертификаты РМРС. Для снабженца новость об обновлённой декларации — практическая информация, а не маркетинг.
Что взять из кейса производителю или дистрибьютору
Схема «производитель — партнёры — конечный клиент» встречается часто: у филиалов зарубежных брендов, у заводов с дилерской сетью, у крупных дистрибьюторов. Если ваша компания работает так же, сайт стоит проверять не по количеству страниц, а по тому, закрывает ли он рабочие вопросы посетителей.
- Можно ли с любой страницы найти позицию по артикулу или номеру серии?
- Совпадает ли структура каталога с тем, как ищут инженеры, а не с внутренним учётом?
- Лежат ли документы, сертификаты и файлы для проектировщиков отдельно и находятся ли по номеру серии?
- Видно ли наличие, и можно ли выгрузить его для работы со списком?
- Понятно ли посетителю из другого города, у кого купить продукцию?
- Есть ли у партнёров свой закрытый вход и кто управляет доступом?
Каждый пункт, на который ответ «нет», — это звонок в филиал или уход к конкуренту, у которого нужная информация нашлась быстрее.
Как это сделано
Сайт сделан на Next.js. Русская версия находится по адресу /ru. Next.js хорошо подходит для каталога с тысячами страниц: страницы быстро открываются и полностью доступны поисковым системам.
Проект прошёл наши обычные этапы:
- Аналитика, структура и смыслы. Разобрали, как устроены продажи через партнёров, кто приходит на сайт и с какими вопросами. Отсюда выросли разделы каталога, документации, наличия и партнёров.
- Визуальный код и дизайн. Главная задача дизайна — чтобы серии, номера и таблицы читались быстро, а флагманские направления выделялись на фоне узких.
- Разработка и тесты. Каталог, поиск в шапке, раздел документации с фильтрами, таблица остатков с выгрузкой, карта партнёров и закрытый кабинет.
- Запуск и развитие. Сайт работает на finder.moscow и пополняется новостями и документами.
Корпоративный сайт для производственной компании или дистрибьютора — одна из задач, которыми мы занимаемся как IT-агентство Sphere: разработка сайтов в Москве и для компаний по России, от структуры и дизайна до запуска. Другие работы — в разделе наши проекты по разработке сайтов.
Частые вопросы
Почему на сайте производителя нет корзины и цен?
Потому что так устроены продажи. «Финдер» не продаёт напрямую конечным клиентам, а работает через авторизованных партнёров-дистрибьюторов. Корзина на сайте конкурировала бы с собственной партнёрской сетью. Вместо неё сайт показывает наличие на складах и ведёт к партнёру в нужном городе.
Зачем показывать остатки на складе, если сайт ничего не продаёт?
Для B2B-покупателя наличие часто важнее цены: проект или ремонт щита нельзя остановить из-за срока поставки. Таблица остатков по складам с поиском по артикулу отвечает на этот вопрос сразу, а выгрузка в Excel и шаблон помогают снабженцу и партнёру работать со списком позиций, а не с одним артикулом.
Чем B2B-каталог отличается от каталога интернет-магазина?
Каталог магазина помогает выбрать и купить. B2B-каталог помогает найти конкретную позицию по артикулу или серии, проверить характеристики и документы и понять, где её получить. Поэтому в нём важнее поиск по номеру, структура по сериям, техническая документация и наличие, чем фото, отзывы и корзина.
Можно ли заказать разработку корпоративного сайта в Москве, если компания работает по всей России?
Да. Мы IT-агентство из Москвы и делаем сайты для компаний по России. Интервью, согласования и демонстрации проходят онлайн, а структура сайта, как у «Финдер», может сама учитывать регионы: склады в разных городах, партнёров по округам, представительства.
