Разрабатывали приложение ЖД билеты для Туту.ру

  • Приложение

  • Android

Интро

120 экранов и 80 пользовательских сценариев. Как с учётом сложной навигации и огромного количества информации сделать самое удобное приложение для покупки ЖД билетов? Мы справились с этой задачей.

Главный экран приложения Туту
01

Интро

Задача из двух частей

Туту.ру — сервис путешествий № 1 в России (по данным GfK Rus)*. Заказчик оценил наш подход к работе, и мы выиграли тендер. Процесс сотрудничества состоял из двух частей: до редизайна сервисов и после. Сначала мы спроектировали интерфейс, сделали дизайн и разработали Android‑приложение. После редизайна Туту.ру мы переработали приложение и адаптировали новый дизайн для Android.

02

Задача

Запуск нового продукта

За процессом выбора билета стоит сложная бизнес-логика и множество нюансов. Нам нужно было учесть особенности продукта, чтобы сделать покупку ЖД билетов легкой и приятной для пользователей, а код — легко поддерживаемым для клиента.

У вас есть похожая задача? Давайте обсудим!

03

Решение

Разработка приложения — используем продуктовый подход

Мы плотно работали с продуктовой командой Туту.ру, чтобы выяснить все детали и возможные сценарии. Проектировали, показывали и дорабатывали экраны с учетом продуктовой экспертизы заказчика. В результате представили объёмный продукт в простой «упаковке» для клиента и пользователя.

Заголовок

«Тысячи пользователей ежедневно покупают билеты на поезда в этом приложении. Команда MobileUp спроектировала его, сделала две первые версии и редизайн. Продемонстрировала эффективность, гибкость и мастерство».

Евгений Любаев

Product Owner, Tutu.ru

Информация о выбранных местах Tutu

Информация о выбранных местах

Поэтапная работа над продуктом

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

Анализ каждого состояния

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

Экран выбора поезда и вагона Туту

Экран выбора поезда и вагона

Упрощённая навигация

Когда приложение состоит из 120 экранов, и все они связаны между собой, его сложно поддерживать. Чтобы добавить новый экран, приходится править все предыдущие и писать много кода. В такой системе легко запутаться.

Наш Android-разработчик Константин Цховребов придумал решение, которое позволило отделить всю логику от интерфейса. Теперь, чтобы добавить новый экран, нужно только обратиться к логике, а не переписывать её части. Готовое решение оформлено в библиотеку, о которой мы писали на Хабре.

Читать по теме:

Cicerone — простая навигация в Android-приложении

Заголовок

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

Владимир Мочалов

Android-разработчик, MobileUp

Билеты на поезд за 4 минуты

Если нужно срочно уехать в командировку или навестить родственников, покупка билета на поезд не должна отнимать время. В Туту.ру весь процесс занимает около 4 минут. Пользователи проверили.

Заголовок

«Наши Android-разработчики сказали, что тот исходный код, который они получили от MobileUp, был лучшим среди всех аутсорс-команд, с которыми мы сотрудничаем. Это разработка высокого уровня».

Евгений Любаев

Product Owner, Tutu.ru

04

Итог

Запустили качественный продукт

Сделали процесс покупки приятным и быстрым, пользователю нужно лишь 4 минуты, чтобы стать счастливым обладателем билета. Вместе с приложением запустили модную библиотеку Cicerone, которая завоевала уважение профсообщества.

05

Команда

Команда проекта

  • Руководители проекта

    Сергей Денисюк, Олег Широков

  • Арт-директор

    Филипп Фильченко

  • Дизайн

    Ильяс Гайфуллин, Антон Фомин

  • Android‑разработка

    Константин Цховребов, Владимир Мочалов

01

Похожие проекты

02

Сотрудничество

Контакты

0

Мы всегда рады сотрудничеству и новым проектам.

Опишите задачу, и мы с вами свяжемся.
Или напишите в Телеграм.

Давайте знакомиться!

ВыбратьОткуда вы о нас узнали
  • Рейтинги
  • Рекомендации
  • Конференции
  • Публикации
  • Соцсети
  • Другое

Нажимая «Отправить», вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности

Ваша заявка успешно отправлена

Мы все изучим и скоро выйдем на связь