Интернет-магазин
для выбора
отделки.
Как аудит сайта привёл к новой подаче стеновых панелей, съёмке материалов и переработке каталога на WordPress.
Наполнили в интернет-магазине
Общая работа · планировали один
Переработали существующий сайт
Сайт уже был.
Ассортимент раскрывался не полностью.
У DECODV работал сайт на WordPress с интернет-магазином. Переговоры начали с простого вопроса: что в нём можно улучшить?
Для ответа провели аудит. Нашли базовые SEO-ошибки, мешавшие индексации существующих страниц. Но проблема не ограничивалась технической частью: сами товары были представлены недостаточно убедительно.
У компании большой выбор стеновых панелей, включая SPC и бамбуковые материалы, с разными текстурами и фактурами. Этот ассортимент был сильной стороной бизнеса. Сайт же не помогал в полной мере увидеть различия между материалами и понять, для каких задач они подходят.
Ошибки затрудняли индексацию страниц.
Подача не раскрывала фактуры и разнообразие панелей.
Не хватало сценариев применения и информации для дизайнеров.
Помочь человеку увидеть материал, представить его в своём интерьере и найти подходящий вариант в каталоге.
Покупатель выбирает материал
для конкретного пространства.
Каталог мог показывать ассортимент, но посетителю ещё предстояло понять, как использовать эти материалы. На старом сайте это было неочевидно. Не хватало и отдельных блоков для работы с дизайнерами.
Начали с wireframe — прототипа, в котором согласовали структуру до детального дизайна. Так можно было обсудить содержание и путь посетителя: от знакомства с материалами до выбора и обращения.
В новой подаче связали панели со сценариями применения. Материал стал появляться в контексте интерьера, а работа с дизайнерами получила отдельное место на сайте. После согласования прототипа перешли к дизайну.
Для маркетинга это важная часть подачи: посетителю нужны не только название коллекции и артикул, но и ответ на вопрос «подойдёт ли это для моей задачи?».
Для нового каталога
не хватало самих фотографий.
Параллельно с дизайном обнаружили ещё одну задачу: качественного фотоконтента для наполнения магазина не было.
Для отделочных материалов фотография влияет на выбор. По ней человек оценивает цвет, поверхность и характер фактуры. Поэтому решили подготовить контент своими силами и отфотографировали каждую панель.
При съёмке стремились максимально приблизить цвет на фотографии к цвету реального материала. Важно было показать именно ту панель, которую покупатель получит, и сохранить её особенности.
Затем провели многоступенчатую обработку с ИИ. Работали со светом и качеством изображения, приближая подачу к уровню рендеров. Основой оставались фотографии реальных товаров.
Примеры фотографий из действующего каталога клиента.
Разницу между материалами нужно было сделать видимой. Одной новой вёрсткой эту задачу не решить.
Новый дизайн пришлось встроить
в существующий WordPress.
На этапе вёрстки начались сложности. Старый шаблон пришлось переписывать, внедряя новую логику дизайна и поведения элементов.
Изменения затрагивали существующий сайт и порождали ошибки. Исправляли их по мере появления и приводили элементы на разных устройствах к корректному поведению. Работа шла дальше переноса макета: нужно было согласовать новый интерфейс с уже работающим магазином.
В общую работу вошли подготовка фотографий, переработка шаблона, наполнение магазина, ручные исправления после импорта и итоговая проверка.
Изначально ориентировались на месяц. В итоге весь проект занял два.
Наполнили 120 товаров.
Собрали фильтры и категории.
Следующим этапом обновили информацию о компании и наполнили интернет-магазин. Всего внесли 120 товаров. Чтобы посетителю было удобнее ориентироваться в ассортименте, написали блок фильтров и категорий.
Для каждого товара в модуле магазина прописали теги, параметры и характеристики. Именно эти данные связывают карточку с навигацией: материал можно найти по нужным свойствам, а затем изучить подробнее.
Товары загрузили импортом из таблицы. С первого раза всё не встало как нужно: после загрузки вручную исправляли несоответствия. Подготовка таблицы, импорт и проверка карточек стали отдельной частью работы.
Большой выбор сам по себе ещё не облегчает покупку. Важно дать человеку способ сузить его до материалов, которые соответствуют его запросу.
Проверили путь посетителя
после всех изменений.
В ходе проекта исправили базовые SEO-ошибки, выявленные аудитом. После вёрстки, наполнения и исправлений провели итоговый QA сайта. Проверили формы заявок, кнопки и навигацию, чтобы обновлённые страницы сохраняли рабочий путь до обращения.
Формы заявок
Проверили, что формы отрабатывают.
Кнопки и переходы
Проверили действия и навигацию по сайту.
Разные устройства
В ходе доработок исправляли поведение элементов на разных экранах.
Отдельно поработали с хедером. В нём было много нерабочих разделов: верхнюю навигацию тоже требовалось привести в соответствие с обновлённым сайтом.
Для посетителя магазин начинается уже в меню. Если переход не работает, содержание нужного раздела может так и остаться непрочитанным.
Презентация материалов
и каталог работают вместе.
Из запроса на аудит вырос проект с новым дизайном, фотоконтентом и переработанным интернет-магазином.
Обновили подачу DECODV на существующем WordPress: показали материалы в контексте применения, уделили внимание работе с дизайнерами, подготовили фотографии и наполнили 120 товаров. Категории, фильтры и характеристики помогают двигаться от знакомства с ассортиментом к выбору конкретной панели.
Два месяца работы с существующим сайтом, товарным контентом и навигацией.
Ваши товары сильнее,
чем их подача на сайте?
Можно ли понять различия между ними по фотографиям и характеристикам? Легко ли найти нужный вариант? Понятно ли, как его использовать? Аудит помогает увидеть, где каталог затрудняет выбор и какие изменения нужны в первую очередь.
Обсудить аудит сайтаЧто мешает
выбрать вас?
Разберём, как сайт представляет товары или услуги, помогает сделать выбор и ведёт к обращению. Из аудита сформируем понятный план доработок.
