Обсудить проект
→ Все проекты Концепт-проект · Промышленная автоматизация

KALIBR SYSTEMS

Корпоративный сайт для инженерной компании, которая проектирует и внедряет автоматизированные производственные системы под задачи предприятия.

Стратегия·UX/UI·Арт-дирекшн·Разработка
kalibr.systems
KALIBR SYSTEMSАвтоматизация производства
Производство,
которое работает
как система.

Проектируем и внедряем автоматизированные линии: от инженерной модели и оборудования до единого контура управления и запуска.

Обсудить задачу
Автоматизированная производственная линия
2 400 ед/чПроектная производительность
6 модулейРоботизированные узлы
PLC + SCADAКонтур управления
Vision QCКонтроль качества
01 / Задача

Объяснить сложную инженерию без каталога оборудования.

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

Для KALIBR мы сместили фокус с отдельных станков и компонентов на систему: как компания берёт производственную задачу, проектирует решение, интегрирует оборудование и отвечает за запуск.

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

Типичная подачаРазрозненно
  • 01Каталог оборудования без общей логики
  • 02Много терминов, мало ответа «что получит производство»
  • 03Отдельные подрядчики и размытая ответственность
  • 04Характеристики существуют отдельно от бизнес-задачи
Логика KALIBRЕдиная система
  • 01Производственная задача как точка входа
  • 02Инженерный маршрут от анализа до запуска
  • 03Один контур управления и одна ответственность
  • 04Технические параметры встроены в понятный сценарий
02 / Стратегия

Не станок. Производственный контур.

Позиционирование строится вокруг одной мысли: KALIBR не продаёт набор компонентов. Компания собирает работающую производственную систему и отвечает за её параметры целиком. Поэтому главный маршрут сайта повторяет реальный инженерный процесс.

01АнализПроцесс, производительность, ограничения и целевой результат.
02ИнженерияАрхитектура системы, компоновка и цифровая модель.
03ПроизводствоОборудование, оснастка, шкафы управления и механика.
04ИнтеграцияРобототехника, PLC, машинное зрение и программная логика.
05ЗапускИспытания, пусконаладка и выход на рабочий режим.
03 / Структура

Сначала результат производства. Потом технологии.

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

Логика пользовательского пути10 последовательных этапов
  1. 01Первый экранФормирует позиционирование
  2. 02ПараметрыДаёт технический масштаб
  3. 03РешенияПоказывает зоны компетенции
  4. 04ПринципОбъясняет единую ответственность
  5. 05ИнженерияРаскрывает маршрут проекта
  6. 06Демо-проектДоказывает техническую глубину
  7. 07До / ПослеПоказывает эффект интеграции
  8. 08ТехнологииДаёт детали специалисту
  9. 09Полный циклФиксирует одну ответственность
  10. 10ЗапросПереводит интерес в задачу
04 / Визуальная система

Не «технологичный синий». Материалы реального производства.

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

Типографическая система
Точность.
Система.
Контроль.

Плотный condensed-шрифт работает как промышленная маркировка. Mono используется только для параметров, индексов и технических подписей.

Оксид#7E3029
Железо#17191A
Бетон#DDDCD7
Светлая поверхность#F3F2EE

Толстые границы, строгая модульная сетка и отсутствие декоративных скруглений делают интерфейс похожим не на SaaS, а на современный промышленный техпаспорт.

05 / Система решений

Шесть направлений. Одна визуальная логика.

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

Промышленные роботы01 / Робототехника

Роботизированные линии

Ячейки, траектории и взаимодействие манипуляторов с оборудованием.

02 / Контроль

Машинное зрение

Позиционирование, маркировка и контроль геометрии в потоке.

03 / Качество

Контроль качества

Автоматическая отбраковка и прослеживаемость продукции.

04 / Транспорт

Конвейерные системы

Синхронизация потока, накопители и транспортные модули.

05 / Упаковка

Паллетизация

Групповая упаковка и подготовка продукции к отгрузке.

Промышленное оборудование06 / Модернизация

Модернизация оборудования

Подключение действующих станков к единому контуру управления и данных.

06 / Демонстрационный проект

Техническая глубина показывается на конкретной системе.

Вместо абстрактного списка возможностей мы создали демонстрационную линию ЛУ-2400. Пользователь видит параметры, состав системы и может переключаться между её узлами.

Автоматизированная линия упаковкиПроект / ЛУ-2400

Автоматизированная линия упаковкиЛУ-2400 · концепт

Линия упаковки и контроля продукции с машинным зрением, автоматической сортировкой и роботизированной паллетизацией.

Производительность
2 400 ед/ч
Роботизированные узлы
6 модулей
Контроль качества
Машинное зрение
Управление
PLC + SCADA
01
Подача

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

07 / Интерактив

Показать интеграцию как изменение самого процесса.

Переключатель «до / после» объясняет ценность автоматизации на языке процесса: разрозненные ручные операции превращаются в единый управляемый поток.

