Escape Cafe

Идти против течения

escapecafe.com ↗

Food & DrinkВеб-сайт9 экранов

landing card-grid search checkout navbar profile

Escape Cafe — Hero Section, Showcase Section, скриншот 1/9

Escape Cafe — Hero Section, How It Works, скриншот 2/9

Escape Cafe — About, Hero Section, скриншот 5/9

Escape Cafe — About, CTA Section, скриншот 6/9

Escape Cafe — CTA Section, Features, скриншот 9/9

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

В каталоге DesignShots собрано 9 скриншотов интерфейса Escape Cafe. Это веб-сайт из категории Food & Drink; категория охватывает еда, доставка и рестораны. Разметка кадров фиксирует 12 типов экранов; среди задокументированных элементов — About, CTA Section, Footer Section, Hero Section и How It Works. На уровне композиции отмечено 6 UI-паттернов: Посадочная страница продукта, Сетка карточек с контентом, Поиск с фильтрами и результатами, Оформление заказа и оплата и Навигационная панель и меню. Основная палитра построена на тёмных тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри Escape Cafe, затем откройте связанные паттерны и проекты категории Food & Drink. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о Escape Cafe

Дизайн интерфейса Escape Cafe

Escape Cafe — веб-сайт из категории Food & Drink. Еда, доставка и рестораны. Идти против течения. В интерфейсе отмечено 6 UI-паттернов: Посадочная страница продукта, Сетка карточек с контентом, Поиск с фильтрами и результатами, Оформление заказа и оплата, Навигационная панель и меню, Профиль пользователя и аккаунт. Цветовая палитра построена на тёмных тонах.

UI-паттерны в Escape Cafe

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

Что показано на экранах Escape Cafe

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

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

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

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

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

Escape Cafe — веб-сайт из категории Food & Drink.

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

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

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