Корпоративный сайт для логистической компании «KV»

#Корпоративный #Разработка с нуля

Сложные формы просчета, калькуляторы, планировщики пространства, анимации и 3D — всё это в новом кейсе о новом сайте для международной логистической компании.

О задаче

У компании «KV logistic» уже был небольшой корпоративный сайт. Сергей и Валерия — руководители компании, создавали его самостоятельно на конструкторе, бережно подбирая контент для каждой страницы. Главная проблема заключалась в том, что старый сайт значительно уступал конкурентам с точки зрения структуры, функциональности и визуала. Необходимо было создать новый продукт, опираясь на контент со старого сайта.

Структура и вайрфрейм

Мы начали с исследования сайтов конкурентов, подметили их структуру и лучшие практики. На основании этих данных составили типичный путь пользователя от момента попадания на сайт до запроса просчета стоимости доставки груза, спроектировали вайрфрейм и обсудили с заказчиками. Нам очень повезло, что Сергей и Валерия активно участвовали в обсуждении проекта, предлагали инициативы и делились полезными инсайтами из отрасли, которые в дальнейшем помогли нам создать не просто сайт, а удобный инструмент для решения логистических задач бизнеса пользователей.

Визуальная концепция

Чтобы минимизировать количество правок от клиентов и точно попасть в их ожидания по готовому сайту, мы предварительно синхронизировались с ними по визуалу посредством мудборда.
В мудборд мы собрали подходящие, на наш взгляд, для сайта клиента визуальные примеры, сгруппировали их по концептуальным направлениям и обсудили.

Опираясь на выбранное клиентами направление, мы перешли к отрисовке первого варианта дизайн-концепции

Первый вариант концепции достаточно сдержанный в цветовых оттенках, с крупными типографическими акцентами. Нашим клиентам хотелось добавить больше цвета и создать ощущение легкости интерфейса. Так появилась вторая дизайн-концепция, в которой мы активно использовали 3D иллюстрации.

Нейросети в работе

Большинство 3D иллюстраций на сайте сгенерированы с помощью нейросетей. Конечно, без нашего моделирования здесь также не обошлось. Изначально мы создали заглавную иллюстрацию на примере которой нейросети создали остальные. Смоделировали сцену, выставили свет, настроили материалы, зарендерили, а готовый результат «скормили» нейросетям. Оставалось только генерировать новые иллюстрации, грамотно подбирая соответствующие промты. Как итог — набор из 28 качественных иллюстраций, уйма сэкономленного на моделировании времени и, соответственно, денег клиента.

Иллюстрации органично вписались в дизайн-концепцию, помогая нам нивелировать дефицит фотоконтента у клиентов.

Калькуляторы и формы расчета

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

А еще в некоторых услугах разместили удобные калькуляторы для расчета страховки и объемного веса груза. Все прозрачно и просто.

Анимации маршрутов доставки

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