Задача
интернет-магазин Moonstores — с этим проектом к нам и пришли. Смотрели на задачу глазами тех, для кого он делается: это покупатели, сравнивающие товары перед покупкой. Исходная точка: каталог был выложен без фильтров и характеристик. Разбирая задачу, вышли на три узких места: найти нужное можно было только пролистав всё; характеристики не были заполнены; наличие уточнялось по телефону.
Само по себе неудобство ещё не повод переделывать сайт. Поводом стало другое: обращений было меньше, чем посетителей, а сотрудники тратили время на объяснения, которые повторялись из раза в раз почти дословно. Пробовали закрыть вопрос частями: где-то добавили страницу, где-то повесили форму. Разрозненные правки не складывались в целое, и посетитель всё равно упирался в необходимость спросить.
Задача формулировалась так: сделать площадку, которая снимает эти вопросы до разговора с менеджером и работает одинаково хорошо на телефоне и на большом экране. Важным условием была самостоятельность: заказчик должен уметь менять содержимое сам, без заявок на каждую правку текста или цены. Отдельно оговорили скорость загрузки — значительная часть аудитории приходит с телефона, и на медленном соединении лишние секунды стоят обращений.
Что сделали
В таком проекте, как интернет-магазин, всё решает структура, поэтому с неё и начали. Собрали поисковый спрос и выстроили разделы под то, как ищут люди, а не под внутреннее устройство компании. Что реализовали. Первое — каталог с фильтрами и поиском по характеристикам. Второе — карточку с полным описанием и наличием. Третье — корзину с оплатой и доставкой. Четвёртое — подборки и рекомендации. Из технических решений стоит отметить одно: фильтры пересчитывают количество найденного до применения.
Тексты писали не «о компании вообще», а под конкретные вопросы аудитории. Структуру собирали от спроса: сначала выяснили, что и как ищут, потом разложили разделы. Метаданные каждой страницы заданы вручную. Отдельное внимание уделили скорости: изображения в webp тремя размерами, кеш готовых страниц, никаких лишних библиотек. Разделы и тексты заказчик ведёт сам через админку.
Перед выкладкой проверили скорость, поведение на узких экранах и работу форм, а также настроили переадресацию со старых адресов, чтобы накопленные позиции в поиске никуда не делись. В сухом остатке — покупатели стали доходить до корзины, не упираясь в поиск нужного. Проект остаётся на нашей поддержке: следим за работоспособностью и дорабатываем по мере появления новых задач.