Содержание
Сегодня в сфере e-commerce царит жесточайшая конкуренция. Предпринимателям приходится в бесперебойном режиме генерить новые идеи, внедрять их на своем сайте и надеяться на то, что это позволит им хоть как-то оторваться от соперников. Благо, сейчас у них есть все необходимые для этого технологии – HTML5, CSS3 и jQuery. Еще бы программиста с прямыми руками да фантазии побольше…
Специально для тех, кто хочет увеличить конверсию на своем коммерческом сайте, но не может придумать ничего нового, предлагаем свежую подборку оригинальных и вдохновляющих решений, найденных в зарубежном интернете. Надеемся, они помогут вам в обеспечении еще лучшего пользовательского опыта.
Но сначала два небольших предупреждения:
Первое. Владельцев большей части из этих сайтов стоило бы хорошенько ударить по рукам. Серьезно. На некоторых страницах не хватает информации о товарах, формы поиска только с лупой можно найти, мелкие шрифты, плохая навигация… В общем, вдохновляйтесь идеями, но не копируйте полностью – даже у этих сайтов имеются серьезные недостатки.
Второе. Успех коммерческих сайтов можно измерить одним единственным способом – с помощью аналитики. Возможно, мы уже вам надоели этой фразой, но… что работает для одного бизнеса не обязательно будет работать и для другого. Просто запомните это и всегда проводите А/Б-тесты.
Ну вот, в общем-то, и все. Теперь можно перейти к примерам.
1. Jack Jones
Первым в нашем списке идет зарубежный интернет-магазин одежды Jack Jones. Что интересного можно отметить на их сайте? Помимо отдельных товаров ребята продают еще и готовые образы. Все, что нужно сделать пользователю, – кликнуть по понравившемуся «луку» и выбрать необходимые размеры. Очень просто и невероятно эффективно.
2. Bonarium
Одним из самых больших минусов шоппинга в интернет-магазинах заключается в том, что невозможно посмотреть, как выбранные вещи сочетаются друг с другом. Bonarium нашел решение этой проблемы. Он воссоздал на своем сайте некое подобие примерочной, и теперь покупатели могут в режиме онлайн смастерить свой собственный образ.
3. House Of Fraser
На каждой карточке товара интернет-магазина House of Fraser есть кнопка под названием «Find your true fit» («Найди свой идеальный наряд»). Нажав ее, перед пользователем появляется окошко, где он должен указать свой рост, вес, возраст, размер плеч и груди.
После того, как он это сделает, сервис будет автоматически определять, подходит ли ему выбранный размер или нет. В том случае, если нет, на карточке товара будет появляться вот такое предупреждающее сообщение: «Основываясь на ваших данных, мы не рекомендуем вам этот товар. Узнайте, почему». Таким образом, House Of Fraser не только делает процесс покупки более приятным, но и снижает количество возвратов.
4. Greats
Возможно, этот метод вам покажется не новым, но несмотря на это, он просто обязан здесь быть. Как напоминание о том, насколько важно обеспечить пользователей возможностью подробно рассмотреть товар. Вы просто берете мышку и крутите ею в разные стороны. Элементарно и очень удобно.
5. Colette Malouf
Очень стильный и аккуратный сайт с акцентом на изображения. При наведении мышки на картинку появляется самая важная информация: доступные цвета, стоимость и кнопка «Добавить в корзину».
6. KitchenAid
На первый взгляд, в сайте KitchenAid нет ничего особенного. Большой баннер на главной странице, простая навигация… И только потом, когда начинаешь искать нужный тебе товар, становится ясно, чем их сайт выделяется на фоне остальных. Суперудобный поиск с автозаполнением и подсказками. Да, прием не новый, понятно. Но почему тогда так много ритейлеров забывают об этой элементарной вещи?
7. Kershaw Knives
Отличный e-commerce сайт с великолепным юзабилити. Сразу видно, что его создатели продумали все до мелочей. Навигация, всевозможные фильтры, просмотр в виде решетки или списка, и другие мелкие опции – все это делает процесс покупки максимально приятным.
8. Ben the Bodyguard
Сразу после запуска, сайт Ben the Bodyguard (Телохранитель Бен), получил тысячи твитов и сотни естественных ссылок. Почему? Вы не поверите – из-за одного лишь дизайна! Обязательно перейдите по ссылке и посмотрите сами, насколько он красив и оригинален.
9. Stella Monitoring
Сделать так, чтобы пользователь кликнул по вашей ссылке, – полдела. Добиться того, чтобы он оставил свой имейл – вот то, к чему действительно стоит стремиться. Как это сделать? Довольно эффективный метод предлагает онлайн-сервис Stella Monitoring. Их главная страница сделана так, что весь фокус идет на призыв к действию. «Насколько быстро грузится ваш сайт? Проверьте прямо сейчас. Бесплатно». Ты вводишь адрес своего сайта, сервис сканирует его, а чтобы получить результат, нужно ввести свой имейл. В принципе, все честно.
10. Chartio
«Визуализируйте и изучайте ваши данные с помощью Chartio». 6 слов — и мы примерно представляем, что это за продукт. Скриншот интерфейса — и мы абсолютно точно знаем, зачем он нужен. К чему лишний текст? Расскажите об основных функциях и покажите его в действии. Визуальный контент в тысячи раз эффективней текстового.
Выше мы рассмотрели 10 эффективных способов увеличения конверсии. Конечно, это лишь малая часть того, что вы можете реализовать на своем сайте. Больше идей вы можете найти в зарубежном интернете. Не бойтесь копировать чужой опыт – в этом нет ничего страшного. Главное, делайте это с умом. Удачи!
Адаптация материала 21 examples of user experience innovation in ecommerce и 12 Creative Design Elements Inspiring the Next Generation of UX.
