Wayfare — hero poster
TRAVEL MARKETPLACE CONCEPT APP

WAYFARE

Wayfare — концепт iOS-приложения, специализированный маркетплейс для путешественников. Здесь собрано всё, что нужно в дорогу: от чемоданов и гаджетов до аптечки и пляжной одежды. Больше не нужно искать товары на разных площадках. Приложение многофункционально, из-за объема экосистемы, в этом кейсе мы разбираем флоу на примере категории «Багаж»: от умного поиска чемодана до оформления заказа в корзине.
iOS App e-Commerce

О проекте

Wayfare — концепт iOS-приложения, которое помогает покупать вещи для поездки так же спокойно, как выбирать отель: без лишнего шума и с понятной логикой.
Проблема: Чтобы собраться в поездку, нужно зайти в магазин электроники за пауэрбанком, в спортивный за рюкзаком, и в аптеку за SPF-кремом. Это долго и неудобно.

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

Ключевая идея: меньше отвлекающих элементов → легче сравнивать → быстрее принять решение.
Подбор под поездку Понятные карточки Спокойный стиль
Wayfare — app listing
App listing · как концепт выглядит среди других приложений

Цель проекта

Создать удобный инструмент для полной экипировки к поездке, избавив пользователя от "прыжков" между разными интернет-магазинами.
Wayfare — mood poster
Mood · атмосфера путешествия поддерживает ценность продукта
Задача рынка: тревел-сценарий на крупных площадках обычно «второстепенный». Пользователь получает общий каталог и много промо-слоёв — вместо понятной помощи в сборах.

Подход Wayfare:
  • Поиск — основной вход: быстро найти и уточнить запрос.
  • Подборки по категориям: Гаджеты, Багаж, Одежда и здоровье.
  • Чистый интерфейс: внимание на товаре и параметрах, а не на баннерах.
Короткий путь Доверие Без шума

Исследования

Сравнение популярных сценариев покупок с подходом Wayfare: насколько интерфейс понятен, сколько «шума» и как решение подходит именно под поездку.
Ритейл

Спортмастер

Сильный ассортимент, но много промо-слоёв и отвлекающих блоков.

Понятность интерфейсасредняя
Уровень «шума»высокий
  • Большой выбор и узнаваемый бренд.
  • Много баннеров — сложнее быстро ориентироваться.
  • Не всегда понятно, что выбрать именно под поездку.
Маркетплейс

Ozon

Быстро и доступно, но тревел-подборки и сценарий «сбор в поездку» не выделены.

Понятность интерфейсавыше среднего
Доверие к премиум-сегментусреднее
  • Удобная доставка и большой выбор.
  • Сложно заранее оценить качество дорогих товаров.
  • Нет сценария «собрать набор под поездку».
Наше решение

Wayfare App

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

86%
Соответствие сценарию насколько решение подходит для сборов в поездку
Понятная подачавысокая
Подборки под контекствысокая
Поиск и фильтрывысокая
Путь к покупкевысокий
  • Спокойная подачане отвлекает от выбора и сравнения
  • Наборы под поездкупомогают стартовать без долгих фильтров
  • Рекомендацииучитывают формат поездки и бюджет
  • Понятные шагиот поиска до покупки без лишних экранов

KPI (концепт-метрики)

Это ориентиры, которые показывают, что именно улучшается: меньше отвлечений, быстрее выбор, больше доверия, проще путь к покупке.
Меньше отвлечений минимум промо-слоёв
72%
контент в центре без перегруза
Быстрее выбрать наборы «под поездку»
64%
подборки короткий путь
Доверие к карточке понятные параметры
78%
характеристики прозрачность
Проще купить меньше шагов
69%
без лишнего поддержка рядом

Задачи проекта

Ключевые точки, где пользователь чаще всего сомневается: вход, выбор способа авторизации и обращение в поддержку. Здесь важны простота и спокойствие.
Wayfare — auth choice
Авторизация · выбрать способ быстро и без давления
Wayfare — login screen
Вход · короткая форма и понятные состояния
Wayfare — support chat
Поддержка · доступна там, где возникает вопрос
Почему это важно: пользователи уходят, когда долго, непонятно или есть сомнения в безопасности.
Что сделано в концепте: короткие формы, ясные подсказки, понятные статусы и поддержка рядом с ключевыми действиями.
Понятно Быстро Спокойно

Структура и проектирование

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

Решение: структура вокруг ситуации «я еду туда-то»:
  • Главная — подборки и быстрый поиск.
  • Карточка — всё нужное для решения: параметры, наличие, доставка.
  • Поддержка — в местах, где обычно сомневаются.
Сценарий Поток Ясность
Wayfare — wireframe / IA from Figma
Wireframe / схема · кликом можно открыть крупнее
Wayfare — home screen
Главный экран · подборки и быстрый вход в поиск

Добавление карты

Привязка карты — момент, который часто вызывает стресс. Я сделал его максимально простым и быстрым: крупные поля, сканер карты и минимум действий.
Wayfare — Payment Flow
Добавление карты · визуальный интерфейс снижает вероятность ошибки при вводе данных
Безопасность и удобство: Интерфейс не перегружен лишними полями. Пользователь видит свою карту в реальном времени, что повышает доверие к процессу.
NFC ввод Сканер Безопасно

Доставка

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

Решение Wayfare: Активные заказы выводятся виджетом на главной. Статусы (Сборка, В пути, Доставлен) понятны с первого взгляда.
Трекинг Виджеты Прозрачность
Wayfare — Delivery Widget
Delivery Widget · статус доставки всегда на виду
Wayfare — Adventure Mood
Atmosphere · визуальная пауза, передающая дух путешествий

Визуальный стиль

Задача визуала — помогать выбору: чистые карточки, уверенная типографика и аккуратные акценты. Контент всегда важнее декора.
Wayfare — product card 1
Карточка товара · акцент на фото и параметрах
Wayfare — product card 2
Карточка товара · крупный контент, минимум шума
Wayfare — visual reference
Референс · спокойные материалы и свет
Цвета
Основа — светлый фон и нейтральные тексты. Фирменный Accent используется для ключевых действий. Оранжевый — для тёплого акцента и «тревел-настроения», графит — для плотных UI-состояний и контраста.
Background#F7F6FB
Surface#FFFFFF
Accent (Brand)#7B61FF
Gradient#7B61FF → #AC66EC
Accent Orange#FF7043
Dark Graphite#1F1F1F / #333333
Типографика
Шрифт Inter: читаемый, нейтральный, хорошо держит и заголовки, и плотный текст. Иерархия построена через размер и насыщенность, с аккуратным трекингом и контрастом.
Inter Aa
Пример основного текста: короткие фразы, ясные формулировки, равномерные интервалы. Это помогает удерживать внимание на выборе, а не на оформлении.
H1: 38–72 / 800 H2: 22–34 / 800 Body: 14–15 / 400–600 Tracking: -0.02…-0.01em
Почему это работает: Интерфейс не спорит с контентом — внимание пользователя включается только там, где нужно действие.

Результат

Итог — концепт приложения с понятной логикой сборов в поездку и аккуратной визуальной подачей. Он показывает, как можно упростить выбор без потери времени.
Меньше отвлечений: баннеры не мешают выбору.
Понятная структура: простая навигация.
Доверие: карточка и поддержка в нужный момент.
Настроение: аккуратный визуал без давления.
Wayfare — poster main
Poster