Основные задачи

Создать удобную структуру сайта

Для быстрой навигации пользователей и дальнейшего SEO-продвижения
Автоматизировать процессы

Бронирование автомобилей через сайт и автоматический подсчет стоимости аренды в зависимости от количества дней и сезона
Сделать сайт удобным на всех устройствах

Сайт выглядит корректно и удобен для пользователей как десктопов, так и мобильных устройств
Создать мультиязычный сайт

У сайта есть три языковые версии для туристов и местных жителей: грузинская, английская, русская

ЭТАП 1. Проектирование

Техническое задание проекта

У заказчика ранее был сайт, но он визуально был устаревшим и не предполагал функционала, который хотел клиент.

Изначально клиент пришел с готовой структурой, вёрсткой и дизайном. Однако всё это было «сырым», без продуманной логики и требовало больших доработок и переделываний.

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

Основные вопросы, которые требовали детального описания на старте:

Форма подбора автомобиля. Здесь важно было разработать поля для заполнения формы, понятные шаги по ее заполнению для последующего бронирования автомобиля.
Мультивалютность. Необходимо было разработать модуль автоматического конвертирования валюты с официального сайта Нацбанка Грузии.
Расчёт на сайте. Данный вопрос требовал детального изучения формирования цены аренды автомобиля. Цена аренды зависит непосредственно от количества дней аренды, сезона аренды, возраста водителя, места подачи/возврата автомобиля, дополнительно указанных пользователем функций.

Структура сайта
Дизайн главной страницы старого сайта
Дизайн страницы автопарка старого сайта
Новый дизайн главной страницы от клиента

ЭТАП 2. Дизайн и вёрстка

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

На этом этапе мы:

Переверстали, где это было необходимо HTML страницы;
Адаптировали HTML-страницы ко всем типам устройств, браузерам и разрешениям экрана;
Задали валидацию для всех форм, а также элементы анимации;
Оптимизировали код всех страниц под требования Google Speed Insight.

Дизайн главной страницы
Дизайн страницы автопарка
Дизайн карточки авто
Дизайн страницы «ЧАВО»
Дизайн страницы с услугами
Дизайн страницы «Контакты»
Дизайн страницы с отзывами
Дизайн страницы «Трансфер»
Дизайн страницы с вопросами

ЭТАП 3. Программирование

Система управления, используемая на сайте — Evolution CMS.

Этап программирования состоял из реализации внутреннего функционала сайта.

Работа включала в себя настройку CMS и реализацию всего функционала сайта таким образом, чтобы всем содержимым сайта, мог легко управлять клиент, не прибегая к помощи разработчиков: добавлять вручную машины в раздел «Автопарк», писать статьи в раздел «Блог», менять и добавлять контактную информацию, ставить метки на карте в разных городах.

В результате мы получили веб-сервис, который позволяет пользователю выбрать автомобиль для аренды, необходимые даты аренды, посмотреть стоимость проката на выбранные даты и что входит в эту стоимость, внести личные данные для брони автомобиля.