Задача проекта — разработать современный многоэкранный лендинг для бренда Yudaev.oil, специализирующегося на моторных маслах, смазочных материалах и продукции для различных типов техники.
Необходимо было создать сайт, который одновременно выполняет имиджевую и коммерческую функции: формирует современный технологичный образ бренда, знакомит пользователя с ассортиментом, раскрывает преимущества продукции и постепенно подводит к отправке заявки.
Особое внимание требовалось уделить сложному техническому продукту. Важно было избежать перегруженности характеристиками и представить информацию понятно даже для пользователя, который не обладает глубокими знаниями в данной сфере.
Также необходимо было предусмотреть адаптацию интерфейса для разных устройств и создать единую визуальную систему для всех разделов сайта.
Перед разработкой дизайна я проанализировала сайты конкурентов и особенности визуальной коммуникации брендов автомобильных масел и технической продукции.
В основу концепции заложила минимализм, технологичность и максимальный фокус на продукте. Основой стала глубокая темная палитра, на фоне которой особенно выразительно смотрятся реалистичные 3D-визуализации двигателей и отдельных механизмов.
Разработала структуру из нескольких последовательных экранов: главный экран, каталог масел, преимущества, технологии, сферы применения, информация о бренде, сертификаты, отзывы и контакты. Такая последовательность постепенно знакомит пользователя с компанией и помогает привести его к целевому действию.
Для сложной технической информации использовала карточки, лаконичные иконки, крупные изображения механизмов и четкую типографическую иерархию. Это позволило сделать интерфейс визуально чистым и облегчить поиск нужной информации.
На первом экране создала выразительную композицию с крупным изображением двигателя, лаконичным оффером и CTA-кнопкой «Выбрать масло». Дополнительная навигация по категориям помогает пользователю быстрее перейти к интересующему типу продукции.
Также продумала адаптивное отображение интерфейса на ноутбуке, планшете и смартфоне, сохранив основные акценты и удобство взаимодействия.
В результате получился полноценный многоэкранный лендинг с современным технологичным характером и понятной пользовательской структурой.
Темная визуальная стилистика и реалистичные изображения механизмов подчеркивают профессиональную направленность бренда, а минималистичный интерфейс позволяет сосредоточить внимание на продукции и ее преимуществах.
Сайт последовательно проводит пользователя от знакомства с брендом и ассортиментом до изучения характеристик, подтверждения надежности компании и отправки заявки.
Разработанная дизайн-система легко масштабируется: в нее можно добавлять новые категории масел, карточки продуктов, технические характеристики и информационные разделы без нарушения общей стилистики.
Проект демонстрирует умение создавать не отдельный красивый экран, а целостный коммерческий интерфейс, в котором визуальный дизайн работает на удобство пользователя и целевое действие.