Интернет-магазин · Shopify

FORMA — предметы для рабочего пространства и дома

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

Посмотреть интерфейс Обсудить похожий магазин ↗

Самостоятельный портфолио-проект

товаров: 16
варианта: 22
коллекции: 4
инфостраниц: 8

Главная FORMA: предложение Make room for the everyday и рабочее место с оранжевой лампой — Главная страница FORMA в Shopify

От ассортимента к понятной витрине

Задача — собрать магазин, в котором посетитель понимает ассортимент, сравнивает предметы и выбирает подходящий вариант. Я начал со структуры каталога, содержания карточек и последовательности действий.

Визуальная система FORMA объединяет тёплый светлый фон, графитовый текст и терракотовый акцент. В Shopify я оформил витрину на базе Dawn 16, добавил девять собственных секций и сохранил нативную логику каталога и корзины.

Структура ассортимента

Четыре категории: свет, предметы для стола, подставки и аксессуары для дома. Коллекции собираются по тегам.

Связанные данные

Изображение, цена, артикул и наличие относятся к выбранному варианту товара.

Управление в Shopify

Основные блоки главной, страницы и каталог доступны владельцу в штатных редакторах.

Путь покупателя

Главная
Знакомит с предметами и предлагает начать с категории.
Каталог
Фильтр наличия, сортировка и поиск помогают сузить выбор.
Товар
Фотографии, размеры, материалы и комплектация помогают сравнить предметы.
Вариант
Выбранная отделка меняет изображение, цену и данные наличия.
Корзина
Сохраняет варианты и пересчитывает сумму после изменения количества.
Граница оформления
Перед переходом видна пометка: приём заказов и оплата пока не включены.

Коллекция FORMA с фильтром наличия, сортировкой и карточками товаров — Каталог с фильтром наличия и сортировкой

Мобильная главная FORMA: меню, поиск, корзина, предложение и интерьерный кадр — Главная на телефоне

Вариант меняет данные товара

У Arc Table Light отделка Burnt orange стоит $129, Graphite — $139. Это цены разных вариантов, а не скидка. При переключении меняются основной кадр, цена и артикул; наличие проверяется для каждой отделки отдельно.

Карточка Arc Table Light: оранжевое фото, цена $129 USD и выбранная отделка Burnt orange — Arc Table Light в Burnt orange за $129

Карточка Arc Table Light: графитовое фото, цена $139 USD, выбранный Graphite и наличие — Arc Table Light в Graphite за $139

Недоступный Ridge Large нельзя добавить в корзину; Fold показывает отсутствие наличия. Детальные фотографии стандартной отделки доступны только с ней: у альтернативной отделки есть свой основной предметный кадр.

Подробное фото оранжевой отделки Arc в галерее рядом с информацией о товаре — Деталь в галерее товара

Корзина сохраняет выбранное

Использована нативная корзина Shopify: выдвижная панель и отдельная страница. Она хранит выбранные варианты, меняет количество, удаляет позиции и пересчитывает итог.

Проверенный сценарий · USD

Arc · Graphite$139 × 2 = $278

Ridge · Small$38 × 1 = $38

Итого$316

Удаление Ridge возвращает $278. Изменение его количества проверено по цепочке $316 → $354 → $316. Это проверка расчёта, не выручка магазина.

Выдвижная корзина FORMA: Ridge Small, две лампы Arc Graphite, итог $316 и пояснение перед checkout — Две позиции и итог $316 в нативной корзине

Страница корзины FORMA с Ridge Small, двумя Arc Graphite, итогом $316 и ограничением приёма заказов — Полная корзина с выбранными вариантами

Мобильная корзина FORMA: варианты Small и Graphite, количества 1 и 2, итог $316 и пояснение перед оплатой — Полная корзина на телефоне

Перед Check out в обоих вариантах корзины сохранено пояснение: можно изучить товары и собрать корзину, но заказы и платежи не включены. Уведомление остаётся после обновления количества.

Что редактирует владелец

Каталог и варианты

Названия, описания, цены USD, артикулы, остатки, фотографии, alt и SEO — через Products.

Коллекции

Товары попадают в четыре автоматические коллекции по тегам. Состав меняется вместе с ассортиментом.

Главная страница

Основные секции, тексты, изображения и подборки настраиваются в редакторе темы.

Страницы и меню

Содержание информационных страниц и навигация доступны в Shopify. Подготовлена инструкция для последующей работы.

Что проверено в Shopify

Проверка витрины проведена 2 октября 2026 года. Скриншоты показывают настоящий интерфейс Shopify.

53 измерения на ширинах 360, 390, 768 и 1440 px — горизонтальное переполнение не обнаружено.
Сверены 16 карточек; отдельно проверены 12 выборов варианта у шести товаров. Всего в каталоге 22 варианта.
Поиск, фильтры, сброс и пустые состояния; недоступные товары и ограничение остатка.
Основные действия с клавиатуры, галерея и валидация обязательного email.
Theme Check: 0 ошибок, 9 предупреждений исходной Dawn. Прошли 12 тестов локальных модулей; они не заменяют проверку Shopify.

Это проверка перечисленных сценариев, а не полный аудит доступности или измерение скорости.

Статус проекта

FORMA — самостоятельный портфолио-проект Virentora. Витрина, каталог, варианты, поиск, фильтры и корзина работают в Shopify. Приём заказов и оплата пока не включены: полный checkout и тестовый заказ не завершены.

Товары, цены и остатки концептуальные; предметные изображения сгенерированы. Скриншоты интерфейса сняты с настоящего Shopify. Это не клиентское внедрение, продажи и коммерческие показатели не заявляются.

Магазин защищён паролем; тариф не выбран, платёжная настройка не завершена. Перед торговлей нужно отдельно настроить доставку и налоги, проверить юридические данные и пройти тестовый заказ. Доставка контактного сообщения не подтверждена; Shipping, Privacy и Terms остаются черновиками.

Нужен магазин для вашего ассортимента?

Можно начать с структуры каталога, основных страниц и покупательского пути. Напишите, что продаёте и какие действия должен выполнять магазин — обсудим состав работы и дальнейшее управление.

Обсудить проект в Telegram