• Магазини · Figma

Карточка товара: страница, где человек принимает решение — или идёт дочитывать описание к конкуренту

До карточки товара человек уже дошёл: нашёл категорию, отфильтровал, выбрал. Вся предыдущая работа магазина сделана. И именно здесь он чаще всего останавливается — потому что не видит, сколько будет стоить с доставкой, не понимает, есть ли товар на самом деле, или не находит того единственного числа, по которому выбирает. Карточка не должна быть красивой. Она должна ответить на вопросы в том порядке, в каком они возникают.

Посмотреть, как это работает
Стоимость
после бесплатного аудита
Гарантия
30 дней после подписания акта
Специализация
интернет-магазины, преимущественно OpenCart
после бесплатного аудита
Стоимость
30
Гарантия

дней после подписания акта

интернет-магазины, преимущественно OpenCart
Специализация
от 10 до 30 рабочих дней
Срок
бесплатный разбор карточки
Начало
в течение 2 часов
Ответ
по письменному договору
Работа
Что входит

Полный перечень работ и того, что вы получаете на выходе

  • порядок блоков, выстроенный по последовательности решений, а не по привычке платформы
  • видимая стоимость вместе с доставкой, а не одна лишь цена товара
  • характеристики, по которым действительно выбирают, выше маркетингового описания
  • честный показ наличия и срока вместо «есть в наличии» на весь каталог
  • работа с вариантами: видно, что есть, что под заказ, а чего уже нет
  • галерея, в которой видно то, что человек хочет рассмотреть, а не набор одинаковых ракурсов
  • карточка на телефоне как отдельное решение, а не сжатая до узкого экрана десктопная
  • разные раскладки для товаров с разной логикой выбора, если каталог неоднороден
Когда эта услуга не подходит

Что не входит в работу — чтобы не было сюрпризов на сдаче

  • написание описаний товаров и предметная съёмка
  • заполнение характеристик в каталоге, если их нет
  • переработка каталога и фильтров — смежная задача с отдельной оценкой
  • обещания роста добавлений в корзину
  • оценка вида в категориях «нравится — не нравится»
Кому подходит

Ситуации, в которых эта услуга даёт результат

Сценарий 1 из 4

Магазин технического товара

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

Разберём вашу ситуацию на бесплатном аудите
Бесплатный разбор карточки

Смотрим вашу страницу товара и говорим, что на ней мешает принять решение. Часть причин лежит не в дизайне.

Что мы измеряем

  • Заполнены ли характеристикиСамая частая помеха. Лучшая раскладка не спасёт карточку, в которой три поля из двадцати. Смотрим это первым, потому что это работа на вашей стороне.
  • Видна ли полная стоимостьЦена без доставки — половина ответа. Человек всё равно узнает вторую половину, вопрос лишь в том, у вас или у конкурента.
  • Что написано о наличии«Есть в наличии» на всём каталоге означает, что этой пометке не верят нигде. Это не дизайн, а достоверность данных.
  • Сколько надо прокрутитьМеряем, где на телефоне оказывается кнопка добавления и главная характеристика. Часто ниже, чем владелец представляет.
  • Однороден ли каталогЕсли в одном магазине краска, инструмент и крепёж, одна карточка на всех работает плохо для каждого из них.
  • Как это сделано в нишеСравниваем с другими магазинами вашей ниши: иногда ваша карточка хуже, а иногда там всё так же плохо, и это уже преимущество.

Что вы получаете

  • перечень того, что на вашей карточке мешает решению
  • ответ, что из этого дизайн, а что данные каталога
  • оценка объёма работ с разбивкой по этапам
  • честный ответ, если начинать надо с характеристик, а не с вида

Срок: 2–4 рабочих дня

Почему это бесплатно

Половина проблем карточки — это пустые характеристики и недостоверное наличие. Переделывать вид поверх такого означает взять деньги за то, что не сработает.

Что дальше

