Май 2018
Дизайн корпоративного сайта химического производства
Сайт с широким ассортиментом химической продукции, реализован для увеличения продаж, привлечения новых клиентов, а также для представления компании на профильном рынке.
Авторизация
О проектеПостановка задачиНам нужно обновить дизайн старого сайта, сделать его простым и стильным с возможностью редактирования: всех его статичных страниц, англоязычного контента, баннеров, карточек товаров для того, чтобы мы могли самосостоятельно поддерживать данный ресурс.- Александр, маркетолог “ПромХимПермь”
ПроектированиеРазработка интерфейса
Было спроектировано и отрисовано около 20 прототипов страниц под каждый раздел сайта, форм обратной связи и модальных окон.
АвторизацияАвторизация
ДизайнГлавная страницаОдна из основных задач проекта — разработка крутых фишек, таких как: таблица Менделеева, интерактивная фотография производственной лаборатории и карта поставок.Интерактивная таблица химических элементов позволяет быстро ориентироваться в продукции, представленной на сайте, с переходом на страницу каталога.
карточки
карточка
главная страница
Планшет
ДеталиИнтерактивная фотографияКартинка с производственной лаборатории на которой пользователи могут узнать об используемом оборудовании.
Кнопка в обычном состоянии
Технические весы
раскрывается данным образом с текстом пояснением внутри
ДеталиКарта поставокКарта Jvector, оптимизированная для работы на touch-устройствах, отображает указанные из личного кабинета реальные координаты мест.
50городов
10институтов
Россия, г. Тюмень
карта
карта
контакты
Другие страницыКонтактная информацияКонтенту на странице контактов мы тоже уделили внимание. Информация всех разделов полностью редактируется из личного кабинета, где есть возможность загрузки необходимых документов - схем проезда, например.контакты
Другие страницыНавигация на сайте
Ещё одна из особенностей - меню сайта. Было предложено минималистичное решение навигации по основным разделам, которые спрятаны в гамбургер меню.
макбук
телефон
телефон
Моноблок
КонтентИнформационные блокиБлагодаря широким возможностям редактирования контента на сайте, каждая страница выглядит презентабельно, информативно и стильно.Взгляните сами как работает функционал админ. панели на примере страницы новости.
контакты
Адаптивный дизайн
контакты
Стилизация текста
контакты
Вставка изображений
Редактирование контентаКаждая страница сайта имеет свой подраздел в личном кабинете, где можно добавить / отредактировать / удалить контент, вставить картинки или таблицу. Мы постарались сделать интерфейс личного кабинета максимально интуитивно-простым, но между тем функциональным.редактирование
контент
Адаптивная версткаОтображение сайтаСайт адаптируется ко всем видам устройств: монитору компьютера, планшету и телефону, используя самую популярную библиотеку интерфейсных компонентов - bootstrap.
контакты
Статьи
контактыконтакты
Статьи
контакты
каталог
контакты
Найтрий
ГайдлайнФирменные цвета и шрифты
Мы разработали фирменный UI kit шрифтовых пар и цветов, чтобы всё выглядело лаконично и в единой стилистике компании “ПромХимПермь”.
макбук
телефон
Times New Roman
Bold
italic
30-24 px
телефон
Times New Roman
Bold
italic
30-24 px
Вам понравился данный проект ?
ЗаказатьСледующий проект