How to Create the Perfect E-Commerce Site

За 9 часов перелета Пхукет-Москва я чего только не прочитала, но по Case Study BOF на тему создания идеального сайта сделала для вас заметку с основыными буллитами из статьи, потому что интересно.

Базовый путь покупателя не изменился за 20 лет
Главная → карточка товара → корзина → оплата

Desktop / Mobile
🟡c ростом мобильного трафика покупатели на мобильных устройствах все меньше терпят неудобные сайты;
🟡на десктопе среднее время пребывания — 4 минуты 27 секунд, на мобильных еще меньше, то есть у вас есть всего несколько минут, продать свой товар;
🟡десктоп эффективнее: пользователи проводят больше времени, просматривают больше страниц и реже уходят с сайта;

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

Рекомендательная система = стандарт, а не бонус
Два типа кросс-продаж:
🟡альтернативные — похожие товары (если клиент смотрит одну футболку, ему предложат другие модели);
🟡дополняющие — товары-компаньоны (ремень к брюкам, серьги к платью);

Важно учитывать сценарии поведения:
🟡если пользователь пришел из поиска, он изучает ассортимент → ему нужно показать аналоги;
🟡если он выбрал товар из каталога, он уже ближе к покупке → лучше показать идеи стилизации;

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

🟡горизонтальная прокрутку карточек товаров — как в сторис Instagram;
🟡Cartier добавляет интерактивные кнопки в карточках товаров, стилизованные под шоппинг-теги из соцсетей;
🟡Nike и Adidas публикуют фотографии клиентов, которые отметили бренд в Instagram;
🟡многие бренды стремятся создать единую атмосферу на главной странице и в социальных сетях, особенно если их аудитория приходит с Instagram и TikTok;

Карточка товара: убираем трение
Пользователи не любят искать информацию. Если детали спрятаны в сложные выпадающие меню, они просто закроют страницу.

🟡размерная сетка должна быть в первом экране, а не скрыта в ссылке;
🟡описание посадки на основе отзывов помогает избежать возвратов;
🟡избегать перегруженных страниц —> длинные тексты и избыток интерактивных элементов могут отпугнуть пользователя;

Как повысить конверсию на странице товара
🟡кнопка «добавить в корзину» должна быть доступна без прокрутки;
🟡выбор способа доставки сразу на странице товара (в российских брендах такого не встречала);
🟡честные данные о размере снижают возвраты;

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

Вопрос читателю: чем разница между просто интернет-магазином и действительно сильным e-commerce брендом?
Спойлер: дело не только в продажах!