Хочу что-то подобное
Портфолио · UX/UI и SEO

Вайншоппер — магазин алкоголя в Москве

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

Магазин, у которого спрос меняется с календарём

Вайншоппер — сеть магазинов и интернет-магазин алкоголя в Москве: вино, шампанское, виски, коньяк и ещё десяток разделов, тысячи позиций в каталоге.

Это не разработка и не редизайн сайта целиком. Задача была точечной: спрос на алкоголь сильно зависит от сезона и праздников, и сайт должен быстро приводить покупателя к нужному разделу — и из меню, и из поиска, и из поисковых систем. Поэтому мы прошли по всем местам, где покупатель выбирает напиток, и переделали каждое с точки зрения удобства и SEO.

С чего начали

Работу начали с базового аудита сайта. Нашли то, что мешало и покупателям, и поисковым системам: дубли страниц, дубли кода, повторяющиеся и пустые мета-заголовки и описания.

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

Меню и шапка

Структуру и вид меню переделали полностью. Раньше покупатель пробирался к нужной подборке через несколько уровней — теперь всё главное видно в первый же момент.

Кнопки разделов в шапке

Кнопки разделов в шапке

Под строкой поиска — кнопки всех разделов напитков, акций, скидок от количества, подарков и корзин. До любого раздела — один клик с любой страницы.

Меню каталога

Меню каталога

Слева — виды напитков, справа — популярные подборки плитками и быстрые ссылки: по цене, цвету, сахару, сорту винограда, типу и стране. Каждая ссылка ведёт на отдельную страницу подборки, которую находит поиск.

Поиск, который понимает покупателя

Поиск — одна из главных частей работы: покупатели алкоголя часто знают марку, но не знают, как она пишется. Мы продумали, как поиск работает и как выглядит выдача.

Подсказки и категории

Подсказки и категории

Поиск понимает русское написание марок: «макаллан» находит Macallan. Подсказки показывают готовые запросы с выделенным совпадением, а ниже — разделы, в которых можно продолжить поиск.

Товары прямо в поиске

Товары прямо в поиске

Сразу в выпадающем окне — товары с ценой, скидкой, наличием и кнопкой «В корзину». Чтобы купить, не обязательно открывать страницу товара.

Страницы напитков

Для разделов напитков сделали шапку раздела и стратегию перелинковки: страница не только показывает товары, но и ведёт к подборкам, которые ищут.

Шапка раздела

Шапка раздела

Описание напитка, плитки видов с бутылками, быстрые ссылки по стране и выдержке, ниже — ленты брендов. Каждая плитка и ссылка — отдельная страница подборки, которая собирает свои поисковые запросы и передаёт вес по сайту.

Каталог и фильтры

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

Фильтры с количеством и поиском

Фильтры с количеством и поиском

Рядом с каждым значением — сколько товаров найдётся. Длинные списки — регионы, бренды, крепость — свёрнуты до пяти популярных значений, а «Больше вариантов» открывает окно с поиском по всем значениям.

Блог

Блог переделали полностью, во всех аспектах: структуру, рубрики, вид списка и страницы статьи. Статьи приводят покупателей из поиска в сезон — к праздникам, застольям и подаркам.

Список статей и рубрики

Список статей и рубрики

Рубрики по напиткам, рецептам коктейлей и мероприятиям, карточки с обложкой, рубрикой, датой и числом просмотров.

Страница статьи

Страница статьи

Обложка с заголовком, временем чтения и просмотрами, содержание статьи, а слева — «Новое в блоге». Из текста статьи ведут ссылки в каталог.

Что сделали

За три месяца мы прошли по всем местам, где покупатель ищет и выбирает напиток.

Аудит и шаблоны. Нашли дубли страниц и кода, повторы в метатегах; сформировали шаблоны заголовков и описаний.

Меню и шапка. Новая структура и вид меню каталога, кнопки разделов в шапке.

Поиск. Подсказки, поиск по категориям, товары с ценой и корзиной прямо в выдаче.

Шапки разделов. Описание, виды, страны и выдержка, бренды — для страниц напитков.

Перелинковка. Подборки и ссылки между разделами под поисковые запросы и сезонный спрос.

Каталог и фильтры. Счётчики товаров, свёрнутые списки, окно с поиском по значениям фильтра.

Блог. Новые рубрики, список статей и страница статьи с содержанием.

Результат

Покупатель попадает к нужному напитку быстрее — из меню, шапки, поиска или статьи блога. Подборки по цене, стране, сорту и выдержке стали отдельными страницами, которые работают на поиск, а перелинковка ведёт посетителя между разделами туда, где спрос в этот сезон выше.