scroll

Аренда автомобилей.
Многостраничник

#Дизайн   #Верстка   #Натяжка на WP

О заказчике

Компания занимается арендой премиальных автомобилей без водителя в Краснодаре и Краснодарском крае.

Задача

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

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

Добавить фиксированный сайдбар и сделать сайт "резиновым". То есть чтобы контент подстраивался под все разрешения экрана, дабы не наблюдалось пустое место по бокам.

Сайт

www.garage.place
Цвета
#DBDBDB
#1F1F1F
#D22020
Шрифты font

Демонстрация проекта

Сперва покажу сайт изнутри, а потом продемонстрирую дизайн.

На сайте есть возможность добавлять автомобили в автопарк, редактировать информацию о них (стоимость, комплектации авто и т.д.), добавлять документацию, менять условия аренды авто и многое другое. На скриншоте ниже показан пример автопарка. Все автомобили управляются через админку сайта.
work-image
У каждого автомобиля можно менять название, задавать ссылку на страницу с авто, задавать SEO.
work-image
Для заказчика подготовлены специальные поля, где ему нужно просто указать нужную информацию и она отобразится на странице авто. Например, можно добавить акцию на определенное авто и указать сроки проведения акции.
work-image
Для каждого автомобиля можно задать стоимость аренды, указать мощность двигателя и вся эта информация покажется на странице автопарка в карточках авто.
work-image
На странице каждого авто есть слайдер с автомобилями. Сюда можно загружать любое кол-во фотографий и все они покажутся в слайдере.
work-image
Также для каждого авто можно задавать свои характеристики
work-image
И самое важное - стоимость. Сделал возможным для заказчика устанавливать старую цену. Если ее нет, то показывается просто актуальная цена.
work-image
Теперь перейдем к части по дизайну. Перед отрисовкой дизайна, разрабатывается прототип. С помощью такого прототипа понятно будущее расположение элементов, шрифты, размеры и т.д.
work-image
Вот сетка, по которой создавался дизайн
work-image
Главная страница содержит в себе весь автопарк, этапы аренды авто и краткий текст о компании
work-image
В карточке авто есть вся информация об автомобиле. Начиная от фотографий, заканчивая стоимостью аренды и комплектацией.
work-image
На странице условий есть все условия аренды автомобилей. Данная страница также может редактироваться через админку сайта.
work-image
Страница контактов содержит всю необходимую контактную информацию компании.
work-image
Также отдельное внимание было уделено отрисовке мобильной версии, т.к. большая часть клиентов заходит с мобильных устройств.
work-image
Вернуться в портфолио arrow

Оставьте заявку на консультацю

Или сразу напишите мне:
Отправляя данные, Вы соглашаетесь на обработку персональных данных