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