Дальрефтранс: делаем контейнерные перевозки доступнее — с помощью Битрикса, интеграций, интерактивных карт и мультиязычности

Аналитика и прототипы

Дизайн

Разработка

Дизайн

Прежде чем перейти к дизайну — сделали мудборд. Муд борд делали на основе того, что нравилось заказчику на других сайтах:

Создание мудборда

rzd-bonus.ru
ru.gefco.net/ru
alfabank.ru
parisaeroport.fr
rcg.agency

Концепция №1

Основное тело страницы предполагается в светлых тонах с акцентами в виде фирменного синего;

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

Использование профильных фотографий большого разрешения;

Концепция №2

Основное тело страницы будет выполнено в светлых тонах, с акцентами в виде фирменного синего;

Использование трендовых приёмов по типу матового стекла и аккуратного внедрения швейцарской вёрстки.

Использование скругленных форм, 3D иллюстраций и градиентов;

После презентации и обсуждения остановились на концепции № 1. Так как она предполагала большое количество фото контента, мы подготовили рекомендации по фотосессии для сайта.
UX/UI дизайнер
Ира Хабарова

Перед тем как создавать дизайн-концепцию, накидали продвинутый прототип.

Продвинутый прототип

У заказчика высокие требования к дизайну. В первой итерации сделали концепт главной страницы, но он получился бледным, тусклым, сильно не хватило фотографий. Поэтому докрутили всё до второго варианта.

Сильный акцент заказчика был на блоке «Услуги», поэтому мы разработали сразу 6 вариантов этого блока. По итогу остановились на 7 варианте.

На что ушло большое количество времени? Страница «Контакты». На этапе дизайна поняли, что не хватает какого-то интерактивного взаимодействия, что облегчит жизнь пользователя. Один клик, и ты видишь контакты своего города. Пришли к решению интерактивной карты, как способу фильтрации.
UX/UI дизайнер
Ира Хабарова

Все услуги/перевозки ДРТ делятся на 3 категории:

Страница «Услуги»

Нужна была карта, которая соединит все 3 категории и покажет путь перевозки не только сухопутных, но и морской. Продумали и пришли к комплексному решению.
экспортные
импортные
внутри России

Остальной дизайн согласовали, подготовили UI-kit и передали в разработку.

закрыть