Дизайн карточки товара для интернет-магазина

Проектирую карточки товаров под выбор и покупку. Согласуем визуальную иерархию, варианты и действия на компьютере и телефоне.
Примеры сайтов и веб-дизайна Станислава Хацкевича

Работы из портфолио

Примеры сайтов из портфолио Станислава Хацкевича.

Порядок информации

Название, цена или запрос расчёта, наличие и ключевые параметры отвечают на первый вопрос покупателя.

Галерея

Подбираем общий вид, детали и кадр масштаба. Фото варианта должны соответствовать выбранному цвету или комплектации.

Варианты

Определяем, что меняется при выборе размера или модели. Недоступность показываем до добавления в корзину.

Характеристики

Выносим важные для сравнения параметры, документы и условия эксплуатации рядом с товаром.

Доставка и возврат

Размещаем согласованные условия там, где они влияют на решение. Для сложных товаров показываем порядок расчёта.

Мобильное действие

Проверяем доступность выбора и кнопки при длинном описании. Уточняем сценарий для товара без наличия.

Станислав Хацкевич — дизайн и разработка

Я Станислав Хацкевич, веб-дизайнер и разработчик. Создаю сайты для брендов и бизнеса, работаю по всей России. Официально как самозанятый: договор-счёт и чек через «Мой налог». Стоимость определяем после обсуждения задачи.
VMP — технический каталог
Panaride — ассортимент
Топ-10
UI-дизайнеров рейтинга Dprofile — вхожу в топ-10 по данным моего профиля.
13
Наград на Dprofile. Проекты и достижения можно посмотреть в моём профиле.
12
Лет опыта в дизайне. Работаю лично с задачей, визуальной концепцией и реализацией сайта.
20
Попаданий в галерею лучших проектов Made on Tilda — по моим профессиональным итогам.

Практический порядок

Разобрать модели

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

Собрать структуру

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

Проверить состояния

Проходим доступный товар, отсутствующий размер и вариант с индивидуальной ценой.

Передать шаблон

Передаём макет и правила наполнения, чтобы новые карточки сохраняли структуру.

Пример и материалы

Порядок информации

Пример

Для кресла рядом с фото размещаем размеры, цену выбранной отделки, варианты ткани и условия доставки.

Разработка сайтов на Tilda

Доработка действующего сайта

Обсудим вашу задачу

Опишите задачу и пришлите ссылку на проект в Telegram @Stanislavkha.
Panaride — продукт
© Станислав Хацкевич. Дизайн и разработка сайтов.
Работаю как самозанятый: договор-счёт и чек через «Мой налог».
Главная · Статьи о веб-дизайне · Telegram · Dprofile · Behance · Dribbble
Made on
Tilda