Сайт для ГК "Кировский завод": создание эффектного дизайна и осмысленного интерфейса.

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

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

b60fda1c53a7dc6ed6610c34e0f139f1.jpg

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

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

1dc37c9c1a89fde1420c6555461a9db8.gif

Особенно хочется отметить пункты, которые решают важные задачи маркетинга:

«Компания» выступает в качестве инструмента продвижения. Кроме того, у страниц «История» и «Музей» нестандартная архитектура. Горизонтальный скролл в подразделе «Музей» — метафора домашнему фотоальбому. 

e72cab9870a5053559ab50dd8f80c02c.gif

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

a4402264ac09675c7234d1df4e64c746.gif

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

7a84483ebf98a01c235eef613bb62c9e.gif

«Вакансии». Раздел направлен на привлечение соискателей. Эти страницы одни из самых посещаемых, поэтому их интерфейсу уделено особое внимание. В разделе крупные блоки и выразительная типографика. Выделены преимущества работы в компании и созданы широкие окна для формы обратной связи. 

«Пресс-центр». Полноценный корпоративный портал, где освещена жизнь всех предприятий Кировского завода. Этот раздел служит имиджевым инструментом и положительно влияет на узнаваемость бренда. На «портале» понятная навигация: отдельное окно поиска и разбивка на рубрики — всё для комфортного опыта взаимодействия.

4fa4d007445dcf909a0c7f608d81f00d.gif

Этап 2. Главная страница: поиск визуальных решений.  Важно, чтобы с первых секунд визита пользователи понимали о чем бизнес. Элементы фирменного стиля и качественный контент помогают обозначить сферу деятельности предприятий. Интерактивная схема поставок продукции вовлекает читателя, чтобы познакомить с географией влияния. Полноэкранное фоновое видео решает PR-задачи. Рассказ о жизни Кировского завода, знакомство со штатом сотрудников, погружение в рабочие процессы, — все это создает эмоциональную связь с будущими партнерами и соискателями.

7b5c35eb4a54183feb30b497236758ba.gif

Этап 3. Реализация дизайн-концепции. Стилистическая основа сайта — это не только качественный медиа-контент. Подогреть интерес пользователей к содержимому получается за счет авторских иллюстраций и анимации. Параллакс-эффекты и анимированная графика делают площадку интерактивной. Сайт захватывает внимание и становится мощным инструментом вовлечения.

4f783f5cb68c070b172a4479a399b79a.gif

Этап 4. Подготовка контента. В ходе создания структуры сайта мы разрабатываем текстовое наполнение. Только осмысленный контент способствует долгосрочной коммуникации с пользователем. Чтобы выделить тезисы проекта и правильно расставить акценты, мы изучили сегменты промышленности и целевые аудитории. 

Этап 5. Унификация.  Золотой стандарт современной разработки — удобство и адаптивность. Сайт Кировского завода выполнен на современной системе управления Битрикс и адаптирован под различные мобильные устройства.

82c8167ac4a969ab3ccd5b126f78e9a6.jpg

Подведение итогов. Мы создали сайт с нуля. Площадка отличается выразительной «упаковкой» и функциональностью. Сейчас проект в режиме техподдержки. Идет синхронизация раздела «Вакансии» с программой внутреннего учета кадров — E-Staff. Готовый корпоративный сайт послужит эффективным маркетинговым инструментом и будет успешно выполнять функции для HR-отдела.

Перейти на сайт

Полный текст статьи читайте на CMS Magazine