До автоматизации

    08 / Технологическая глубина

    Технические детали появляются тогда, когда они уже имеют контекст.

    Специалист получает нужные технологии и уровни интеграции. Но они не перегружают первый экран и не конкурируют с основным позиционированием.

    PLC01

    Логика линии, блокировки, синхронизация оборудования и безопасность.

    Робототехника02

    Перемещение, сборка, укладка и обслуживание технологических операций.

    Машинное зрение03

    Контроль геометрии, маркировки, позиционирование и автоматическая отбраковка.

    SCADA04

    Визуализация состояния линии, режимы работы, аварии и журналирование.

    MES05

    Производственные задания, партии, прослеживаемость и отчётность.

    ERP / API06

    Передача производственных данных в учётный и планировочный контур предприятия.

    09 / Полный цикл

    Один проект. Одна ответственность.

    Идея полного цикла не спрятана в абзаце «о компании». Она превращена в отдельный маршрут, который показывает, где начинается и где заканчивается ответственность KALIBR.

    01АнализПроизводственная задача и ограничения
    02ИнженерияАрхитектура системы и цифровая модель
    03МеханикаРамы, транспорт, оснастка и оборудование
    04УправлениеЭлектрика, приводы, шкафы и PLC
    05ПрограммированиеHMI, машинное зрение и обмен данными
    06ИнтеграцияСборка системы и стыковка с процессом
    07ЗапускПусконаладка и выход на рабочий режим
    10 / Позиционирование

    Не поставляем оборудование. Собираем производство в систему.

    Главная мысль

    Визуальная система, структура и интерактивы подчинены одному сообщению: заказчик получает не набор компонентов, а работающий производственный контур с одной точкой ответственности.

    11 / Адаптив

    Промышленная геометрия сохраняется и на мобильном.

    На маленьком экране сетка становится последовательной, технические блоки перестраиваются в вертикальный поток, а крупная типографика остаётся главным визуальным инструментом. Интерактивные элементы адаптированы под touch.

    KALIBR SYSTEMS
    Автоматизация производства

    Производство,
    которое работает
    как система.

    Проектирование, оборудование, управление и запуск в одном инженерном контуре.

    Полный циклОт задачи до запуска
    Мобильный первый экран KALIBR Инженерная система / 01

    Первый экран

    KALIBR SYSTEMS
    Система решений04 направления
    Роботизированные линии

    Ячейки и манипуляторы под производственный цикл.

    01 / Робототехника
    Машинное зрение

    Контроль геометрии, маркировки и качества в потоке.

    02 / Контроль
    Контроль качества

    Автоматическая проверка и отбраковка продукции.

    03 / Качество
    Конвейерные системы

    Синхронизированный транспорт между узлами линии.

    04 / Транспорт
    Каждое решение показано как часть общей производственной архитектуры.Смотреть систему →

    Система решений

    KALIBR SYSTEMS
    Линия упаковки KALIBR Проект / ЛУ-2400
    ЛУ-2400 / КОНЦЕПТ

    Линия упаковки

    Машинное зрение, автоматическая сортировка и роботизированная паллетизация в едином контуре.

    Производительность
    2 400 ед/ч
    Роботы
    6 модулей
    Контроль
    Vision QC
    Управление
    PLC + SCADA
    Состав линии5 узлов →

    Демонстрационный проект

    12 / Разработка

    Инженерный характер продолжается в поведении интерфейса.

    Интерактивы не развлекают пользователя. Они помогают понять устройство системы: переключить состояние процесса, исследовать узлы линии и пройти последовательность инженерного проекта.

    адаптивный HTML / CSS / JavaScript
    интерактивные узлы демонстрационной линии
    переключатель «до / после интеграции»
    scroll-based прогресс полного цикла
    reveal-анимации без внешних библиотек
    отдельная логика desktop / tablet / mobile
    prefers-reduced-motion и touch-сценарии
    изолированный namespace для переноса в Tilda
    13 / Итог

    Сайт, в котором сложная инженерия собирается в понятную систему.

    KALIBR SYSTEMS показывает другой диапазон Luminion: не эмоциональную архитектурную подачу, а строгую B2B-коммуникацию для сложного технического продукта. Стратегия, структура, визуальный язык и интерактив работают на одну задачу — сделать компетенцию компании понятной и убедительной.

    Тип проектаКорпоративный B2B-сайт
    ХарактерIndustrial / Engineering
    Роль LuminionСтратегия → дизайн → разработка
    Концепт-проект. KALIBR SYSTEMS — вымышленная компания, созданная Luminion для демонстрации подхода студии. Технические параметры демонстрационной линии являются частью концепта и не представляют реальные внедрения.
    Есть сложный продукт?

    Соберём его в понятный, сильный и работающий digital-продукт.

    Обсудить проект Вернуться к проектам
    Made on
    Tilda