Туту.ру ЖД билеты

Покупка билета на поезд за 4 минуты
Золотое приложение 2017
3 место в номинации «Навигация и транспорт»
Скачать:

Туту.ру ЖД билеты

Покупка билета на поезд за 4 минуты
Скачать:
Золотое приложение 2017
3 место в номинации «Навигация и транспорт»
120 экранов и 80 пользовательских сценариев. Как с учётом сложной навигации и огромного количества информации сделать самое удобное приложение для покупки ЖД билетов? Мы справились с этой задачей.
120 экранов и 80 пользовательских сценариев. Как с учётом сложной навигации и огромного количества информации сделать самое удобное приложение для покупки ЖД билетов? Мы справились с этой задачей.
Интро
Туту.ру — сервис путешествий №1 в России (по данным GfK Rus)*. Компания устроила тендер среди мобильных разработчиков на создание приложения для покупки ЖД билетов. Заказчик оценил наш подход к работе, и мы выиграли тендер. Процесс сотрудничества состоял из 2-х частей: до редизайна сервисов и после. Сначала мы спроектировали интерфейс, сделали дизайн и разработали Android-приложение. После редизайна Туту.ру мы переработали приложение и адаптировали новый дизайн для Android.
Интро
Туту.ру — сервис путешествий №1 в России (по данным GfK Rus)*. Компания устроила тендер среди мобильных разработчиков на создание приложения для покупки ЖД билетов. Заказчик оценил наш подход к работе, и мы выиграли тендер. Процесс сотрудничества состоял из 2-х частей: до редизайна сервисов и после. Сначала мы спроектировали интерфейс, сделали дизайн и разработали Android-приложение. После редизайна Туту.ру мы переработали приложение и адаптировали новый дизайн для Android.
Мобильное приложение Велогород
Задача
За процессом выбора билета стоит сложная бизнес-логика и множество нюансов. Нам нужно было учесть особенности продукта, чтобы сделать покупку ЖД билетов легкой и приятной для пользователей, а код легко поддерживаемым для клиента.
Задача
За процессом выбора билета стоит сложная бизнес-логика и множество нюансов. Нам нужно было учесть особенности продукта, чтобы сделать покупку ЖД билетов легкой и приятной для пользователей, а код легко поддерживаемым для клиента.
Решение
Мы плотно работали с продуктовой командой Туту.ру, чтобы выяснить все детали и возможные сценарии. Проектировали, показывали и дорабатывали экраны с учетом продуктовой экспертизы заказчика. В резуль­тате представили объёмный продукт в простой «упаковке» для клиента и пользователя.
Решение
Мы плотно работали с продуктовой командой Туту.ру, чтобы выяснить все детали и возможные сценарии. Проектировали, показывали и дорабатывали экраны с учетом продуктовой экспертизы заказчика. В результате представили объёмный продукт в простой «упаковке» для клиента и пользователя.
Туту.ру ios
Поэтапная работа над продуктом
На этапе проектирования весь функционал был разбит на блоки, соответствующие процессу покупки: выбор маршрута, поисковая выдача, выбор вагона и места, ввод данных пассажира, процесс оплаты и вспо­могательные экраны. Мы последовательно занимались каждым блоком, чтобы упростить работу над таким масштабным продуктом.
Поэтапная работа над продуктом
На этапе проектирования весь функционал был разбит на блоки, соответствующие процессу покупки: выбор маршрута, поисковая выдача, выбор вагона и места, ввод данных пассажира, процесс оплаты и вспомогательные экраны. Мы последовательно занимались каждым блоком, чтобы упростить работу над таким масштабным продуктом.
Фрагмент взаимодействия основных разделов
Анализ каждого состояния
Вариант с одним типом вагона, вариант с пятью типами вагонов, вариант с «проходящими поездами». Каждое состояние было продумано и зафиксировано в прототипе. Большую часть пользовательских сценариев мы проанали­зировали на этапе проектирования базовых экранов и предложили продуманную концепцию интерфейса.
Анализ каждого состояния
Вариант с одним типом вагона, вариант с пятью типами вагонов, вариант с «проходящими поездами». Каждое состояние было продумано и зафиксировано в прототипе. Большую часть пользовательских сценариев мы проанализировали на этапе проектирования базовых экранов и предложили продуманную концепцию интерфейса.
приложение tutu.ru
Упрощённая навигация
Когда приложение состоит из 120 экранов, и все они связаны между собой, его сложно поддерживать. Чтобы добавить новый экран, приходится править все предыду­щие и писать много кода. В такой системе легко запутаться.

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

Наш Android-разработчик Константин Цховребов придумал решение, которое позволило отделить всю логику от интерфей­са. Теперь, чтобы добавить новый экран, нужно только обратиться к логике, а не переписывать её части. Готовое решение оформлено в библиотеку, о которой мы писали на Хабре.
Дизайн приложения tutu.ru ios
«Когда разработчики Туту.ру увидели масштабы проекта, они подумали, что на передачу уйдёт не меньше двух недель. Но на третий день они сказали, что всё очень хорошо и понятно сделано. Больше они ничего не спрашивали. Для нас это значит, что мы хорошо поработали, проект легко понять и поддерживать».
Владимир Мочалов
Android-разработчик, MobileUp
«Наши Android-разработчики сказали, что тот исходный код, который они получили от MobileUp, был лучшим среди всех аутсорс-команд, с которыми мы сотрудничаем. Это разработка высокого уровня».
Евгений Любаев
Product Owner, Tutu.ru
Билеты на поезд за 4 минуты
Если нужно срочно уехать в командировку или навестить родственников, покупка билета на поезд не должна отнимать время. В Туту.ру весь процесс занимает около 4 минут. Пользователи проверили.
Билеты на поезд за 4 минуты
Если нужно срочно уехать в командировку или навестить родственников, покупка билета на поезд не должна отнимать время. В Туту.ру весь процесс занимает около 4 минут. Пользователи проверили.
Мобильное приложение Туту.ру iOS
«Тысячи пользователей ежедневно покупают билеты на поезда в этом приложении. Команда MobileUp спроекти­ровала его, сделала две первые версии и редизайн. Продемонстрировала эффек­тивность, гибкость и мастерство».
Евгений Любаев
Product Owner, Tutu.ru
Награды
Золотое приложение 2017
3 место в номинации «Навигация и транспорт»
Команда проекта
Руководитель проекта
Сергей Денисюк
Олег Широков
Арт-директор
Филипп Фильченко
Дизайн
Ильяс Гайфуллин
Антон Фомин
Android-разработка
Константин Цховребов
Владимир Мочалов
Скачать
Считайте QR-код с помошью камеры или перейдите по ссылке
Android
iOS
Скачать приложение
Android
iOS
Другие проекты в категории «Транспорт»
Другие проекты в категории «Транспорт»
Ключ всех от замков городского велопроката
Самый простой способ найти и оплатить парковку в Москве
Аналитика качества вождения автомобилем в приложении
Есть проект? Супер!