Новинка на маркетплейсе. Детали. Каталог — советы в блоге

Мы разработали и опубликовали новое решение «whatAsoft: Интернет-магазин «Малый Бизнес». Решение входит в состав классической линейки наших программных продуктов и представляет собой функционально расширенную версию «whatasoft: Интернет-магазина «Старт». Дизайн решения выполнен в едином стиле, характерном для всех решений базовой линейки.

В предыдущих статьях мы начали рассказывать об основных преимуществах нового решения и об изменениях в конструкторе главной страницы, а сейчас расскажем об изменениях в каталоге. Итак, к обзору.

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

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

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

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

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

Формат короткого списка помогает просматривать большое количество товаров без лишних переключений. Размер изображения небольшой, поэтому внимание сосредоточено на названии, стоимости и основных характеристиках. Полезная информация видна сразу, что облегчает переход к более детальному изучению. Торговые предложения отображаются сразу, что дает возможность быстро перейти к выбору подходящего варианта. Подходит для профессиональных или оптовых покупателей.

Обновления коснулись и детальной карточки товара. Список фото стал горизонтальным, что делает просмотр изображений удобнее. Внедрили общий интерактивный блок с кнопками добавления в избранное, списком сравнения и ссылкой для отправки ссылки на страницу товара другим пользователям. Функционал сравнения был адаптирован для работы с торговыми предложениями, поэтому покупатель может сопоставлять товары с разными параметрами без ограничений.

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