Перейти к содержимому

SOTF

Магазин кроссовок, одежды и аксессуаров

sotf.com ↗
E-commerceВеб-сайт7 экранов

Скриншоты интерфейса SOTF

SOTF — Store, скриншот 1/7
SOTF — Blog, скриншот 2/7
SOTF — About, скриншот 3/7
SOTF — About, Footer Section, скриншот 4/7
SOTF — Contact, скриншот 5/7
SOTF — Hero Section, Store, скриншот 6/7
SOTF — 404, скриншот 7/7

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

В каталоге DesignShots собрано 7 скриншотов интерфейса SOTF. Это веб-сайт из категории E-commerce; категория охватывает электронная коммерция и маркетплейсы. Разметка кадров фиксирует 9 типов экранов; среди задокументированных элементов — About, Footer Section, Hero Section, Navigation Section и Newsletter. На уровне композиции отмечено 4 UI-паттерна: Сетка карточек с контентом, Оформление заказа и оплата, Навигационная панель и меню и Поиск с фильтрами и результатами. Основная палитра построена на тёмных тонах; на странице приведены извлечённые HEX-значения. Для анализа сначала сравните повторяющиеся типы экранов внутри SOTF, затем откройте связанные паттерны и проекты категории E-commerce. Так можно отделить устойчивое интерфейсное решение от приёма, характерного только для одного продукта. Все числа рассчитаны по опубликованной коллекции; кадры прежних версий, вынесенные отдельно, в текущий счётчик не входят.

Подробнее о SOTF

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

SOTF — веб-сайт из категории E-commerce. Электронная коммерция и маркетплейсы. Магазин кроссовок, одежды и аксессуаров. В интерфейсе отмечено 4 UI-паттерна: Сетка карточек с контентом, Оформление заказа и оплата, Навигационная панель и меню, Поиск с фильтрами и результатами. Цветовая палитра построена на тёмных тонах.

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

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

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

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

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

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

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

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

SOTF — веб-сайт из категории E-commerce.

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

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

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

Похожие E-commerce-проекты

Все проекты категории E-commerce →