01 / ECHELONMaritime Energy · 2025

ECHELON

Power beneaththe surface

Цифровой образ
стратегического морского оператора

Creative Direction
Lead Product Design

[ 02О проекте / Project overview

Масштаб, которыйчувствуется до слов

Echelon работает на международном рынке судового топлива. Задача — создать digital-образ, передающий авторитет компании, надёжность и масштаб её операций.

Я вёл креативное направление и дизайн продукта: от воркшопов с основателем и визуального позиционирования до UX/UI и логики движения интерфейса.

Сфера: Maritime Energy / Bunker Fuel Trading
Работа: Workshops → Visual Positioning → UX/UI → Motion Thinking
Команда: Дизайнер + fullstack-разработчик
Год: 2025

[ 03Креативное направление

Океан какметафора силы

Запрос основателя — передать мощь и глубину океана. На совместных воркшопах мы связали морскую съёмку с точностью брифингов, кинематографом и минималистичными интерфейсами.

Исходный moodboard: отсылка к эстетике брифингов Hitman

Исходный moodboard: свет и красные подводные структуры

Исходный moodboard: судно и геометрия кильватерного следа

Материалы воркшопов / визуальный поиск

Океан — скрытая мощь.
Операционная эстетика — контроль над сложностью.

PowerBeneaththe surface

За видимой поверхностью —
инфраструктура, маршруты
и точность решений

Концептуальный красный флаг ECHELON в тёмном небе

[ 04Визуальный язык / Visual language

Типографика

Montserrat

Чёткая геометрия, крупный масштаб
и сдержанная иерархия

Aa Бб Cc / 0123456789

01 / Signal#BC221E

02 / Depth#060607

03 / Clarity#EBEBEB

Красный задаёт акцент. Тёмная среда создаёт глубину. Сетка, линии и контраст направляют внимание от атмосферы к информации.

Постер FUEL SHIP: вытянутая красная типографика и чёрно-белое море

[ 05Цифровой опыт / Digital experience

Атмосфера становитсясистемой

От океанической поверхности — к направлениям работы, географии поставок и обращению в компанию. Масштабные сцены чередуются с точными информационными блоками.

Финальный desktop-макет ECHELON: первый экран на фоне океана — Desktop / Первый экран

Оригинальный мокап ECHELON: направления работы на ноутбуке

Финальный макет направлений ECHELON: Marine Fuel Supply, Cargo Trading and Brokerage, Chartering

Содержание / Иерархия

Каждая точка —
часть системы

Судно связывает секцию в одну сцену. Индексы и типографика позволяют быстро считать направления, не теряя ощущения масштаба.

Финальная океаническая секция ECHELON с интерфейсной сеткой и информационными блоками

География / Digital-концепция

Морская инфраструктура
в одном поле зрения

Концепция 3D-глобуса объединяет регионы поставок, маршруты и операционное покрытие. Пространственный образ помогает перейти от общего масштаба к конкретной географии.

Исходная концепция глобуса ECHELON и навигации по регионам поставок

Тот же характер
в другом масштабе

Tablet / 744
Mobile / 320

Оригинальный мобильный макет: главный экран ECHELON

Оригинальный мобильный макет: океаническая сцена ECHELON

[ 06Фирменный язык / Physical world

Один характерРазные поверхности

Бренд-концепция Echelon соединяет мощь океана с точностью операционной среды. Чёрный, красный и строгая типографика формируют единый язык на бумаге, ткани и металле.