WinHub — сайт для логістичного гіганта площею 1000000 м²

Контекст і виклик

WinHub — це національний інфраструктурний проєкт зі створення мережі логістичних парків нового покоління. Загальна площа майбутніх хабів — понад 1 мільйон квадратних метрів.

Замовник мав амбітну мету — презентувати WinHub як масштабний, сучасний та надійний інвестиційний проєкт.

Виклик полягав у тому, що:

– Проєкт погоджували понад 10 людей з боку замовника — кожен із власним баченням.;

– Необхідно було створити репрезентативний дизайн, який одночасно викликатиме довіру, відчуття масштабності та технологічності.;

Категорія
Сайт візитка
Сервіси
UX/UI Design
20

Рішення

Я побудував дизайн на основі кількох ключових принципів:

Масштаб через композицію та інфографіку — великі цифри, карта з локаціями, блоки з характеристиками хабів, площа, сертифікації, інвестиційні показники — усе це візуально транслює обсяг і серйозність проєкту.;

Витримана сучасна естетика — дизайн на перетині технологічного стилю та корпоративної стриманості. Використано чітку сітку, багато повітря, зелено-чорно-білу палітру;

Структурована навігація — передбачив окремі сторінки для кожного хабу, блок “для інвесторів”, розділ про ESG-підхід, новини та медіа;

Анімації — м’які й контекстні. Вони оживляють сайт, додають плавності в сприйнятті, підсилюють враження від масштабу й технологічності;

21

Результат

– Платформа стала офіційною вітриною проєкту — її використовують у переговорах з інвесторами, медіа та партнерами.;

– Сайт виконує і репутаційну, і комунікаційну функцію, залишаючись зручним навіть при великій кількості контенту;

– Анімації, чітка структура та візуальний стиль створюють відчуття надійного та сучасного девелопера, готового до масштабування;

22

Мобільна версія

Значна частина аудиторії користується сайтом саме зі смартфонів, тому я приділив велику увагу адаптивному дизайну та мобільному UX.

– Сайт повністю адаптований під усі типи екранів

– Продумав навігацію, поведінку складних елементів, масштаби інфографіки та відступи, щоб інтерфейс залишався зручним і презентабельним на будь-якому пристрої;

– Анімації також були адаптовані до умов різних екранів, зокрема мобільних, зберігаючи плавність і логіку взаємодії.

23

Підсумок

Цей кейс — приклад того, як дизайн здатен передати амбіції девелопера, підсилити довіру інвесторів і збалансувати сучасність зі стриманістю. Платформа виглядає гідно на ринку й легко масштабується під зростання самого проєкту.

 

Масштаб. Чіткість. Рух. Саме ці три якості лягли в основу дизайну WinHub.