О проекте
ИнПульс — компания, которая работает с электроникой: поставляет электронные компоненты, занимается монтажом и изготовлением печатных плат, участвует в торгах по гособоронзаказу. Мы разработали дизайн её корпоративного сайта с каталогом продукции.
Задача
Клиенты такой компании — инженеры и закупщики. Они приходят не за впечатлениями, а за конкретным компонентом с определёнными характеристиками, и часто со списком из десятков позиций. Сайт должен был одновременно рассказать о направлениях работы компании и дать удобный инструмент для поиска товара: по категориям, по параметрам и списком сразу.
Главная страница
Первый экран — слайдер с крупным заголовком «Комплексная работа с микросхемами», кнопкой «Подобрать решение» и коллажем из фотографий плат и сборочного оборудования. Изображения разделены диагональными красной и синей полосами — этот мотив перекликается с цветами логотипа и повторяется дальше на сайте. Ниже — три основных направления: поставка электронных компонентов, монтаж печатных плат и изготовление печатных плат. Каждое — большая карточка с фотографией и кнопкой-стрелкой.
Следующий блок — витрина категорий электронных компонентов: беспроводные модули, ВЧ/СВЧ-компоненты, светодиоды, резисторы, разъёмы, конденсаторы, микросхемы, кварцы, индуктивные компоненты. Рядом с заголовком — кнопка «Загрузить BOM»: инженер может отправить спецификацию целиком, а не искать позиции по одной. Затем идёт блок об участии в торгах по АСТ ГОЗ со списком того, что компания может поставить, включая подбор дефицитного оборудования и отечественных аналогов.
Каталог
Каталог устроен в две колонки. Слева — список категорий: датчики положения, инерциальные датчики, электродвигатели, редукторы, источники питания, клавиатуры, вентиляторы, редкие компоненты и другие. Справа — те же категории в виде плиток с фотографиями. Внизу — панель фильтров по производителю, серии, номинальному напряжению и мощности: в электронике именно эти параметры чаще всего определяют выбор.
Карточка товара
На странице товара — галерея изображений с превью и стрелками, название и характеристики в две колонки: серия, партномер, номинальное напряжение, мощность, тип двигателя, номинальная скорость. Под характеристиками — файлы для скачивания, например технические характеристики в PDF, затем описание, цена и кнопка «Подать заявку». Кнопка «Загрузить BOM» есть и здесь, чтобы добавить к запросу остальные позиции. Тексты описаний в макете — заглушки, их заполняет заказчик.
Результат
Дизайн сайта объединяет две задачи: представить направления работы компании и дать инженерам рабочий каталог. Категории доступны и плитками, и списком, фильтры построены по техническим параметрам, а возможность загрузить BOM-файл позволяет отправить запрос на всю спецификацию сразу. Тёмный первый экран с фотографиями электроники и сдержанная бело-синяя палитра каталога соответствуют технической тематике.