Наш клиент – компания "Фирст" – обратился с запросом на обновление карточки товара — дизайн устарел как в мобильной, так и в десктопной версиях. Карточка требовала не только визуального обновления, но и функционального переосмысления.
Аналитика и сбор требований
На старте проекта провели анализ поведения пользователей на сайте на основе данных Яндекс.Метрики. Были выделены ключевые особенности:- Более 40% трафика приходилось на мобильные устройства, несмотря на неудобную верстку и устаревший интерфейс.
- Аудитория — в основном, пользователи в возрасте 30–50 лет.
- Конверсия на мобильных устройствах была заметно ниже по сравнению с десктопом.
- Сформировали обновленный портрет пользователя.
Что сделали:
- Полностью переработали карточку товара с упором на мобильную адаптацию: она стала удобной, современной и визуально привлекательной.
- Добавили блоки с аналогичными товарами и вариантами исполнения (другой материал или пошив), что дало пользователю больше свободы выбора и повысило вовлеченность.
- Модифицировали таблицу размеров. Вместо простого текстового формата реализовали визуальную навигацию по размерным рядам, что значительно упростило подбор нужного варианта.
- Реализовали расчет стоимости доставки прямо в карточке — до перехода в корзину после добавления товара.
- Улучшили навигацию внутри карточки: появились якорные ссылки на разделы «Описание», «Характеристики», «Доставка», что сделало взаимодействие с контентом быстрее и удобнее.
Дополнительные доработки:
Обновленная карточка визуально выбивалась из общего стиля сайта. В процессе работ было принято решение о редизайне хедера и футера. Новый блок навигации и структурированное меню позволяют быстро перейти к нужной категории товаров, что особенно важно для пользователей, приходящих за конкретным типом продукции.


