Компания занимается транспортными перевозками по всей России. Заказ от маркетингового агентства.

Изначально заказчик предоставил макет будущего сайта в файле Excel, где угадывалась структура.

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

Полученный макет я сразу начал набрасывать в Фигме, придерживаясь выбранной цветовой гаммы.

В качестве шрифтовой пары я выбрал брутальный Rubik — для заголовков и хорошо читаемый Roboto Serif — для основного текста. Они очень гармонично сочетались на тёмном фоне, в котором планировалось сделать весь сайт

В рамках проведённого брифа я выяснил, что клиенту также нужен был логотип. Я создал несколько вариантов, представив их на светлом и тёмном фоне — на выбор.

Клиент остановил выбор на двух вариантах (в рамках), один из которых был впоследствии опубликован в шапке сайта, а другой — в подвале. Разработка логотипа не входила изначально в стоимость разработки сайта и была оплачена отдельно.

На стартовом экране клиент хотел увидеть грузовик фирмы «Вольво», причём конкретной модели (Volvo FH) и конкретного ракурса (строго спереди). Даже референс прислали.

Взяв референс за основу, я создал соответствующий запрос нейросети и практически сразу получил готовый атмосферный стартовый экран.

В брифе клиент указал лишь пять преимуществ. Я попросил придумать ещё один — чётное количество преимуществ смотрится гармонично, полностью занимая негативное пространство. Клиент оперативно придумал ещё одно немалозначимое преимущество — «Водители с большим опытом».

Позднее на этапе правок клиенту не понравилась иконка свиньи-копилки для второго преимущества. Клиент попросил заменить за иконку монет, что и было мною сделано.

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

Было ещё несколько несущественных правок, по большей части направленных на сокращении сайта по вертикали. Так, например, вместо картинок, иллюстрирующих разделы, клиент попросил использовать иконки. Все правки были мною внесены в дизайн.

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

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

Куда большую проблему составили автомобили, изображения которых надо было разместить в раздел «Типы транспорта». Термины «Бортовой полуприцеп», «Полуприцеп-площадка», «Трал», «Фургонный полуприцеп» и «Шторный полуприцеп» напрочь лишали шанса подобрать требуемые изображения на стоках, даже платных. Пришлось снова обращаться к нейросети. Шторный и фургонный полуприцепы были сгенерированы с первого раза.

Остальные три модели были без тентов, и нейросеть никак не хотела выдавать пустую, ничем не гружёную фуру. Я произвёл около пары десятков генераций, прежде чем мне улыбнулась удача.

Первой ласточкой того, что фортуна повернулась ко мне своим личиком, стал бортовой полуприцеп. Обрадовался ему, как манне небесной. Однако на этом моя удача с нейросетью Midjourney и закончилась.

Трал я с трудом сгенерировал через нейросеть Leonardo. И тоже далеко не с первого раза.

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

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