Бульдог. Проект

1.

Проект
«Бульдог»
Компания по продаже бульдозеров,
запчастей к ним и сервисных услуг

2.

Цветовая палитра
Для проекта была принята следующая
цветовая палитра по причинам:
• У большинства людей представление о
бульдозерах в черно-оранжевых цветах
• Данные цвета отлично сочетаются друг с
другом и гармонируют на фоне других
изображений
• Указанные цвета также являются
современными

3.

Логотип №1

4.

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

5.

Логотип №2

6.

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

7.

Экран №1. Шапка
сайта

8.

9.

На прошлом слайде был представлен основной продукт
компании – бульдозер.
Также в шапке представлен логотип компании, в процессе
работы, был выбран логотип №1.
В меню имеется ссылка на услуги компании, кнопка
«заказать звонок», выпадающий список с каталогом,
имеющий возможность перехода в полный каталог, и адрес
офиса.
Также там указан основной слоган компании: “Честно –
значит выгодно!”

10.

Экран №2. 3 основных
преимущества компании

11.

12.

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

13.

Экран №3. Каталог

14.

15.

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

16.

Экран №4. О компании.
В цифрах

17.

18.

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

19.

Экран №5. Спецпредложения на
запчасти

20.

21.

На экране показан слайдер со спецпредложениями.
Заголовок заманивает пользователей, благодаря этому
пользователь проявляет более сильный интерес к акциям.
В самом блоке, также, присутствует иллюстрация в виде
запчасти, выполненная в схематическом стиле.
Ниже имеется кнопка «перейти в каталог», которая
перебрасывает клиента на страницу с каталогом запчастей
с подробным описанием каждой из них.
Все выполнено в минималистическом стиле, поддерживая
основную стилистику сайта.

22.

Экран №6. Ремонт и обслуживание

23.

24.

Вышестоящий слайд показывает нам информацию об
услуге.
Слева находится блок с подробным описанием услуги,
помогая пользователю ознакомиться с данным видом услуг.
Справа присутствует лид-форма для записи. В форме
расположены поля, такие как имя, номер телефона и
комментарий для того, чтобы пользователь мог написать о
своей проблеме или своих пожеланиях. Кнопка “Отправить”,
собственно, отправляет запрос в компанию.
Ниже имеется карта с адресом офиса компании, чтобы
клиент мог сразу построить маршрут до данной точки.

25.

Экран №7. Новости

26.

27.

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

28.

Экран №8. Техническая
документация

29.

30.

На слайд выше была представлена галерея с
технической документацией.
На странице отображается 2 сертификата. На каждом
из них присутствует hover-эффект, при наведении на
него мышкой – появляется две кнопки – “Просмотр” и
“Скачать”. Любой пользователь может просмотреть
документацию в большом разрешении и скачать его,
при необходимости.
В нижней части имеется кнопка “Больше”, которая
позволяет просмотреть всю документацию компании.

31.

Экран №9. Остались вопросы?

32.

33.

На предшествующем слайде показана лид-форма для
пользователей, имеющих какие-либо вопросы.
Заполнив все поля в форме, подтвердив согласие
политики конфиденциальности(которую можно открыть
и полностью прочитать)и нажав кнопку “Отправить”, Вы
можете отправить запрос в компанию. Через некоторое
время сотрудник компании свяжется с Вми, чтобы
ответить на вопросы.
На фоне также имеются 2 бульдозера в схематическом
стиле, которые придают атмосферности и
контрастности блоку.

34.

Экран №10. Футер.

35.

36.

Футер сайта оснащен поисковой системой, которая
помогает пользователю осуществить быстрый поиск по
всей странице сайта, чтобы найти то, что ему нужно.
Справа от поиска имеется кнопка “Заказать звонок”.
Ниже кнопок, по обе стороны блока, присутствуют
кликабельные ссылки с hover-эффектом, которые
служат в роли навигации.
По центру расположился логотип компании №2 на
фоне большого белого треугольника, который отделяет
текст и логотип.

37.

Подведем итоги

38.

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