Анастасия Войтова. Веб-дизайнер. Портфолио / Связаться в Telegram
UX-аудит и разработка концепции для сети гипермаркетов
Совместно с IT-Agency
Моя роль в проекте: анализ страниц сайта, аудит страниц сайта, разработка концепции, верстка макетов страниц.
Цель: увеличить количество продаж, улучшение UX.
Задачи: провести аудит главной страницы, каталога, карточек товара и проанализировать путь пользователя в момент оформления заказа и совершения покупки. Предложить новую концепцию дизайна страниц.
Моя роль в проекте: анализ страниц сайта, аудит страниц сайта, разработка концепции, верстка макетов страниц.
Цель: увеличить количество продаж, улучшение UX.
Задачи: провести аудит главной страницы, каталога, карточек товара и проанализировать путь пользователя в момент оформления заказа и совершения покупки. Предложить новую концепцию дизайна страниц.
Анализ главной страницы (до редизайна)
- Сайт работает медленно: общий балл производительности по данным PageSpeed Insights — 49 из 100.
- Изображения не адаптированы под Retina — плохо видно детали, это портит общее впечатление.
- Отсутствует единая стилистика оформления баннеров и страниц товаров, это создаёт визуальный шум, затрудняет восприятие.
Концепция главной страницы (редизайн)
- Понятный выбор города.
- Заметная кнопка каталога.
- Поиск расположен близко к кнопке каталога. Видно в каком формате можно искать товары.
- Быстрые фильтры с основными категориями товара.
- Кнопка «Заказы» для быстрого просмотра статуса заказа.
- Компактные информативные баннеры с кнопками для перехода в раздел с товарами и промокодами.
- Интерактивный блок с популярными товарами.
Анализ каталога и страницы товара
- На карточках товара не видно кнопки «В корзину» — главное целевое действие скрыто от пользователя. Если пользователь не видит кнопок или не может понять, как они работают, он тратит больше времени на совершение действий, процесс покупки становится долгим.
- Большие иконки на фотографиях товара перекрывают часть изображения. Создают много визуального шума и отвлекают от целевого действия — добавления товара в корзину.
- Большие баннеры на страницах категорий товаров занимают много места и не дают пользователям быстро увидеть главную информацию.
- Стрелки переключения в блоках с горизонтальным скроллом находятся выше контентной области, приходится тянуться взглядом и рукой вверх, чтобы найти их, при такой механике работы переключение становится долгим и неудобным, часть контента может остаться скрытой от пользователя.
Концепция. Каталог товаров (редизайн)
- На первом экране сразу показаны карточки товаров выбранного в каталоге раздела.
- Табы с основными фильтрами помогают быстрее ориентироваться в каталоге — сокращается время поиска.
- Кнопка «В корзину» — сразу понятно куда нажимать. В кнопке можно управлять количеством товаров в корзине.
Концепция. Страница товара (редизайн)
- Видны важные характеристики.
- Живые отзывы сразу под товаром.
- Отзывы с фотографиями покупателей вызывают доверие. Расположены в 3 колонки — можно сразу просмотреть несколько отзывов.
- Фотографии и видео товаров от покупателей дают возможность увидеть как выглядит товар в реальной жизни.
Анализ интерфейса корзины
- Долгий процесс оформления заказа. Из корзины нужно переходить на новую страницу, поля для ввода скрыты и не видны сразу все способы оплаты. Когда заказ оформляется легко и быстро, клиенты с большей вероятностью вернутся на сайт в будущем. Это способствует формированию лояльной клиентской базы и увеличению повторных продаж.
- Ошибка при добавлении товаров в «Избранное» и «Сравнить»: отображаются товары, которые не отмечали.
Концепция. Корзина, оплата (редизайн)
- Можно выбрать некоторые товары.
- Возможность оформить заказ в корзине.
- Шаги, которые нужно совершить для покупки выглядят просто и понятно, нет скрытых полей, процесс прозрачный.
- Показан размер скидки.
