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