CITTY.RENT

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

Дата запуска апрель 2023

React
Laravel
Webpack
Docker
MySql
CSS
Evolution CMS
Redis

VSCode
PhpStorm
Figma
Photoshop
Illustrator
Terminal
Git
GitHub
Billing Qmedia
Bitrix24
Cypress
Swagger

О клиенте

Citty Rent — современная прокатная компания, работающая в крупнейших городах Грузии и предоставляющая услуги аренды автомобилей без водителя. Клиент фокусируется на удобстве, прозрачности и высоком уровне сервиса, предлагая большой парк современных авто и гибкие условия аренды. Компания активно развивается, расширяет свой автопарк и улучшает клиентский опыт, делая путешествия по Грузии комфортными и доступными.

О проекте

Для Citty Rent мы разработали полностью новый сайт, запущенный в апреле 2023, с упрощённой навигацией, продуманной структурой и отличной адаптацией под мобильные устройства.

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

Что перед нами стояло

Ранее у клиента не было интернет-магазина, только корпоративный сайт-визитка. Причиной тому был запрет на продажу лекарств онлайн.
Весной 2023 года в Беларуси официально разрешили онлайн-торговлю фармацевтики. Тогда же клиентом было принято решение разработать интернет-магазин.

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

Создать удобную структуру сайта
Для быстрой навигации пользователей и дальнейшего SEO-продвижения
Сделать сайт удобным на всех устройствах
Сайт выглядит корректно и удобен для пользователей как десктопов, так и мобильных устройств
Автоматизировать процессы
Бронирование автомобилей через сайт и автоматический подсчет стоимости аренды в зависимости от количества дней и сезона
Создать мультиязычный сайт
У сайта есть три языковые версии для туристов и местных жителей: грузинская, английская, русская

01 — Проектирование

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

Дизайн главной страницы старого сайта

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

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

02 — Дизайн и вёрстка

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

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

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

03 — Программирование

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

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

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

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