Надземные и подземные решения для городской среды.
← Все проекты
Concept Infrastructure Redesign UX
Кейс · транспортная инфраструктура
Метро
ТрансМост
Концепт редизайна сайта для проектного института, работающего с метро, мостами, транспортными развязками, дорогами и инженерными сетями.
Главная страница Портфолио Компетенции Контакты
Главная задача Сделать сайт
понятнее клиенту
понятнее клиенту
Идея
Сложная инженерия — в ясной структуре
Исходный сайт не помогал быстро понять, чем занимается институт и какие проекты уже реализованы.
В новой концепции ключевые компетенции, достижения и портфолио выводятся на первый экран и собираются в последовательный пользовательский маршрут.
Главная фишка
Портфолио становится частью главной страницы
Клиенту не нужно искать примеры работ в глубине сайта: самые сильные проекты сразу подтверждают экспертизу института.
Станции, транспортно-пересадочные узлы и инженерные системы.
Арочные, пешеходные и автомобильные мостовые конструкции.
Многоуровневые узлы и сложная транспортная инфраструктура.
Экран сайта
Инженерная строгость и визуальный масштаб
Тёмная палитра, оранжевые акценты и крупные фотографии инфраструктурных объектов создают собранный B2B-образ.
Компетенции
Большой список работ без перегруженного каталога
Проектирование дорог, развязок, объектов метро и переходов сгруппировано в понятные смысловые блоки.
В нескольких уровнях и в условиях плотной городской застройки.
Станции, ТПУ, инженерные системы и сопутствующая инфраструктура.
Магистральные и городские дороги всех категорий.
Подземные и надземные переходы и городские связи.
Портфолио
Проекты показаны как главная доказательная база
Карточки различаются по высоте и содержанию, но сохраняют единый ритм и быстро считываются на тёмном фоне.
Контакты
Карта и реквизиты в одном финальном экране
Контактный блок завершает маршрут без отдельной перегруженной страницы: адрес, телефон, e-mail и карта собраны вместе.
Айдентика
Контрастная система для инженерного бренда
Чёрный и графитовый создают ощущение технологичности и масштаба, а оранжевый работает как навигационный сигнал.
Проектный институт МЕТРОТРАНСМОСТ. transport infrastructure
Infrastructure black#080808 Signal orange#FF8A19 Concrete#6C6C6C Paper#F1F1EF
Результат
Главная страница стала полноценной презентацией института
Новый концепт сделал структуру понятнее, вывел портфолио на первый план и собрал компетенции, проекты и контакты в единую последовательность.
- Полный редизайн главной страницы
- Новая структура сайта
- Портфолио сразу на главной
- Блок проектных компетенций
- Компактное боковое меню
- Контактный экран с картой
- Контрастная B2B-палитра