Вы получаете перечень и оценку. Дальше решаете сами — документ остаётся у вас.

Короткая форма: контакт и адрес сайта

  • Договор, акт и гарантия 30 дней

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

  • ФОП и безналичный расчёт

    Исполнитель — зарегистрированный ФОП. Оплата на счёт с закрывающими документами.

  • Права и доступы — ваши

    Код, дизайн и материалы переходят к вам после полной оплаты. Домен, хостинг, репозиторий оформляем на вас.

  • Портал клиента вместо переписки

    Во время работы вы получаете доступ к порталу: договоры, счета, акты и статус проекта в одном месте.

  • Заказчики из Европы

    Среди работ — проекты для Норвегии, Болгарии, Молдовы и Испании.

  • Цифры, которые можно проверить

    Каждый кейс в портфолио — со ссылкой на живой сайт и техническим замером.

  • Сначала аудит, потом сумма

    Прайса на сайте нет намеренно: объём одной и той же работы у двух клиентов отличается кратно.

  • Говорим «нет», когда не уверены

    Если задача не наша или срок нереальный — скажем сразу.

Что влияет на стоимость

Почему две одинаковые на вид задачи считаются по-разному

  • Количество типов товараОдна логика выбора — одна карточка. Каталог, где технику выбирают по мощности, а краску по цвету, требует нескольких раскладок.
  • Варианты и модификацииЦвета, размеры, комплектации. Показать наличие по каждому сочетанию — отдельная логика, а не просто переключатель на странице.
  • Состояние характеристикЕсли данные есть и они упорядочены, карточку делаем на них. Если нет, сначала надо решить, что показывать, — и это самая частая задержка.
  • Расчёт доставкиПоказать полную стоимость просто, когда доставка фиксированная. По весу и габаритам это уже обращение к перевозчику прямо с карточки.
  • Техническая основаСтандартный шаблон платформы менять проще, чем тему, которую допиливали годами слой поверх слоя.
  • Глубина переработкиПереставить блоки и править вёрстку — одно. Переделать карточку вместе с вариантами, галереей и наличием — другая по объёму задача.
Кейсы

Задачи и результат в цифрах — все показатели сняты нашим замером

выборка из 41 украинского интернет-магазина

Задача
Проверить, насколько полны карточки товара у магазинов: есть ли фильтры по характеристикам, сравнение и показанные оценки — всё это растёт из качества самих данных о товаре.
Решение
Внешний замер главной и одной товарной страницы из карты сайта: следы функций в HTML, разметка товара, цены и характеристик. Наличие следа, не качество реализации.
Результат
Замер 2026-08-08, 39 магазинов: фильтр по характеристикам: 9 сайтов из 30; сравнение товаров: 9 сайтов из 30; разметка рейтинга: 3 сайта из 30.

мебельный интернет-магазин для испанского рынка

Задача
Запустить мебельный магазин под рынок Испании: полностью испаноязычный интерфейс, каталог с фильтрами по типу мебели, материалу и цвету, большие галереи изображений для каждой позиции.
Решение
Магазин на OpenCart 3 (тема oct_deals, LiteSpeed, PHP 7.3.33). Испаноязычная версия с валидным hreflang=es. Каталог с фильтрами и галереями высокого качества. Оплата картой онлайн (Visa/Mastercard) и банковским переводом. Подключены GTM (GTM-MFJCPXW7), Instagram, TikTok.
Результат
76 товаров в каталоге — цифра совпала в двух независимых источниках: /sitemap-products.xml содержит ровно 76 <loc>, а поиск OpenCart без пагинации даёт те же 76 позиций; вместе sitemap — 88 URL (76 товаров + 1 категория + 10 инфостраниц + главная). TTFB 0,35 с и полная загрузка HTML 0,52 с при 374 КБ разметки. Измерено 31.07.2026.

Не нашли свой случай?

