belbilet.by Оригинал redBus — анализ Демо belbilet

redBus · подробный разбор каждой страницы · не-конкурент, перенимаем механику

Анализ UX redBus — 16 экранов, назначение и плюсы каждого

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

Про «преимущества перевозчика».

Да, заметил — у redBus, как и у нас, перевозчик/рейс несут свои плюсы: «Highly On Time — 1193 из 1421 рейса», «New Bus 4 месяца», удобства (туалет, зарядка, плед). Это экраны 04 и 06–09.

Как читать.

Экраны сгруппированы в 4 акта воронки. У каждого — Назначение и Плюсы. Зелёный блок «↔ Зеркало для belbilet» — где у нас уже есть аналог. Переход по номерам в липкой строке ниже.

Акт A

Поиск рейса

Две страницы, задача которых — за минимум тапов увести человека в выдачу с уже выбранной точкой посадки.

Главный экран
01
Поиск · Главная

Форма поиска

Назначение

Точка входа. Вкладки Автобусы / Поезда / Отели, поля «Откуда/Куда» с кнопкой обмена, дата и один действие-CTA «Search buses».

Плюсы

  • Быстрые чипы дат «Today / Tomorrow» — самые частые даты без открытия календаря.
  • Один доминирующий CTA — красная кнопка, с ней ничто не конкурирует по весу.
  • Всё выше линии сгиба: поиск завершается, не прокручивая экран.

Зеркало для belbilet

Чипы «Сегодня/Завтра» — дёшево. Единственную яркую кнопку красим в зелёный бренд, а не в красный.

Автокомплит города
02
Поиск · Ввод города

Автокомплит на весь экран

Назначение

Выбор города отправления/назначения. Открывается полноэкранно, чтобы не бороться с крошечной выпадашкой на телефоне.

Плюсы

  • Точка посадки прямо в подсказке — чип «Board at» рядом с городом (аэропорт, конкретная остановка).
  • Popular Cities для тех, кто ещё не печатает — ноль ввода для частых направлений.
  • Крупные зоны нажатия, читаемая иерархия «город → уточнение».

Зеркало для belbilet

У нас точки посадки уже в модели рейса — можно показывать 1–2 популярные остановки чипом в подсказке города.

Акт B

Выдача рейсов

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

Шапка выдачи
03
Выдача · Шапка

Липкая шапка и чипы действий

Назначение

Держать контекст поиска перед глазами и дать быстрые инструменты, не забирая экран под панели.

Плюсы

  • Маршрут + дата закреплены вверху при скролле длинного списка, редактируются на месте.
  • Ряд чипов «Filter & Sort», пресеты, «Deals» — прокручиваемая полка действий.
  • AI Smart filter — текстовый поиск «автобусы с туалетом» (амбициозно, у нас пока откладываем).

Зеркало для belbilet

Липкая шапка «маршрут + дата» + пилюли ±1 день для перескока дат — сильно помогает на длинных списках.

Карточки рейсов
04
Выдача · Карточка

Карточка рейса

Назначение

Одна карточка = одно решение. Все сигналы выбора собраны так, чтобы не открывать детали без нужды.

Плюсы

  • Три оси сразу: время→время + длительность, цена (зачёркнутая старая + новая), рейтинг с числом отзывов.
  • Дефицит мягко: «7 мест (4 одиночных)».
  • Преимущества перевозчика на карточке — плашки «Прямой», «New Bus», «Toilet», «Snack». То самое, что делают и наши перевозчики.
  • Зелёный чип рейтинга = социальное доказательство ровно в точке выбора.

Зеркало для belbilet

У нас уже есть отзывы, рейтинг, фото ТС и золотые рамки — вынести чип рейтинга и плашки удобств на карточку выдачи. ⛔ не рисовать скидку, которой нет в Атласе.

Панель фильтров
05
Выдача · Фильтры

Фильтр как две колонки

Назначение

Сузить список без ухода со страницы и без «выбрал → пусто».

