У каждой страны есть правила импорта товаров: требования по маркировке и соответствию местным санитарным нормам, ввозные пошлины. В зависимости от страны-производителя, эти правила могут меняться.
Торговый навигатор позволяет узнать о правилах, применяемых к товарам, экспортируемым с острова Кипр. Сервис помогает бизнесменам оценивать условия выхода на тот или иной рынок, а экономистам — следить за тенденциями в мировой торговле.
Разные группы пользователей ищут разные типы данных. Одним важно видеть полную информацию по отдельному рынку (стране), других интересуют правила импорта конкретной группы товаров. Требовалось сделать гибкий интерфейс, позволяющий комфортно работать в разных сценариях.
Сначала, я определил основные наборы данных, интересующие пользователей, а затем спроектировал навигацию, позволяющую быстро получить эти данные.
Основой навигации стал сквозной фильтр вверху экрана, в котором можно задать пару «Рынок–Товар».
В левой части расположилось меню с видами информации, относящимися к сформированной выборке. Такая навигация позволяет быстро увидеть правила импорта выбранной товарной группы на конкретный рынок, чтобы зачем изучать информацию по паре «Рынок–Товар» более детально. Фильтр размещён так, что человек всегда понимает, какой именно срез данных он видит, и, при желании, может изменить выборку «на лету».
Сбросив один из атрибутов в фильтре, легко получить такие списки как «все торговые барьеры отдельной страны» и «все торговые барьеры в мире для отдельного товара».
Решение со сквозной панелью фильтров интуитивно понятно и легко масштабируется: можно расширять возможности фильтрации или добавлять новые информационные разделы, не переделывая интерфейс.
Впервые похожая система навигации была разработана мной для портала «Экспорт регионов России», где хорошо себя зарекомендовала и в упрощённом виде перешла в «Навигатор барьеров» для российского экспорта. Trade Navigator Europe — уже третий проект, в котором она используется.
Помимо базы ограничений, портал содержит справочник типов торговых барьеров (классификация UNCAD). У посетителя есть возможность сообщить о новом или указать на неточности в описании имеющегося барьера. Дизайн адаптирован для мобильных устройств и планшетов.
Я спроектировал и нарисовал дизайн портала во время работы в компании «Инфографер» в 2018 году.