Опишите, как это устроено у вас, — ответим, подходит ли «Дизайн карточки товара» и что это значит в вашей ситуации. Без брифа и без звонка: один вопрос, один ответ.

Этапы работы

Прозрачные этапы с согласованием на каждом шагу

Общий срок:10–30 дней

  1. Разбор решения

    2–4 рабочих дня

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

  2. Состояние данных

    1–3 рабочих дня

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

  3. Раскладка

    3–8 рабочих дней

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

  4. Варианты и наличие

    2–6 рабочих дней

    Делаем показ модификаций так, чтобы было видно, что есть, что под заказ, а чего уже нет. Это самый частый источник путаницы на карточке.

  5. Вёрстка и проверка

    3–8 рабочих дней

    Переносим в шаблон, проверяем на реальных товарах: с длинным названием, без фото, с одним вариантом, с двадцатью характеристиками.

  6. Запуск и наблюдение

    1–3 рабочих дня

    Выкатываем, ставим события аналитики на добавление в корзину и прокрутку. Дальше действует гарантия 30 дней со дня подписания акта.

Технологии и интеграции

На чём строим и с чем это соединяется

Стек

  • Figma
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Twig
  • PHP
  • OpenCart
  • WooCommerce

Интеграции

  • Google Analytics 4
  • Google Tag Manager
  • Schema.org Product
  • Hotjar
  • Clarity
Карточка под вашу логику выбора или стандартная из темы

Чем этот вариант отличается от альтернативы

Порядок блоковпо последовательности решений покупателя
Полная стоимостьвидна вместе с доставкой
Разные типы товарасвоя раскладка там, где логика выбора другая
Стоимостьотдельная работа
Когда стандартной достаточноизбыточно для однородного простого товара
Что нужно от вас

Без этого не начнём — лучше подготовить заранее

  1. какие вопросы чаще всего задают менеджеру о товаре до покупки
  2. по какой характеристике в вашей нише действительно выбирают
  3. заполнены ли характеристики в каталоге и насколько полно
  4. достоверна ли пометка наличия
  5. какие типы товара требуют разного показа
  6. кто с вашей стороны принимает работу

Если чего-то из этого нет — скажите, подскажем, как собрать или сделаем сами отдельной задачей.

Частые вопросы

Что спрашивают чаще всего — с конкретными ответами

С чего начинается работа над карточкой?

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

У нас не заполнены характеристики. Это мешает?

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

Почему вы настаиваете на стоимости с доставкой?

Потому что это тот же вопрос, который человек всё равно задаст, — разница лишь в том, где он получит ответ. Цена без доставки выглядит привлекательнее ровно до корзины. Дальше либо заказ, либо ощущение, что цифру скрыли, и оно переносится на весь магазин.

Мобильную карточку делаете отдельно?

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

Нужны ли разные карточки для разных товаров?

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

Это увеличит добавления в корзину?

Цифр не называем. Что можно сказать честно: если люди доходят до карточки и не добавляют товар, причина обычно перечислима, а не мистическая. Мы ставим события аналитики на добавление и прокрутку до правок, чтобы разницу вы увидели по своим данным, а не с наших слов.

Сколько это длится?

От 10 до 30 рабочих дней. Раскладка и вёрстка предсказуемы; время забирают варианты с наличием и проверка на крайних товарах — с пустым фото, длиннющим названием или двадцатью характеристиками. Именно на них обычно и ломается красивая карточка.

Вы пишете описания и делаете фото?

Нет. Это отдельные работы с другими исполнителями, и мы не беремся за них, чтобы не сделать плохо. Что мы делаем — говорим, какое описание и какие фотографии нужны карточке, в каком количестве и в каком порядке, чтобы вы поставили задачу тому, кто это снимет и напишет.

Посмотрим, что на вашей карточке мешает решению

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

Из измеренных кейсов76 товаров в каталоге

Смотреть кейсы
  • Ответ в течение 2 часов
  • Без обязательств
  • Работаем по договору

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