Плюсы

  • Master-detail: слева категории, справа значения — много фильтров без бесконечного скролла.
  • Счётчик рейсов у каждого значения — заранее видно, что вариант живой.
  • Иконки времени суток (утро/вечер/ночь) + закреплённые «Clear all / Apply» под большим пальцем.

Зеркало для belbilet

Сильнейший переносимый паттерн. Наши категории: время, перевозчик, тип автобуса, точки посадки/высадки, цена — со счётчиками.

Акт C

Детали рейса

Оверлей на 10 вкладок, который открывается по рейсу. Это как раз то, чего не было в прошлом разборе: маршрут, отзывы, рейтинги, удобства, фото и безопасность транспорта, условия перевозки.

Highlights и условия отмены
06
Детали · Highlights + Отмена

Преимущества рейса и условия отмены

Назначение

Первый экран деталей: за что этот рейс любят + честные правила возврата.

Плюсы

  • Плитки-преимущества: «Highly On Time — 1193 из 1421 рейса», «New Bus — 4 месяца», «Bus Safety — Enhanced».
  • Условия отмены таблицей: «время до рейса → % возврата» (90% / 85% / 50% / 0%) — предельно понятно.
  • Спецтариф «10% OFF» показан отдельной честной строкой, не мешает данным.

Зеркало для belbilet

Таблица «условия перевозки/отмены» окном времени → % — прямой кандидат. ⛔ у нас правила отмены обязаны совпадать с Атласом (полное зеркало).

Маршрут автобуса
07
Детали · Маршрут

Маршрут с остановками

Назначение

Показать весь путь рейса и насколько он пунктуален — снять вопрос «а точно доеду вовремя».

Плюсы

  • Дистанция и время сверху: «358 км · 7 ч 10 мин».
  • Цепочка остановок: Bengaluru → Hosur → Krishnagiri → … → Chennai, концы подсвечены.
  • Круговой индикатор пунктуальности 84% с пояснением «по данным трекинга за 15 дней».
  • Отдельно честно: «This bus has no rest stop».

Зеркало для belbilet

Цепочка промежуточных остановок с временами у нас есть в данных рейса — можно показывать таким же таймлайном.

Удобства и распределение оценок
08
Детали · Удобства + Оценки

Удобства и распределение оценок

Назначение

Ответить «что внутри автобуса» и «насколько ему доверяют» на одном экране.

Плюсы

  • Удобства с иконками: вода, пледы, снеки, зарядка, лампа для чтения, подушка, CCTV, бельё.
  • Распределение оценок гистограммой: 5★ 88%, 4★ 8%, 3★ 1%… — видно не только среднее, но и разброс.
  • «Real Feedback from verified travellers» — акцент на проверенных отзывах.

Зеркало для belbilet

Гистограмма оценок и список удобств с иконками — недорогое усиление наших уже существующих отзывов и фото ТС.

Оценки, аспекты, безопасность
09
Детали · Аспекты + Безопасность

«Loved by travelers» и безопасность ТС

Назначение

Сжать сотни отзывов в понятные аспекты и подтвердить, что транспорт легален и исправен.

Плюсы

  • Аспектные теги со счётчиком: Driving (418), Cleanliness (411), Punctuality (407), Staff behavior (407)… — за что хвалят, в цифрах.
  • Безопасность ТС: госномер, страховка (действует до Feb 2027), техосмотр/fitness (до May 2028) с галочками.
  • 3D-иллюстрация номера — узнаваемо и не пугающе.

Зеркало для belbilet

Аспектные теги — сильный способ показать наши отзывы. Блок «документы ТС» перекликается с нашими данными перевозчика.

Список отзывов
10
Детали · Отзывы

Список отзывов с фильтрами

Назначение

Дать почитать реальные отзывы и быстро найти релевантные своему типу поездки.

Плюсы

  • Фильтр по типу поездки: All / Solo (225) / Women (52) / Group (8) — со счётчиками.
  • Сортировки: релевантные / свежие / по возрастанию/убыванию оценки.
  • Ответ перевозчика на отзыв («View operator reply») — диалог, а не односторонняя жалоба.
  • Каждый отзыв: имя, оценка-чип, дата, текст.

