«Кузбассгипрошахт»
Один из ведущих институтов страны, который проектирует шахты, разрезы и прочую промышленную и административную инфраструктуру.
Создан в 2016 году
www.kgsh.ru/main.phpЦель проекта
Организовавшаяся внутри «Кузбассгипрошахта» группа продвинутых единомышленников предложила руководству сделать для компании современный сайт, представляющий компанию с лучшей стороны. Единственным вариантом видели нашу студию.
Итак, наша задача — создать продукт, мощно презентующий институт, при этом не перекрывая доступ к базовым информационным элементам. Короче, чтобы красиво, удобно и понятно!
Поиск решения
Техническое задание, прототипы и другие материалы были отправлены дизайнеру. Результатом этих исследований стал набор графических элементов, демонстрирующих направление планируемого развития дизайна, тот эмоциональный и стилистический подход, который должен воплотиться на готовом сайте.
Все это мы продемонстрировали заказчику в виде набора скетчей и видео.
Реализация
Сформировав идеологию, приступаем к дизайну. Главную страницу решено реализовать в виде нескольких полноэкранных секций, каждая из которых отображает один из важных аспектов в работе компании.
Инстутитут занимается не просто проектированием колоссальных структур, но и полностью контролирует весь процесс строительства и жизнедеятельности объектов. На этом принципе и основывается метафорическая составляющая нашей концепции.
Каждый экран встречает пользователя белой полигональной схемой-моделью будущего объекта, которая при скролле преобразуется в готовую структуру. Это наглядная демонстрация работы компании.
Для самой важной страницы «Проектирование», мы отрисовали все виды работ в виде большой объемной схемы.
Главная страница состоит из пяти экранов, сменяющих свой «проектный» вид на жизненный облик легким вращением колесика мыши.
Мы постарались сделать анимацию смены контрастных состояний более мягкой: полигональную «скорлупу» как будто сметает с живой сердцевины легким дуновением.
Большинство страниц сайта представляют собой набор длинных статей со списками, таблицами и другой типовой информацией.
Детальную схему приятно разглядывать.
При наведении, объект окрашивается в модные цвета.
Все виды проектирования на одной странице.
Так выглядит страница выполненных проектов. Сверху самые мощные.
Страница истории компании с картинками.
Когда речь заходит о большом объеме однородных страниц, не все из которых имеет смысл рисовать дизайнеру, то мы предлагаем наш проверенный способ — страницу стилей.
Это такая очень длиная страница, в которой мы стараемся учесть все возможные типовые блоки, которые могут пригодиться при наполнении разнообразных информационных страниц. Впоследствии, контент-менеджер самостоятельно наполняет эти массивы, используя предлагаемые решения как модули конструктора «Лего».
Разнобразные текстовые блоки и фотки.
Списки и таблицы.
Заготовки для карточек сотрудников.
Вариации размещения новостей и статей.
Фотогалереи.
И все в таком духе.
Результат
Довольно сложно создавать продукт в угольном сегменте, несколько выходящий за привычные рамки. Многочисленные непробиваемые препятствия часто встают на пути разработчика, и сломать застоявшиеся стереотипы заказчика бывает очень сложно. На нашей стороне был опыт и разумная аргументация, поэтому, пройдя через жернова многочисленных согласований мы смогли сохранить лицо и выпустить достойный современный продукт.