Промхим

Дизайн корпоративного сайта химического производства

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

О проектеПостановка задачиНам нужно обновить дизайн старого сайта, сделать его простым и стильным с возможностью редактирования: всех его статичных страниц, англоязычного контента, баннеров, карточек товаров для того, чтобы мы могли самосостоятельно поддерживать данный ресурс.- Александр, маркетолог “ПромХимПермь”

Сайт:http://promchim.com/

ПроектированиеРазработка интерфейса

Было спроектировано и отрисовано около 20 прототипов страниц под каждый раздел сайта, форм обратной связи и модальных окон.

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

ДеталиИнтерактивная фотографияКартинка с производственной лаборатории на которой пользователи могут узнать об используемом оборудовании.

Кнопка в обычном состоянии

Технические весы

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

ДеталиКарта поставокКарта Jvector, оптимизированная для работы на touch-устройствах, отображает указанные из личного кабинета реальные координаты мест.

50городов

10институтов

Россия, г. Тюмень

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

Другие страницыНавигация на сайте

Ещё одна из особенностей - меню сайта. Было предложено минималистичное решение навигации по основным разделам, которые спрятаны в гамбургер меню.

КонтентИнформационные блокиБлагодаря широким возможностям редактирования контента на сайте, каждая страница выглядит презентабельно, информативно и стильно.Взгляните сами как работает функционал админ. панели на примере страницы новости.

Адаптивный дизайн

Стилизация текста

Вставка изображений

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

Адаптивная версткаОтображение сайтаСайт адаптируется ко всем видам устройств: монитору компьютера, планшету и телефону, используя самую популярную библиотеку интерфейсных компонентов - bootstrap.