Магазин кроссовок и одежды Nike. Заказ меряют при получении и платят после примерки.
Направление
Одежда и обувь
Год
2026
Работы
Концепция, дизайн-система, витрина, оформление заказа
Платформа
Десктопный интерфейс
Задача
Кроссовки покупают по размеру, а размер у каждой пары свой: одна модель садится ровно, другая мала на половину. Поэтому покупателя останавливает не цена, а мысль «вдруг не подойдёт». Снять её может только примерка до оплаты. Магазин на этом и построен: заказ меряют при получении, платят после, от части заказа можно отказаться. Интерфейсу остаётся показать, что есть в наличии, дать выбрать размер и довести до корзины без лишних шагов.
Каталог разделён на три раздела — обувь, одежда, аксессуары. В каждый можно попасть прямо из шапки, не проходя через остальные. Над шапкой чёрная строка с условиями доставки и примерки: это то, что о магазине нужно знать сразу, и при прокрутке она остаётся на месте.
На первом экране одна пара крупно: линейка, заголовок и две кнопки — в каталог или сразу в обувь. Справа модель месяца во всю высоту блока, название и линейка стоят прямо на обложке. Ниже плитки разделов, чтобы с первого экрана можно было уйти в любой из них.
Колонка отбора стоит слева и не прячется в шторку: на широком экране для неё хватает места, а спрятанный фильтр находят редко. Под заголовком счётчик «6 из 15 позиций» — без него короткая выдача выглядит как пустой магазин.
Плашка на обложке сообщает главное до клика: кастом, новинка, скидка. Прежняя цена стоит рядом с новой. Кнопка называется «Выбрать размер», а не «В корзину», потому что размер всё равно придётся выбрать — проще сказать об этом сразу.
Оформление разбито на три шага, полоса сверху показывает, сколько осталось. Итог собран справа и не уезжает при прокрутке, поле промокода отделено от суммы. Под кнопкой написано, что оплата проходит после примерки, — это условие стоит на виду, а не мелким шрифтом внизу.
В интерфейсе два цвета и одна ступень серого между ними. Цвет на страницах даёт сам товар: кроссовки яркие, и фирменная краска рядом с ними была бы лишней. Карточки, чипы, кнопки и плашки одни и те же во всех разделах.
Знак — само название, набранное с плотным отрицательным просветом: буквы почти касаются друг друга, и слово читается целиком, а не по частям. Точка в конце серая — это единственный второй тон в знаке.
Путь покупателя
Главная показывает, что есть в магазине; каталог — как выбрать; аксессуары — как тот же каталог работает с другим товаром; корзина — как оформить заказ.
01 / 04
Главная
На первом экране одна пара: линейка, заголовок и две кнопки — в каталог или сразу в обувь. Справа модель месяца крупно, название прямо на обложке. Над шапкой чёрная строка: доставка от 10 000 ₽ бесплатно, примерка перед оплатой.