Зеркало для belbilet

Ответы перевозчика на отзывы — то, что усиливает доверие и у нас; фильтр по типу поездки — приятная деталь.

Акт D

Бронь — шторка с вкладками

Тот самый пошаговый низ, который тебе понравился: Места → Посадка/высадка → Данные пассажира. Каждый шаг помечается галочкой, а шторка снизу ведёт дальше.

Карта мест
11
Бронь · Вкладка 1

Карта мест

Назначение

Выбрать конкретное место, сразу видя его цену и тип.

Плюсы

  • Степпер вкладок сверху — видно, сколько шагов до оплаты.
  • Цена на самом месте — не надо гадать, во что обойдётся выбор.
  • Состояние формой и цветом: свободно/продано/пол пассажира — читается даже без цветоразличения.
  • Палубы нижняя/верхняя, руль-перёд, снизу сводка с рейтингом и фото ТС.

Зеркало для belbilet

Когда делаем визуальный выбор места — берём степпер, цену на месте, состояние цветом+формой в зелёной гамме.

Место выбрано
12
Бронь · Место выбрано

Место выбрано → сводка + CTA

Назначение

Подтвердить выбор и повести к следующему шагу без потери контекста.

Плюсы

  • Мгновенная обратная связь: место позеленело, у вкладки появилась галочка.
  • Шторка сменилась на сводку: место, «₹45 saved», зачёркнутая цена, кнопка «дальше».
  • CTA называет ровно следующий шаг — «Select boarding & dropping points».

Зеркало для belbilet

Галочка на пройденной вкладке + сводка в шторке — дешёвый способ показать прогресс.

Точки посадки
13
Бронь · Вкладка 2

Точки посадки

Назначение

Выбрать, где именно сесть на рейс.

Плюсы

  • Время + название + ориентир в каждой строке («напротив старого Amar Hotel»).
  • Аккордеон-секция «Boarding points» — компактно, сворачивается после выбора.
  • Радио-выбор — однозначное одиночное действие.

Зеркало для belbilet

Ориентир рядом с остановкой снимает страх «не найду место посадки» — данные ориентиров стоит завести и у нас.

Точки высадки
14
Бронь · Вкладка 2

Посадка выбрана → авто-высадка

Назначение

Провести через два выбора подряд без лишних тапов.

Плюсы

  • Прогрессивное раскрытие: выбрал посадку — секция схлопнулась в «Majestic», сама раскрылась высадка.
  • Дата прибытия «14 Sep» подсвечена — сразу видно ночной переезд.
  • Тот же формат строк, что и в посадке — ноль переобучения.

Зеркало для belbilet

Авто-переход к следующему обязательному выбору — то, что делает шторку «быстрой», как ты и заметил.

Данные пассажира — верх
15
Бронь · Вкладка 3

Данные пассажира — контакты

Назначение

Собрать контакты для билета и связи.

Плюсы

  • Сводка поездки сверху компактно: дата·время·посадка → высадка, 1 место, «View details».
  • Минимум полей: телефон, email — плюс тумблер уведомлений в мессенджер.
  • Обязательные поля помечены, лишнего не спрашивают.

Зеркало для belbilet

Компактная сводка поездки над формой + канал уведомлений тумблером — у нас уже есть тумблер TG, ложится точь-в-точь.

Форма пассажира и апселл
16
Бронь · Вкладка 3

Форма пассажира и апселл

Назначение

Заполнить пассажира и предложить страховку поездки перед оплатой.

Плюсы

  • Пол подставлен из места («Male, reserved seat») — меньше ввода, меньше ошибок.
  • Аккордеон «Passenger 1» подписан местом и палубой — понятно, кого заполняешь.
  • Апселл «Trip Guarantee» с соц.доказательством («купили 7,42,445+ за месяц») — ненавязчиво, тумблером.

Зеркало для belbilet

Автоподстановка из контекста (пол/место) — снижает трение. Апселлы у нас пока не нужны, но паттерн «тумблер + соц.доказательство» полезен.