Компания «Остек-СМТ»

ostec-smart.ru
Поставка промышленного оборудования для производств радиоэлектроники и неразрушающего контроля. Полный спектр услуг по интеграции и сервису.

Адаптивный дизайн Адаптивный
дизайн
1С-Битрикс 1С-Битрикс
CSS3-анимация CSS3-анимация

Проектирование

Когда мы приступили к работе, представительство Группы компаний Остек в интернет состояло из 14 сайтов, объединенных общим дизайном и структурой. Каждый сайт был посвящен одному из направлений деятельности компании. Перед нами была поставлена задача объединить 2 направления на одном домене, обеспечив визуализацию и структуру, отличную от сайтов других дочерних компаний Остек.

Технологии для производств радиоэлектроники

+

Промышленная 3D-печать и неразрушающий контроль

Разводящая страница

Работа началась с прототипирования разводящей страницы, основная задача которой – рассказать о преимуществах компании и обеспечить переход пользователя в одно из направлений.

прототип 01

прототип 02

прототип 03

прототип 04

прототип 05

Дизайн

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

4 блока

с поэкранной вертикальной прокруткой.

Объединив 2 направления деятельности в рамках одного сайта, мы предложили ввести цветовую дифференциацию разделов:

РАЗВОДЯЩАЯ СТРАНИЦА
НАПРАВЛЕНИЕ 1
НАПРАВЛЕНИЕ 2

Проектирование

Большое значение было уделено проработке страниц каталога решений и продуктов для каждого из направлений:
1
2

Цифровое производство

Умная линия

Умное рабочее место

Склад 4.0

Комплексные решения

Специальные предложения

Хранение

Автоматизированные шкафы

Шкафы сухого хранения

ТНТ монтаж

Селективная пайка

Пайка волной

Установка компонентов

SMT монтаж

Системы маркировки

Трафаретная печать

Системы дозирования

Установка компонентов

Конвекционная пайка

Пайка в паровой фазе

Контроль

Оптические инспекции

Рентгеновские системы

Визуальный контроль

Отмывка плат и трафаретов

Ультразвуковая отмывка

Струйная отмывка

Влагозащита печатных плат

Нанесение влагозащиты

Системы сушки

Вспомогательное оборуд-е

Оптические инспекции

Рентгеновские системы

Визуальный контроль

Программное обеспечение

Внедрение продукции на производство

Цифровое производство

Технологии контроля

Цифровые рентгеновские системы неразрушающего контроля

Компьютерные томографы

Оптические измерительные системы

Аддитивные технологии

3D-печать металлами

Программное обеспечение

Проектирование и аддитивное производство

Сканирование и реверс-инжиниринг

Визуализация и анализ данных КТ

Витрина каталога

имеет 2 режима отображения, с развернутым и кратким описанием оборудования.

Карточка оборудования

содержит информацию о производителе, описание модели, технические характеристики, отзывы, материалы для скачивания.

Рабочие страницы

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

Инфографика

За время работы над проектом подготовлен большой объем графических материалов: иконки, баннеры, графики, фоновые элементы для рабочих страниц.

Особенности реализации

Анимация первого экрана

Для первого экрана главной страницы мы разработали эффектную анимацию, презентующую 2 направления деятельности компании.

01

02

Управление контентом

Система управления «1 С Битрикс» позволила заказчику самостоятельно вносить необходимые изменения и поддерживать работу сайта.