Оставить заявку
Разработка
Дизайн

Сделали редизайн сайта и обновили мобильное приложение

Клиент

ООО "УК "РР"

Дата запуска

Ноябрь 2022

Что сделали

Проектирование, дизайн, frontend, backend, тестирование

О клиенте

People&People

Российская инвестиционная и управляющая компания, развивающая портфель технологических проектов в сфере мобильности и сервисов. Компания отвечает за стратегию, операционное развитие и масштабирование продуктов, выстраивая единые процессы и стандарты. С 1 мая 2022 года сервис «Ситимобил» входит в периметр People&People.

О проекте и задачи

Описание

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

Задачи

1
Обновить сайт так, чтобы он выглядел современно и был проще по структуре
2
Сделать навигацию понятнее и быстрее вести пользователя к нужному действию
3
Привести сайт и приложение к единой логике и визуальному стилю
4
Добавить в приложении сценарии доставки как отдельное направление
5
Сделать тарифы понятными, чтобы можно было быстро сравнить эконом, комфорт и другие
6
Улучшить сценарии после поездки, чтобы можно было поставить оценку, оставить чаевые и управлять историей
7
Дать возможность отправлять водителю точное местоположение, чтобы проще находить друг друга

Ход работы

Приложение

Модуль доставки

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

Просмотр тарифов

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

Оценка и чаевые водителю

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

История поездок

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

Точное местоположение

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

Ход работы

Веб-сайт

Разработка прототипа

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

Создания нового дизайна

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

Верстка и подключение

Когда дизайн был готов, мы сверстали сайт и подключили его к существующему бэкенду, чтобы все страницы корректно подгружали данные и работали быстро. Отдельно следили за адаптивом, чтобы одинаково удобно было и на телефоне, и на десктопе. В итоге получился современный сайт, который можно спокойно поддерживать и развивать дальше без постоянных переделок.
JS-фреймворк
React
Веб-фреймворк
Next.js
UI фреймворк
Material UI
JS-библиотеки
MobX
Swiper

Результаты и отзыв

Результаты

Обновление привело продукт к современным стандартам UI и структуры. Сайт стал яснее по навигации и подаче, а приложение — удобнее в ключевых сценариях, где пользователю важны скорость и предсказуемость. В результате сервис воспринимается цельным, снижена нагрузка на поддержку за счёт более понятных сценариев, а дальнейшее развитие продукта стало проще.

Выполненная работа

Сайт
Приложение

Отзыв руководителя

Генеральный директор ООО "УК "РР"
Игорь Рудзий
С командой Marussia было приятно работать с первого созвона. Коллеги спокойно и по человечески объясняли сложные моменты, быстро включались в новые задачи и всегда были на связи. В процессе много раз очень сильно радовало то, что они не просто делали по ТЗ, а смотрели на продукт глазами пользователя и предлагали разумные улучшения. Всё сдавали с прекрасным уровнем ответственности. Спасибо за работу!
Скачать благодарственное письмо
Заявка
Почта
info@marussia-studio.ru
Телеграм
@studio_marussia
MAX
@studio_marussia
Понравилась работа, и вы хотите также? Оставьте заявку.
Заказать
Made on
Tilda