01Интернет-магазин / 2026

WAYPOINTСнаряжение для следующей точки

Магазин снаряжения для походов. Большие пейзажи, светлый каталог, выбор комплекта и корзина.

Тип
Концепт интернет-магазина
Год
2026
Роль
Веб-дизайн, интерфейсы и разработка
Статус
Авторский концепт
Outdoor-сцена из концепта интернет-магазина WAYPOINT
Главный визуальный кадр проекта WAYPOINT

01О проекте

Что я здесь пробую

В WAYPOINT я соединяю две вещи: желание отправиться в путь и обычную покупку снаряжения. Это концепт магазина, где после большого пейзажа можно перейти к вполне конкретной палатке или рюкзаку.

02Задача

Как подружить пейзаж и каталог

Пейзажу нужно место, чтобы его хотелось рассмотреть. А каталогу нужны порядок и понятные действия. Я разделил эти задачи: настроение остаётся на больших изображениях, выбор товара происходит на спокойных светлых экранах.

03Как устроена страница

Как здесь выбирают снаряжение

01

Сначала можно выбрать категорию и посмотреть товары рядом. Для каталога это важнее, чем ещё один большой атмосферный блок.

02

В карточках показываю сам предмет: у палатки и рюкзака должны быть видны форма и детали.

03

Ракурсы, вариант, количество и корзина находятся рядом. Так не приходится искать следующий шаг по странице.

04Что я пробовал

Два разных темпа на одном сайте

Здесь я экспериментировал с переходом от пейзажа к каталогу. Тёмные фотографии дают ощущение маршрута, а светлый фон помогает сравнивать вещи. Заголовки и отступы связывают эти части, хотя задачи у них разные.

Что есть на сайте

  1. 01Главная
  2. 02Каталог из 24 товаров
  3. 03Фильтры по категориям
  4. 04Сборка комплекта
  5. 05Карточка товара
  6. 06Корзина

05Визуальная система

Типографика

Плотный гротеск для заголовков и спокойный нейтральный набор для характеристик и каталога.

Компоненты

Категорийные фильтры, товарная карточка, галерея ракурсов, счётчик количества, корзина.

Палитра

#EEECE5#141512#56604D#B76A3A

06Ключевые экраны

Первый экран интернет-магазина WAYPOINT
01

Первый экран

Сначала большой пейзаж. Переход к каталогу остаётся рядом, если уже хочется посмотреть снаряжение.

Каталог outdoor-снаряжения WAYPOINT
02

Каталог

В каталоге уже другой темп: 24 товара, категории и фильтры для выбора.

Карточка товара Ridge 2 в проекте WAYPOINT
03

Карточка товара

Ракурсы, вариант и количество можно выбрать рядом с кнопкой корзины.

Responsive

Один сценарий на разных экранах

Сетка каталога перестраивается без горизонтальной прокрутки, фильтры остаются доступными, а галерея и покупка складываются в последовательный мобильный сценарий.

Next.jsTypeScriptReactHTML/CSS

07Результат

Что создано

  • Собраны главная, каталог из 24 товаров, фильтры, подбор комплекта, карточка товара и корзина.
  • В карточке можно посмотреть три ракурса и выбрать вариант.
  • Это демонстрационный магазин. Подключение настоящей оплаты и доставки не является результатом этого концепта.
Посмотреть концепт

На связи · Кирилл

Хотите спросить об этой работе?

Можно написать о WAYPOINT или рассказать о своей идее. Объясню, как устроен этот концепт и что может пригодиться вам.

Напишите мне