О проекте

OneCard — испаноязычное мобильное приложение для бронирования отелей по подписке. Пользователь оформляет годовой тариф и получает доступ к бронированиям и скидкам на размещение. Мы проектировали ключевые экраны приложения: карточку отеля, оплату брони, список бронирований и выбор подписки.

Задача

Сервису с подпиской нужно одновременно продавать два продукта: конкретное бронирование и сам тариф. Интерфейс должен был сделать путь от карточки отеля до оплаты максимально коротким, а условия подписки — прозрачными, чтобы пользователь понимал, за что платит.

Карточка отеля

Карточка начинается с фотогалереи на всю ширину. Поверх фото — рейтинг 4,9, метка популярности и кнопка сохранения в избранное. Ниже — звёздность, название, короткое описание с кнопкой «Expandir descripción», блок с оценкой «Excelente» и числом отзывов, адрес. Цена за выбранный период и состав гостей (2 взрослых, 7 ночей, с НДС) закреплены внизу вместе с зелёной кнопкой «Reservar» — она всегда под рукой, сколько бы пользователь ни листал.

Оплата бронирования

Экран «Pago de la reserva» сначала напоминает, что именно бронируется: отель, адрес, даты и время заезда и выезда, раскрывающиеся детали. Затем — сумма к оплате и информационный блок о том, что подтверждение придёт сразу после оплаты. Над формой карты показаны доступные способы оплаты — Apple Pay, Google Pay, Visa, Mastercard, PayPal, а у поля номера карты есть иконка камеры для сканирования. Внизу — согласия на рассылку и обработку данных и кнопка с итоговой суммой «Pagar 200€».

Мои бронирования

Оформленные брони собираются на вкладке «Mis reservas». Каждая бронь — карточка в том же визуальном языке, что и карточка отеля: фото, рейтинг, название, адрес, даты заезда и выезда, детали по раскрытию и итоговая стоимость. Пользователю не нужно искать подтверждение в почте — всё в одном месте.

Подписка

Тарифы показаны карточками с перечнем возможностей. «Élite» выделен зелёным: неограниченные бронирования, скидки на отели, круизы и перелёты, эксклюзивные акции и приоритетная поддержка — 99 € в год. «Explorador» — тариф попроще: одно бронирование в месяц, скидки на отели и стандартная поддержка за 49 € в год. После оформления поверх экрана появляется уведомление об активации тарифа с датой окончания подписки.

Результат

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