Разработка онлайн-гипермаркета сантехника

Подготовительные работы

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

Подготовительные работы
1. Подготовка семантического ядра
  1. Определение приоритетных направлений
  2. Структуризация семантики в соответствии с маржинальностью и коммерческой выгодой
  3. Составление предварительного списка посадочных страниц
2. Разработка технического задания
  1. Функциональное описание проекта
  2. Постановка задачи для 1С
  3. Сбор всех характеристик по товарным категориям для корректной работы фильтров, возможности отбора товаров на отдельные страницы (посадочные) в соответствии с характеристиками
3. Контентный материал
  1. Постановка/приемка задачи копирайтерам в соответствии с семантическим ядром и посадочными
  2. Подготовка шаблонов для заполнения контент-менеджерами товарной номенклатуры, в соответствии с необходимыми свойствами (характеристиками товаров)

Навигация по сайту. Удобство или функциональность?

Одна из задач, которая стояла перед нами – это разработка интерактивного и удобного меню. Для того, чтобы у пользователя всегда была возможность перейти в другой раздел или выбрать нужный бренд, мы разработали специальную «мозаику», которая позволяет без перезагрузки страницы оперативно и интуитивно понятно выбрать нужный пункт. Это решение с одной стороны помогает покупателю, а с другой стороны позволяет акцентировать внимание на тех категориях, которые важны для бизнеса.

Для наглядности, мы добавили визуальное отображение для важных разделов:

Микроэлементы взаимодействия

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

Такая информация, как:

наличие
гарантия
дополнительные услуги
пояснение терминологии
и прочее

Где разместить посадочные страницы?

При подготовке посадочных страниц, заранее определили места, где они должны располагаться так, чтобы не создавалось ощущения "заграможденности":

часть посадочных страниц мы разместили в меню-мозаике
часть в каталоге над фильтром

Раздел "Доставка"

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

Разделили доставки по Москве, МО и региональные, отдельно оставили самовывоз с полным описанием условий самовывоза заказа и картой местонахождения склада.

Отдельно стоит отметить вкладку «Подъем на этаж» с полной таблицей о стоимости подъема тех или иных товаров. Максимальная визуализация и подача материала.

Страница "Оплата"

Еще один раздел, который нельзя обделить вниманием – это оплата, этот раздел так же нельзя обходить стороной, т.к. два пункта, которые тревожат покупателя перед покупкой: как привезут и как заплатить (многие неоднократно сталкивались с тем, что не могу оплатить товар так, как удобно, когда уже сформирован заказа).

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

Разделили фильтр на несколько частей: самые частые комбинации (посадочные страницы) и умный фильтр

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

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

При этом фильтр является «умным», т.е. ситуации, когда «товаров не найдено» не получится.

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