Kaspi Travel
Поиск и покупка авиа и ж/д билетов
с возможностью оформления рассрочки.
Привет! Кто я?
Светлана Анастасова
Дизайнер интерфейсов, 2 года
Приложения,
в которых я делала не только иконки
Vegang
Справочник для вегетарианцев
Пикабу
Информационно-развлекательный портал
NaviFish
Социальная сеть для рыболовов
Ростов-на-Дону
Почему Kaspi?
Люблю путешествовать
Банк – это серьезно
Сложная задача
Цель проекта
Создать удобное приложение для поиска и покупки билетов онлайн
Опрос 14 респондентов выявил проблемы и желания пользователей
1

перенаправление на другие сайты для покупки билета;
2

накручивание стоимости билета (комиссии, сборы, другие дополнительные платежи);
3

потеря ранее введенных данных пользователя;
4

недоверие к сторонним сервисам и агрегаторам.
5

нет возможности строить маршрут с пересадками
6

отсутствие интерфейса выбора места
7

нужен экспорт билетов в другие программы
8

интересует прогноз стоимости билетов
Бенчмаркинг
1
Мобильность
Мобильный посадочный талон,
Выбор места в салоне самолета,
Отслеживание багажа
2
Омниканальность
Регистрация на рейс с мобильного телефона
3
Носимые гаджеты
Билеты, расписание вылета на экране часов,
Уведомления и напоминания
4
Профилирование
Автозаполнение паспортных данных пассажиров,
Раздел Избранное позволяет следить за изменениями в стоимости авиабилетов
5
Коммуникация
Чат с менеджером
Встроенный конструктор запроса
6
Простота
Динамический главный экран,
За пользователя всю работу проделывает менеджер в чате
7
Лояльность
Бонусная программа,
Карты лояльности,
Реферальные программы
8
Фреймворк
Единые принципы работы и визуальная составляющая
Профилирование

Aviasales:
Автозаполнение паспортных данных пассажиров; раздел Избранное позволяет следить за изменениями в стоимости авиабилетов

Hopper: Изменение цен на авиабилеты и помощь в выборе самого дешевого варианта;

SkyScanner: Подписки на выбранные направления / услуги, уведомления об изменении цен на них;
Простота

American Airlines:
динамический главный экран подсказывает пользователю о том, что ему необходимо.

Go: за пользователя всю работу проделывает менеджер в чате.
Коммуникация

Travelata:
Чат с менеджером через популярные мессенджеры: WhatsApp, Telegram, Facebook, VK.

Go: Единственная кнопка в приложении — начать чат с менеджером. Можно задать ему вопрос или попросить найти билет или гостиницу. В чат встроен конструктор запроса, который сократит время на его написание.
Визуальные тренды
1
Увеличенная типографика
2
Пустое пространство
3
Яркие цвета
4
Карточный интерфейс
5
Творческий скроллинг
Путь пользователя,
который нас будет интересовать:
1
Вход в приложение
Авторизация необязательна
2
Поиск билета и его выбор
Выбор параметров поиска,
Альтернативные предложения,
Подписка на направления Сравнение билетов,
Добавление в избранное
3
Оформление билета
Ввод паспортных данных и выбор места
4
Выбор варианта оплаты
Прототип
Kaspi Travel
Можно покликать в Marvel
1. Стиль и лэйаут
Основной цвет
#FE4F18
Второстепенный
#FFA78B
Цвет фона
#F2F2F2

Сетка

Минимальный шаг 4pt. Основные направляющие для контента — 24pt / 48pt / 72pt


Типографика

Размер шрифта кратен шагу сетки.
Активные элементы — Bold и Medium.
Текст и дополнительная информация Medium и Regular.

2. Функционал приложения
Избранное
подписки на направления для слежения за ценами
Несколько перелетов
Возможность планирования сложных маршрутов
Выбор места
Пользователь может выбрать место в самолете или поезде при покупке билета
Советы
Лучшие предложения, популярные направления, подсказки о возможности сэкономить
Профилирование
Сохранение и автозаполнение паспортных данных пассажиров и платежных данных
Экосистема
Доступ к истории поиска, избранному, билетам со всех устройств.
Навигация
Навигация по разделам приложения осуществляется при помощи Tab Bar.

Авторизация будет происходить, как и в магазине Каспи, по номеру телефона.
Для поиска билетов она необязательна.
Поиск билетов
Если у пользователя сложный маршрут, то он может добавлять дополнительные перелеты.
Предложения поехать куда угодно, без выбора страны доступны по нажатию на «Не знаете куда отправиться? Посмотрите лучшие предложения».

Помню откуда и знаю куда
При первой смене аэропорта вылета приложение запрашивает данные к текущей геопозиции и запоминает их.
При выборе направления у пользователя есть возможность посмотреть свою историю поиска и популярные направления.
Подсказки
«Самый дешевый» и «Самый быстрый» рейсы отображаются вверху списка.
Если в соседние дни есть перелеты дешевле, то под верхней навигационной панелью всплывает плашка с подсказкой: «Вы сэкономите 9 874 КZT, если вылетите на 1 день раньше. Посмотреть результаты».
Избранное
Пользователь может сохранить направление в «Избранное». Внизу экрана всплывёт сообщение о совершенном действии.

Данные о пассажирах
Информация о пассажирах сохраняется для последующих заказов.
Если нет никакой информации о пассажирах, то данный экран с выбором не показывается. А показывается экран с полями для заполнения паспортных данных.
Выбор места
У пользователя есть возможность выбрать место сразу при покупке билета. Если ему все равно, где сидеть, или он еще не решил, то он может пропустить этот шаг нажав Пропустить в верхней навигационной панели.
Оплата
Доступные варианты оплаты:
  • рассрочка;
  • Каспи-Бонусы;
  • любая банковская карта.
Профиль пользователя
У залогиненного пользователя появляются разделы:

  • данные учетной записи;
  • информация об оплате (каспи-бонусы, рассрочка с возможностью подключения, возможность привязать любую карту);
  • данные о пассажирах
Виджет и уведомления
Виджет на экране смартфона подскажет куда лучше поехать, если ближайших поездок нет. Будет информировать о ближайшей поездке, если билеты уже куплены.
При возникновении задолженности push-уведомления напомнят об этом.
Чат с менеджером
Пользователь может обратиться к сотруднику банка с любым вопросом:
  • непосредственно о Kaspi Travel, о билетах или других предложениях;
  • о рассрочке, накопленных бонусах;
  • других продуктах банка.
Стратегия развития
Первый этап
Реализация функционала поиска и покупки билетов
Второй этап
Добавление виджетов,
информирование о задолженности и следующих платежах
Третий этап
Чат с менеджером для помощи в выборе билета или других услуг
Инструменты
Figma
Графический редактор
Marvel
Платформа для создания прототипов
Flinto
Приложение для создания анимированных прототипов
Made on
Tilda