Назад

Редизайн и разработка интернет-магазина Chobitok

image-description

Задача

Старый сайт интернет-магазина «Чобиток» имел ряд минусов, ухудшающих пользовательский опыт и снижающий конверсию. Поэтому представители компании обратились в наше digital-агентство со следующими задачами:

  • разработать новый удобный и быстрый сайт;
  • перенести на него все товары со старого сайта с сохранением ссылок;
  • проработать каталог и фильтрацию;
  • выполнить техническую поисковую оптимизацию;
  • упростить и улучшить страницу оформления заказа.

Все эти пункты критично важны для интернет-магазинов и прямым образом влияют на продажи.

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

Крайне негативным моментом являлось то, что карточка оформления заказа имела множество лишних полей. Это неоправданно замедляло процесс и часть пользователей закрывало страницу на данном этапе, не доходя до процесса покупки.

Решение

Для решения задачи мы комплексно выполнили ряд следующих работ:

  1. Разработали интересный и удобный дизайн.
  2. Проработали каталог.
  3. Сделали поиск товара более удобным за счет добавления фильтров.
  4. Детализировали карточку товара;
  5. Добавили больше полезной информации о товаре.
  6. Улучшили страницу оформления заказа, чтобы процесс занимал минимальное количество времени и не раздражал пользователя.
  7. Добавили блог для оптимизированных под ключевые запросы текстов, чтобы увеличить органический трафик.
  8. Уделили внимание мобильной версии, так как значительная честь покупок совершается сегодня со смартфонов.

Благодаря всем этим шагам удалось увеличить среднее время провождение на сайте, улучшить поведенческие факторы – тем самым увеличить конверсию.

chobitok.ua

image-description

Навигация

Основная специализация интернет-магазина – продажа обуви. Поэтому разделы с товарами данной категории
были вынесены в основную навигацию. Продуманная структура позволяет покупателю с легкостью перемещаться
по разделам и быстро переходить на страницу с обувью интересующего сезона или типа.

 

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

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

image-description
image-description

Каталог

Детализировали фильтры для поиска по:

  • цене;
  • производителю;
  • размеру;
  • сезону;
  • материалу;
  • цвету;
  • стране производства.

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

 

При нажатии кнопки «Купить» пользователя не перекидывает на другую страницу с корзиной. На текущей странице сразу же открывается окно для заказа с минимумом полей.
image-description
image-description
image-description

Поиск

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

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

 

Для комфорта пользователей мы добавили в поиск по сайту следующие возможности:

  • после ввода части слова (например «бот» для поиска ботинок) человеку предлагаются подходящие категории под данный запрос – мужская зимняя обувь, трекинговые ботинки, женские ботинки;
  • есть возможности поиска по конкретным товарам.
image-description

Карточка товара

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

Добавили все ключевые характеристики, чтобы сфокусировать внимание пользователя. Включили два варианта оформления заказа:

  1. Быстрый заказ через краткую форму.
  2. С помощью расширенной корзины

 

После нажатия кнопки «В корзину» пользователю на той же странице открывается окно с предварительными данными по заказу и список сопутствующих товаров (средства для ухода за обувью и др.).

Рекомендуемые товары предлагаются по определенному алгоритму: к нужному товару – только подходящие категории. Тем самым увеличили средний чек покупки.

image-description
image-description
image-description

Корзина

Вариант, когда после добавления товара в корзину сразу же перебрасывает на другую страницу – неудобен и лишает человека желания купить еще что-то. Поэтому вместо страницы корзины открывается боковое окно – так пользователю каждый раз не нужно будет идти на другую страницу, чтобы посмотреть добавленные в корзину товары.
image-description
image-description

Оформление заказа

Максимально облегчили пользователю процесс оформления заказа, чтобы он не покинул сайт на этапе покупки из-за избытка полей для заполнения. Сократили количество полей до необходимого минимума.

 

Оптимизировали структуру. Разбили чекаут на три основных раздела: контактные данные, способ доставки и способ оплаты.

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

image-description
image-description
image-description

SEO оптимизация

Выполнили ряд работ по внутренней оптимизации под поисковые системы. Сделали презентабельный сниппет с продающим title и description.

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

 

Добавили микроразметку, чтобы сделать контент со страниц более понятным для поисковых роботов. Сделали список из популярных вопросов и ответов, чтобы привлечь внимание пользователей и выделить интернет-магазин на фоне конкурентов.

Заказать похожий проект

Давайте обсудим ваш проект

image-description
image-description
image-description
image-description