Оставить заявку
Разработка
Дизайн
Сделали редизайн сайта и обновили мобильное приложение
Клиент
ООО "УК "РР"
Дата запуска
Ноябрь 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