Задача
Проект — российский сайт швейцарского часового бренда. Задача принципиально отличается от обычного интернет-магазина: здесь сначала продают бренд и только потом конкретную модель. Человек, выбирающий механические часы за существенные деньги, хочет понять историю мануфактуры, разобраться в технологии и рассмотреть изделие вблизи, а корзина для него последний шаг, а не первый.
Отсюда требования к каталогу. Коллекции — мужские линейки, женские модели и отдельная линейка O.H.M. — должны читаться как коллекции, а не как строки прайса: крупные изображения, чистый фон, минимум интерфейса поверх изделия. Внутри линейки модели различаются деталями: корпусом, циферблатом, ремешком, размером. Заказчик просил дать возможность сравнивать их бок о бок, но ограниченно — две-три модели, не больше, иначе сравнение превращается в нечитаемую таблицу.
Вторая часть — сопутствующее. Ремешки продаются отдельно и живут своей логикой: каучук, кожа, канвас, текстиль, металлические браслеты, и к конкретным часам подходит не любой. Нужны были подбор совместимых ремешков и раздел аксессуаров. Отдельно оговорили предзаказ для моделей, которых пока нет в наличии, раздел «Где купить» для офлайн-точек и содержательный блок о бренде — история, объяснение технологии O.H.M., статьи и обзоры.
Что сделали
Сделали на WordPress. Каталог построили от коллекций: мужские линейки, женские модели и отдельная ветка O.H.M., внутри — страницы конкретных серий. Карточка модели отдана изображению: крупные фотографии изделия с разных ракурсов, спокойная типографика, а характеристики — механизм, корпус, диаметр, водозащита, запас хода, ремешок — собраны в компактную таблицу под изображением, а не размазаны по всей странице.
Сравнение сделали ровно таким, как просил заказчик: выбрать можно от двух до трёх моделей, при попытке добавить лишнюю выводится понятное объяснение вместо молчаливого отказа. Ремешки завели отдельным разделом с делением по материалу и связали с моделями по совместимости, поэтому со страницы часов видно, что к ним подходит. Для позиций вне наличия включили предзаказ с отдельным сценарием оформления.
Раздел о бренде собрали содержательным: история мануфактуры, объяснение технологии O.H.M., статьи и обзоры — это то, что читают перед покупкой и по чему приходят из поиска. Добавили страницу «Где купить» с офлайн-точками, гарантию и сервис, руководство по эксплуатации, условия доставки и оплаты. Корзина считает стоимость с учётом налога и доставки. Перед выкладкой проверили скорость на страницах с крупными изображениями, поведение каталога на телефоне и прохождение заказов и предзаказов.
