Обзор проекта

Аренда премиум авто

#Дизайн
#Верстка
#WordPress

О заказчике

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

Задачи проекта

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

Технологии

  • Дизайн сайта в Figma.
  • Коррекция фотографий в Photoshop.
  • Верстка на HTML, CSS.
  • JavaScript (библиотеки для слайдера, отправка формы бронирования)
  • WordPress для самостоятельного управления сайтом

Навигация

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

Дизайн

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

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

Функционал

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

У каждого автомобиля можно менять название, задавать ссылку на страницу с авто, задавать SEO.

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

На странице каждого авто есть слайдер с автомобилями. Сюда можно загружать любое кол-во фотографий и все они покажутся в слайдере.

И самое важное — стоимость. Сделал возможным для заказчика устанавливать старую цену. Если ее нет, то показывается просто актуальная цена.

Обсудим задачу, сроки, бюджет?

#Другие проекты