Как мы создали сервис Шереметьево Паркинг, которым ежемесячно пользуется около 100 000 человек
Благодаря новому интерфейсу трафик на сайт Шереметьево Паркинг увеличился на 70%, а показатель отказов снизился в 7 раз. При этом, по словам коллег из Шереметьево Паркинг, объем онлайн‑платежей через сайт вырос на порядок.
О Шереметьево Паркинг
Шереметьево Паркинг — дочерняя компания Международного аэропорта Шереметьево. Один из крупнейших паркингов в Европе.
Ежемесячно на территорию паркинга приезжает около 1 млн автомобилей: улетающие и сотрудники аэропорта оставляют свои машины там на время поездок и рабочих смен. Среди них около 100 тысяч человек бронируют парковки именно через сайт Шереметьево Паркинг. Большинство заходят с телефона, сидя за рулем или на ходу.
При этом прежний сайт Шереметьево Паркинг был сложен: на нем не хватало личного кабинета, информации о парковках и понятного пути до оформления заказа. Поэтому компания обратилась к Oxem за комплексной переработкой сайта.
Рассылка: как вести бизнес в России
Пять полезных писем пришлем сразу после подписки. В них — бизнес‑идеи, готовые промпты для нейросетей, советы, как выбрать налоговый режим и получать пассивный доход
Задача, которая стояла перед Oxem
Нам нужно было полностью обновить сайт Шереметьево Паркинг. С нуля проработать его от архитектуры до визуального языка и новых функций.
Во‑первых, надо было обновить UX и UI сервиса. Так, чтобы даже пожилой человек или человек за рулем мог быстро забронировать парковку или найти нужную информацию.
Во‑вторых, обеспечить нагрузоустойчивость сайта. Чтобы он работал стабильно даже если миллион пользователей одновременно начнут оформлять заказ.
И в‑третьих, добавить новый функционал: личный кабинет, программу лояльности, выбор дополнительных услуг при оформлении заказа и т. д. А также разработать админ‑панель для управления контентом на сайте.
Этап 1. Погружение в проект
Качество будущего продукта во многом зависит от того, насколько исполнитель погрузится в проект. Поэтому первые встречи с клиентом мы провели в аэропорту Шереметьево: изучили тонкости работы аэропорта, посетили все терминалы и каждый паркинг.
На встречах с клиентом мы структурировали для себя бизнес‑процессы Шереметьево Паркинг. Благодаря этому начали говорить с заказчиком на одном языке.
Этап 2. Аналитика
До этапа дизайна изучили российские сайты и приложения для бронирования парковок. А также провели анализ мобильных приложений международных аэропортов Стамбула, Гонконга и других.
Обычно для больших продуктов на этом этапе мы проводим глубинные интервью с целевой аудиторией: узнаем боли и потребности, чтобы продукт получился максимально востребованным. Но в этот раз у клиента была необходимая информация, а время на запуск было ограничено. Поэтому мы сразу перешли к делу: собрали фич‑лист и вайрфреймы будущего сайта.
Этап 3. Дизайн
Большинство пользователей заходят на сайт, чтобы узнать информацию о парковках, оформить бронирование или воспользоваться личным кабинетом. Им нужен понятный сервис, а не сложные анимации и лишние акценты. Поэтому в дизайне мы придерживались минимализма: через цвета, фото и схемы сделали навигацию понятной и логичной.
Так как большинство пользователей заходят на сайт с мобильных устройств, мы разрабатывали проект в подходе Mobile First. При этом тщательно проработали и десктопную версию сервиса.
С особым вниманием проработали страницы парковок — так как именно эти блоки чаще всего посещают клиенты. Во‑первых, добавили на карточки парковок скролл с фото.
Во‑вторых, проработали детальную динамическую карту аэропорта и паркинга. Теперь, не уходя с сайта, пользователь может:
- по тапу проложить маршрут от себя до нужной парковки;
- легко найти зоны вылета и прилета (и их тарифы);
- увидеть количество парковок на территории.
В‑третьих, внутри карточек наглядно показали тарифы каждой парковки. Через цвета, схемы, и понятное расположение контента подсветили главные особенности тарифов.
Этап 4. Разработка
Разработали фронтенд сайта на React. Это сделало его быстрым, производительным и отзывчивым к действиям пользователей.
Добавили и детально проработали админ‑панель на Laravel. Благодаря этому теперь клиент может сам редактировать всю информацию на сайте и видеть данные по бронированиям.
С нуля переписали сайт на современном стеке в соответствии со всеми стандартами разработки. Так сайт стал более нагрузоустойчивым и масштабируемым. А еще теперь можно без проблем подключать к нему новых разработчиков и тратить минимум времени на погружение — код прост и понятен любому исполнителю
Добавили новый функционал сервиса
Льготные программы. Теперь члены многодетных семей тратят значительно меньше времени на бронирование парковок. Пользователь разово подтверждает в системе свое удостоверение о многодетности, система привязывает эту информацию к его номеру телефона — и дальше всегда применяет для него скидку 25%.
Личный кабинет. Раньше, чтобы отменить бронирование парковки, клиентам приходилось звонить в службу поддержки. Сейчас это делается в несколько кликов в личном кабинете.
Выбор дополнительных услуг. Добавили выбор дополнительных услуг на страницу оформления заказа. Теперь те, кто бронируют парковки на сайте, могут в пару кликов подключить себе мойку автомобиля, подкачку шин и др.
Система лояльности. Теперь клиенты зарабатывают баллы за регистрацию, онлайн‑оплату, дни рождения и т. д. И могут применять эти баллы для оплаты услуг Шереметьево Паркинг.
Когда сервис был готов, мы перенесли его с домена parkingsvo.ru на parking.svo.aero без потерь трафика. Наш SEO‑специалист контролировал переход, поэтому сайт Шереметьево Паркинг не только удержал старые позиции, но и вырос в трафике на 70%.
Результат и выводы
Сегодня Шереметьево Паркинг — это интуитивный сервис. С ним пользователи могут управлять бронированиями и находить нужную информацию за считанные секунды, даже находясь за рулём.
На сайте появились страницы и функционал, которые упрощают жизнь пользователей: например, личный кабинет и динамические карты парковочных мест. А еще сервис стал более гибким, устойчивым к нагрузкам и масштабируемым.
- трафик на сайт вырос на 70% относительно того же периода прошлого года.
- средний показатель отказов упал с 17% до 2,46%.
- по словам клиента, с момента запуска нового сайта Шереметьево Паркинг объем онлайн‑платежей вырос на порядок.
- в 2024 году сервис занял высокие позиции на рынке и был признан одним из лидеров в категории авто и мото, получив награды: золото на Workspace Digital Awards, серебро в Рейтинге Рунета и серебро на Tagline Awards.
Обновленный сайт Шереметьево Паркинг можно изучить по ссылке. А ниже собрали шесть функций и инструментов, которые особенно помогли нам вывести официальный сайт паркинга аэропорта Шереметьево на новый уровень.
Глубокий анализ целевой аудитории и бизнеса клиента. Аналитика на старте дала нам понимание, какие блоки особенно важны аудитории, какую информацию она ищет в первую очередь — и как создать дизайн, который будет понятен всем сегментам ЦА.
Сервисный дизайн. Нам важно было создать дизайн, который будет помогать пользователю: подсказывать удобным функционалом, а не отвлекать лишними анимациями и акцентами.
Фронтенд сайта на React. Благодаря этой технологии сайт стал реактивным: он мгновенно грузится и отзывается на каждое действие пользователя.
Административная панель на Laravel. Благодаря ней коллеги из Шереметьево Паркинг теперь могут самостоятельно редактировать всю информацию на сайте и видеть данные по бронированиям и заявкам.
Работа с кодовой базой. Мы переписали код проекта с нуля на современный стек, соблюдая все стандарты разработки. Это сделало сайт нагрузоустойчивым, масштабируемым и простым в поддержке.
Новый функционал. Добавили на сайт личный кабинет, блок под льготные программы, систему лояльности и выбор дополнительных услуг. Теперь на сайте можно, например, отменить бронирование или оформить скидку по льготам.
