ux/ui
редизайн
корпоративный сайт

Дизайн и разработка корпоративного сайта ПАО «Тольяттиазот» — комплексный редизайн крупнейшего химического предприятия России

Клиент

Крупнейшее предприятие химической промышленности России ПАО «Тольяттиазот» хочет идти в ногу со временем, рассказать чем живет производство и что для него важно. Стильный и лаконичный вид сайта послужит прекрасным представлением предприятия на долгие годы.

Разработка визуальной идентичности и обновленного логотипа ПАО «Тольяттиазот», символизирующего стабильность и современный вектор развития химического гиганта.
Цели проекта
  1. Донести обновлённые ценности компании до партнёров и потребителей.

  2. Обновить устаревший дизайн сайта.

  3. Упорядочить структуру и навигацию разделов.

  4. Сформировать узнаваемый визуальный стиль, сохранив существующий логотип и фирменные цвета.

Дизайн главного экрана сайта «Тольяттиазот» с акцентом на экологические приоритеты компании и чистоту визуальной подачи индустриального контента.
Масштабная демонстрация UI-дизайна: коллаж внутренних страниц корпоративного портала ТОАЗ, подтверждающий консистентность и адаптивность интерфейса во всех разделах сайта.
Анализ

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

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

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

Создание уникального графического языка бренда: использование линейных паттернов для визуализации инновационного характера производства.
Создание уникального графического языка бренда: использование 3D-молекулярных форм для визуализации инновационного характера производства.
Минималистичная инфографика производственных мощностей: дизайн иконки с показателем «3 млн тонн» продукции на фирменном экологичном фоне.
Система графических идентификаторов бренда: набор уникальных иконок и композиционных элементов, созданных на базе геометрии логотипа для оформления навигации сайта.
Проектирование контентного блока о стратегии развития компании: гармоничное сочетание масштабной промышленной фотографии в ч/б стиле и современных шрифтовых решений.
Разработка ключевого визуального образа: использование маски в форме листа для индустриального пейзажа, символизирующее приоритеты экологии и модернизации ПАО «Тольяттиазот».
Техническая спецификация дизайн-системы: шрифтовая пара Russo One и Inter
Техническая спецификация бренд-бука: расширенная цветовая палитра проекта, сочетающая индустриальный серый с яркими природными оттенками зеленого, желтого и синего.
Результат

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

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

Реализация функционального модуля с 3D-визуализацией производственных агрегатов и информационными точками (хотспотами) для глубокого изучения мощностей завода.
Дизайн интерфейса раздела «Продукция» на экране iMac: использование акцентного зеленого цвета и минималистичных графических форм для презентации производства аммиака и карбамида ПАО «Тольяттиазот».
Визуализация образовательного контента на MacBook Pro: верстка страницы «Роль азота в жизни растений» с интеграцией инфографики и фотоматериалов, демонстрирующих пользу продукции ТОАЗ для сельского хозяйства.

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

Проектирование мобильного интерфейса, обеспечивающих высокую читаемость и удобство взаимодействия с сайтом ТОАЗ на смартфонах.