Скриншоты
Как выглядит дизайн
Макеты проекта: карточка товара и её ключевые блоки.
Разработали дизайн интернет-магазина сумок на основе готового прототипа: современный, свободный, строгий стиль без перегруза элементами. Каждый экран карточки товара продуман до мелочей — от плашки «Новинка» до списка магазинов с наличием.
Для интернет-магазина сумок Redmond ранее был разработан детальный прототип. Следующий шаг — дизайн: перевести схематические макеты в полноценный визуальный язык бренда, сохранив всю конверсионную логику страниц.
Требования к стилю: современный, свободный, строгий — и не перегруженный элементами. При этом каждая страница должна работать на продажу: акценты на цене и кнопке покупки, вся необходимая информация о товаре и доставке под рукой.
Объём работ — 32 типовые страницы и 8 форм: от главной и категорий до карточки товара, корзины и служебных страниц.
Ключевой макет проекта — карточка товара: разберём её устройство.
Первый экран карточки собрал всё для решения о покупке: хлебные крошки, H1 над фотографией, слайдер видов товара с миниатюрами, добавление в избранное, плашку «Новинка», рейтинг по отзывам, артикул и наличие. Ценовой блок построен на контрасте: старая цена перечёркнута серым, рядом процент скидки, основная цена крупным шрифтом и сумма экономии. Красная кнопка «В корзину» держит главный акцент, «Купить в 1 клик» — на сером фоне рядом.
Добавили и нишевые функции: выбор размера колеса для чемоданов из выпадающего списка, выбор цвета, основные характеристики со всплывающими пояснениями, информацию о доставке и возможность забрать товар в магазине сегодня — со списком магазинов, где он есть.
Ниже — табы «Описание», «Магазины», «Доставка и оплата», «Отзывы», «Гарантия» с подчёркиванием активного, характеристики в два столбца, слайдер разделов, к которым относится товар, и блок «С этим товаром покупают» с плашками «Хит» и добавлением в избранное.
Макеты проекта: карточка товара и её ключевые блоки.
Магазин получил полный комплект дизайна: 32 типовые страницы и 8 форм, готовые к вёрстке. Карточка товара закрывает все сценарии покупателя — от быстрой покупки в один клик до сравнения характеристик и выбора магазина для самовывоза.
Поскольку дизайн строился на прототипе, конверсионные и SEO-требования заложены в макеты изначально — переделок на этапе разработки не потребуется.
Вывод: продающий дизайн — это не «красивые картинки», а системная работа поверх прототипа, где каждый элемент карточки и каталога имеет свою задачу.
Оставьте адрес сайта — аудит-движок проверит его по 200 пунктам, покажем точки роста и пришлём план работ с часами, как в этом кейсе.
Получить бесплатный аудитЗаполните форму — ответим в течение рабочего часа.
Нажимая кнопку, вы соглашаетесь с политикой обработки ПДн и даёте согласие