Airbnb

Жильё, впечатления, услуги

airbnb.com ↗

TravelВеб-сайт14 экранов

landing search card-grid checkout profile navbar

Airbnb — CTA Section, Hero Section, скриншот 2/14

Airbnb — CTA Section, Hero Section, скриншот 3/14

Airbnb — Blog, CTA Section, скриншот 6/14

Airbnb — CTA Section, Features, скриншот 7/14

Airbnb — Footer Section, Hero Section, скриншот 9/14

Airbnb — Comparison, FAQ, скриншот 10/14

Airbnb — About, Stats Section, скриншот 12/14

Показано 12 из 14

Какие UI-решения показаны в Airbnb?

В каталоге DesignShots собрано 14 скриншотов интерфейса Airbnb. Это веб-сайт из категории Travel; категория охватывает путешествия, билеты и бронирование. Разметка кадров фиксирует 13 типов экранов; среди задокументированных элементов — Footer Section, Hero Section, Comparison, FAQ и CTA Section. На уровне композиции отмечено 6 UI-паттернов: Посадочная страница продукта, Поиск с фильтрами и результатами, Сетка карточек с контентом, Оформление заказа и оплата и Профиль пользователя и аккаунт. Основная палитра построена на светлых тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Airbnb, затем откройте связанные паттерны и проекты категории Travel. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о Airbnb

Дизайн интерфейса Airbnb

Airbnb — веб-сайт из категории Travel. Путешествия, билеты и бронирование. Жильё, впечатления, услуги. В интерфейсе отмечено 6 UI-паттернов: Посадочная страница продукта, Поиск с фильтрами и результатами, Сетка карточек с контентом, Оформление заказа и оплата, Профиль пользователя и аккаунт, Навигационная панель и меню. Цветовая палитра построена на светлых тонах.

UI-паттерны в Airbnb

landing: Посадочная страница продукта
search: Поиск с фильтрами и результатами
card-grid: Сетка карточек с контентом
checkout: Оформление заказа и оплата
profile: Профиль пользователя и аккаунт
navbar: Навигационная панель и меню

Что показано на экранах Airbnb

В подборке 13 типов экранов — по ним видно, какие части продукта задокументированы.

Вопросы и ответы

Сколько скриншотов Airbnb в коллекции?

В коллекции 14 скриншотов интерфейса Airbnb, охватывающих ключевые экраны продукта.

К какой категории относится Airbnb?

Airbnb — веб-сайт из категории Travel.

Как использовать скриншоты как референс?

Изучайте решения UI/UX дизайна для вдохновения при проектировании Travel-продуктов.

Все скриншоты сделаны с реального продукта и показывают интерфейс таким, каким он был на момент съёмки.