TRAVEL MARKETPLACE

Заявка +34% · 25 экранов · 48 компонентов · от «листаю» к «броню»

О проекте

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

Мы собрали продуктовый UI: иерархия каталога, карточка тура, фильтры и путь бронирования. Визуал — свежий travel-teal, но без декора, который мешает сканировать условия.

Задача

Собрать UI маркетплейса так, чтобы пользователь доходил до заявки/брони, а не тонул в ленте; уложиться в 90 дней на MVP UI.

Решение

Дизайн-система 48 компонентов, ключевые 25 экранов, сценарий лента→карточка→заявка, прототипы и передача в разработку.

Стек и каналы

Инструменты, которыми реально закрывали задачу — без зоопарка «для красоты».

Figma
1C-Bitrix
PHP
SEO
Яндекс Метрика

Заявка +34%,25 экранов,48 компонентов

Результат

Было: лента без ясного следующего шага. Стало: конверсия в заявку +34% после нового UI-сценария; 25 экранов на системе из 48 компонентов — масштабировать продукт проще.

Срок: 90 дн.

Экранов UI: 25
Страниц: 80
Компонентов: 48
Дней разработки: 90

Типографика

Inter — системный интерфейсный шрифт с оптимизированными метриками для экранов. Высокая читаемость при маленьких размерах, чёткие формы. Идеален для форм, карточек туров и навигации. Нейтральный характер не отвлекает от контента.

Шрифт: Inter, system-ui, sans-serif

Кегли: 13px, 15px, 18px, 28px, 42px

Показатели

Score: 91

Экранов в UI: 25
Страниц каталога: 80
Срок реализации: 3 мес
Компонентов в дизайн-системе: 48

Цвета

Метрики проекта

Страниц: 80
Экранов UI: 25
Компонентов: 48
Дней разработки: 90

Стек: Figma, 1C-Bitrix, PHP, SEO, Яндекс Метрика