Корпоративный сайт завода по производству техники

О ПРОЕКТЕ

АО «Завод ПРОТОН» — ведущий производитель сложной электроники, печатных плат и радиоэлектронной аппаратуры с более чем 50-летним опытом. Завод обслуживает ключевые отрасли, включая военно-промышленный комплекс, космическое машиностроение и научные центры, экспортируя продукцию в 30 стран мира. Но старый сайт не передавал инновационный характер предприятия. Наша задача заключалась в создании современного, технологичного сайта, который подчёркивал бы достижения компании и сохранял её узнаваемый стиль.

АНАЛИТИКА

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

ПРОТОТИПИРОВАНИЕ

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

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

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

Использованы открытые формы обратной связи, чтобы максимально упростить взаимодействие пользователя с сайтом, не заставляя его делать лишние клики.
​​​​​​​

Мы предложили несколько форматов оформления ключевых блоков.

Для блока Направления работы:
— Полноэкранный горизонтальный скролл с 3D-моделями;
— Список для масштабируемости контента;
— Слайдер с анимацией для добавления динамики.

Для блока Сертификаты предложено 3 варианта оформления:

— Фиксированное расположение. Этот вариант обеспечивал гармоничное, симметричное размещение сертификатов на странице, создавая аккуратный визуальный ряд. Но такой дизайн зависел от точного количества сертификатов, что делало его менее гибким, в случае если при наполнении сайта число картинок изменится.

— Слайдер с увеличением документов по клику. Универсальное решение, которое позволяет добавить любое количество сертификатов, при этом блок остаётся компактным. Но нет уверенности, что пользователь действительно будет этот слайдер листать.

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

ДИЗАЙН САЙТА ЗАВОДА

Ключевой элемент дизайна— анимированные 3D-модели, реагирующие на движение курсора. Они подчёркивают технологичность завода и создают WOW-эффект.

Дизайн выдержан в строгом минималистичном стиле с акцентами из фирменных цветов — тёмно-синего и оранжевого. 

Части заголовков выделены цветом для усиления акцентов.

ВЁРСТКА

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