Корпоративный сайт «КИБИТ»

«КИБИТ» производит материалы для строительства и разметки дорог. В каталоге компании есть краски, термопластики, битумная продукция и оборудование. Заказчикам важно не просто увидеть товар, а разобраться в его свойствах, найти документацию и понять, подходит ли он для конкретной работы.

Дизайн-макеты сайта разработало диджитал-агентство «Катапульта», наш партнёр. Мы отвечали за вёрстку, техническую реализацию и сборку сайта, а также участвовали в интеграции с 1С-Битрикс.

Наша задача состояла в том, чтобы перенести готовый дизайн в работающий интерфейс. Сохранить крупную типографику, строгую сетку и красные акценты, оживить переходы между блоками и адаптировать страницы под разные экраны.

Сверстали главную страницу с фоновым видео, анимированными цифрами предприятия и последовательным появлением контента при прокрутке. Проработали раскрывающееся меню с превью разделов, состояния кнопок и наведения на карточки продукции и услуг.

Собрали каталог и страницы материалов. В карточке продукта рядом с изображением можно выбрать цвет и перейти к заказу. Ниже находятся описание и раскрывающиеся блоки с назначением, свойствами, расходом и документацией. Длинная техническая информация не мешает быстро найти главное.

Подготовили страницы компании, услуг, проектов и медиацентра. В рассказе о предприятии есть фотогалерея, география поставок, история по годам и документы для скачивания. В проектах можно посмотреть, как материалы выглядят на реальных дорогах, а в услугах узнать о доставке, хранении и лабораторных исследованиях.

Адаптировали вёрстку для компьютеров, планшетов и телефонов. Крупные блоки, многоуровневое меню, карточки товаров и формы должны оставаться удобными не только на широком мониторе.

В рамках интеграции с 1С-Битрикс работали над подключением вёрстки к системе управления и сборкой шаблонов страниц. Наша часть проекта была технической. Визуальную концепцию и дизайн-макеты создала команда «Катапульты», а мы помогли им стать работающим сайтом.