Концепт студии · 2026

«Обжиг»

Интернет-магазин · керамика малыми сериями

ЗадачаМалую серию разбирают быстро, и покупают её с телефона — кто не успел, тот не купил.

Ниша: Магазин авторской керамики, выпуски коллекций малыми сериями
Что делали: Позиционирование, тексты, дизайн, вертушка 360°, заказ, вёрстка
Формат: Каталог, карточки, заказ без регистрации
Заказы: В концепте оплата демонстрационная. В работе — ЮKassa или СБП, заказ приходит мастерской в Telegram
Стек: Next.js · React · TypeScript · Tailwind CSS

Главная мысль

Магазин работает как старт продаж: таймер до выпуска, а покупка — на одном экране.

Коллекция кончится раньше, чем вы дочитаете

Керамика малыми сериями выходит отдельными выпусками коллекций. «Первый лёд» — 40 предметов, и второй партии может не быть.

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

Страница выпуска коллекции «Первый лёд» в магазине «Обжиг» — Выпуск — отдельная страница коллекции: что выходит, когда и сколько.

Кружку хочется взять в руки. Даём покрутить

Фотографии «спереди, сбоку, сверху» не отвечают на главный вопрос: как ляжет ручка и где на глазури потёк. Поэтому на карточке предмет можно покрутить — теми же жестами, что вещь в руках.

Вертушка на 360° слушается мыши, пальца и клавиш. Отпустили — предмет докручивается по инерции и плавно встаёт. Для программ экранного чтения это ползунок с углом поворота, а не немая картинка.

Из каталога в карточку кружка переезжает плавно: та, на которую нажали, становится главной на следующем экране.

Карточка кружки «Отлив»: вертушка, паспорт обжига, выбор глазури и кнопка «В миску»

Кадры для вертушки снимаем на поворотном столе

Снимать каждый предмет по кругу — это время мастерской, поэтому мы проверили, можно ли сгенерировать кадры нейросетью. Нельзя: модель рисует красивую кружку, но не поворачивает именно эту — из восьми положений ручки управляемыми оказались два.

Поэтому в концепте кадры вертушки — заглушки, а механика готова. Мастерская снимает предмет на поворотном столе — 36 кадров с шагом 10°, — и они встают на место без доработки кода.

Вертушка «Обжига» с кадром-заглушкой кружки и подсказкой «Стрелки — поворот» — Кадр-заглушка на вертушке: механика настоящая, фотографии предмета — за мастерской.

Каждый лишний экран — шанс передумать

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

Заказ оформляется на одном экране: контакты, доставка и оплата в одной форме, без регистрации. Лишние скрипты из оформления убрали, чтобы форма открывалась без задержки.

Выбрал
Кружка на вертушке, глазурь выбрана — «В миску».
Проверил
«Миска» выезжает сбоку, страница под ней не пропадает.
Оформил
Одна форма: контакты, доставка, оплата.
Готово
Номер заказа и состав — сразу на экране.

Кнопка «Купить» не уезжает из-под пальца

Самый обидный промах — нажать «Купить» и попасть в соседнюю кнопку, потому что догрузилась картинка и всё съехало. Мы замерили сдвиги на каждой странице магазина и закрепили размеры: кнопки стоят на месте.

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