Новый корпоративный портал для каршеринга «Ситидрайв»

Главное о кейсе

Сверстали и запустили новый сайт компании «Ситидрайв» за 4 месяца. Основной задачей было сделать ресурс с высоким юзабилити для поиска каршеринга в Москве, Санкт-Петербурге и Сочи.

Получился сайт, в котором есть всё для удобства пользователей:

• Персонализация по городу — пользователь видит машины, акции, новости своего города.
• Удобная навигация — A/B-тестирование помогло определить лучший формат верхнего меню, который выбрали большинство пользователей.
• Информативность — посетитель сайта может быстро найти список доступных автомобилей (и выбрать цвет в рамках карточки), зону покрытия на интерактивных картах, актуальные тарифы, условия программы лояльности и акции.
• Аналитика — системы аналитики собирают статистику и фиксируют действия пользователей.

Ссылка на обновлённый сайт клиента: https://citydrive.ru/

We built and launched a new website for Citidrive in 4 months. The main task was to make a resource with high usability for searching the car in Moscow, St. Petersburg and Sochi.

We got a website that has everything for the users’ convenience:
- Personalization by city - the user sees cars, promotions, news of his city.
- Convenient navigation - A/B-testing helped to determine the best format of the top menu, which was chosen by the majority of users.
- Informativeness - a website visitor can quickly find the list of available cars (and choose its color), coverage area on interactive maps, current tariffs, loyalty program terms and promotions.
- Analytics - analytics systems collect statistics and record user actions.

Link to the updated client's website: https://citydrive.ru/

Как проект изменил жизнь пользователей

Мы обновили и оптимизировали сайт для быстрой и удобной работы, ускорили загрузку страниц в мобильной версии за счёт меньшего количества картинок на одном экране. Также провели A/B-тестирование, чтобы выбрать наиболее удобное расположение разделов в верхнем меню.

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

We have updated and optimized the website for fast and convenient operation, accelerated page loading in the mobile version due to fewer images on one screen. We also conducted A/B testing to select the most convenient location of the sections in the top menu.

Thanks to these changes, the user experience has improved, and now the website is easy to use both from the desktop and mobile devices.

Бизнес-задача и ее решение

Необходимо было создать понятный и удобный сайт сервиса «Ситидрайв». Дизайн уже подготовил клиент, нужно было сверстать и проконтролировать, чтобы всё работало корректно.

Решение WIM.Agency. Этапы работы:

1. Изучили целевую аудиторию сервиса: социально-демографические характеристики, поисковые запросы (общие + брендовые).

2. Подобрали подходящую CMS для разработки сайта — выбрали систему от «Битрикс», потому что она имеет несколько важных преимуществ:

— Это лицензионная CMS от российского разработчика.
— Есть удобный встроенный текстовый редактор и инструменты маркетинга.
— Работают функции коммуникации с посетителями, которые нужны сервису (от рассылки новостей до обратных звонков и чатов).
— Встроенный SEO-модуль поможет в продвижении сайта.
— Система безопасности способна защитить сайт от атак.

3. Создали прототип сайта.

Настроили инфоблоки и структуру проекта:

1) Главная страница и коммуникационные блоки.
2) Вложенные страницы до 3-го уровня.
3) Сложные механики (например, калькулятор расчёта стоимости и карты для отображения автомобилей).


4. Подготовили и сверстали все страницы сайта.

✔️ Реализовали максимально бесшовный вход в приложение через баннерные места на мобильной версии и блок с контактами для быстрой навигации.


✔️ Облегчили мобильную версию за счёт меньшего количества картинок на одном экране, чтобы увеличить скорость загрузки страниц (например, добавили слайдер при просмотре карточек авто).


5. Выпустили сайт.

Помогли сделать релиз сайта, всё подготовили и обеспечили плавный переход на новый портал. Перенесли контент — метатеги, постоянные URL, текстово-графические страницы — и перенаправили трафик со старого сайта на новый.

Все работы заняли 4 месяца.

Посмотреть сайт, который у нас получился, можно по ссылке → https://citydrive.ru/


It was necessary to create a clear and convenient website for the Citydrive service. The design had already been prepared by the client, it was necessary to make up and check that everything worked smoothly.

Our solution.
Stages of work:

1. We have studied the target audience of the service: socio-demographic characteristics, search queries (general + branded).

2. We picked up a suitable CMS for website development — we chose a Bitrix system, because it has several important advantages:

This is a licensed CMS from a Russian developer.
There is a convenient built-in text editor and marketing tools.
It has the tools for communication with visitors that the service needs (from newsletters to callbacks and chats).
Built-in SEO-modules will help in promoting the site.
The security system is able to protect the website from attacks.

3. Created a prototype of the website

Customized information blocks and structure of the project:

1) Home page and communication blocks.
2) Nested pages up to the 3rd level.
3) Complex mechanics (e.g., costing calculator and maps to display cars).

4. Prepared and built all the pages of the website

✔️ Ensured the most seamless entrance to the application through banner spots on the mobile version and a block with contacts for quick navigation.


✔️ Made the mobile version easier to use with fewer images on one screen to increase the speed of page loading (for example, added a slider when viewing car profiles).

5. Released the website

Helped release the website, got everything ready and ensured a smooth transition to the new portal. Migrated content - meta tags, persistent URLs, text and image pages - and redirected traffic from the old website to the new one.

All the work took 4 months.

You can see the website we ended up with by clicking here → https://citydrive.ru/.

Крафт (мастерство), реализация, технические детали

— Грамотно встроили анимацию с эффектом параллакса на главную страницу сайта, чтобы добавить интерактивность.

— Создали удобную систему управления сайтом: администратор может быстро менять контент в блоках, не привлекая IT-специалиста.

— Добавили персонализацию по городу: пользователь видит машины, акции, новости своего города.

— Внедрили сложные механики на сайт: калькулятор расчёта стоимости и карты для отображения автомобилей.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Чтобы найти лучший вариант расположения элементов в меню сайта, мы провели A/B-тестирование. Тот вариант, который выбрали большинство пользователей, взяли в итоговую версию портала.

Мы наладили отличную коммуникацию с командой заказчика, поэтому работа проходила спокойно, без задержек и конфликтов. Мы уложились в дедлайн и выполнили все задачи за 4 месяца.

Прочая информация о кейсе

Дублируем ссылку на сайт клиента, над которым мы работаем → https://citydrive.ru/

Скриншоты

Комментарий заказчика

«Среди заявок от разных компаний предложение WIM показалось нам самым качественным и профессиональным. В процессе работы коллеги реализовали все наши идеи, в том числе нестандартные. Команда WIM уложилась в дедлайн и сделала удобный, функциональный и стильный сайт. Также агентство занимается всесторонней поддержкой портала — специалисты вовремя оптимизируют разделы, добавляют новые страницы, с помощью автоинформатора круглосуточно мониторят работу сайта и быстро устраняют неисправности. Если же случаются внештатные ситуации в нерабочее время, коллеги из WIM готовы молниеносно подключиться и закрыть задачи в короткий срок. Спасибо WIM.Agency — за оперативность, отзывчивость и слаженность в работе с продуктом и командой „Ситидрайв“».
— Денис Стуков, Performance Marketer «Ситидрайв»