Как я сделал карточку, которая привлекает внимание с первого взгляда 💡
Недавно я работал над карточкой ночника в виде космонавта, и хочу показать, как из обычного фото можно сделать цепляющий визуал, который работает на продажу.
🪐 1. Исходные данные
Клиент пришёл с довольно типичной проблемой:
«Есть товар — оригинальный ночник, но карточка не выделяется. Много деталей, и всё сливается. Нужно, чтобы люди сразу понимали, в чём фишка».
Товар сам по себе визуально интересный, но фото выглядело как просто “фигура на белом фоне”. Ни эмоции, ни атмосферы — ничего, что могло бы привлечь внимание в выдаче.
старый дизайн и исходник который мне отправил клиент
⚙ 2. Цель и идея
Я задал себе вопрос: "Что человек должен почувствовать, когда видит эту карточку?"
Ответ: ощущение уюта и космоса в одном кадре. Именно это стало основой визуального решения. Я решил построить композицию вокруг трёх акцентов:
- Сам космонавт — главный герой кадра.
- Мягкое тёплое свечение — чтобы передать уют.
- Минимум лишних элементов — чтобы взгляд не рассеивался.
🎨 3. Работа с композицией и светом
- Избавился от лишнего фона, заменив его на лёгкий градиент с эффектом мягкого свечения.
- Добавил направленный свет от лампы — чтобы зритель почувствовал, что ночник “горит” даже на изображении.
- Подчеркнул форму шлема и отражение — чтобы сделать акцент на деталях.
- Убрал лишние надписи и визуальный шум, чтобы фокусировать внимание только на товаре.
📊 4. Результат
После обновления карточки тест показал:
- CTR в выдаче увеличился почти в 1,7 раза,
- А пользователи стали дольше рассматривать карточку на странице товара.
Даже без изменения текста или цены товар стал ощущаться “премиальнее”.
💬 5. Мои выводы
- Карточка — это не украшение, а инструмент продаж.
- Даже без текста можно передать настроение и ценность товара.
- Иногда достаточно изменить свет и композицию, чтобы товар заиграл по-новому.
✍ Немного обо мне
Я — Рамзан Сафин, дизайнер карточек товаров для маркетплейсов (Wildberries, Ozon и др.). Помогаю продавцам превращать их карточки в работающий инструмент продаж, а не просто “красивую картинку”.
Если вам интересен визуальный разбор таких проектов — делюсь ими в своём Telegram-канале «Дизайн без рамок | Инфографика»