Связь UX-конверсии: пример веб-дизайна электронной коммерции

Компания John Stortz & Son, работающая на Stortz.com, является поставщиком надежных и долговечных инструментов для различных мастеров. Уже более 150 лет Stortz является лидером в своей отрасли; их каталог содержит высококачественные инструменты для кровли из листового металла и шифера, среди множества других. Удивительно, насколько веб-дизайн электронной коммерции влияет на их бизнес.

На Stortz, как и на многие другие компании, сильно повлияло резкое изменение поведения потребителей, которое привлекло так много покупателей на цифровой рынок. Отрасли, которые, возможно, считались основными продуктами из кирпича и раствора, все больше поддерживаются онлайн-продажами. Шторц не исключение.

Эти факторы, без сомнения, повлияли на решение Сторца сотрудничать с агентством ^{1Digital Ⓡ} в области веб-дизайна и разработки различных предметов электронной коммерции, начиная с сентября 2020 года. Поскольку все больше и больше клиентов входят в виртуальные двери, предложение качественных онлайн-покупок стало играть важную роль. центрального значения.

Первоначально партнерство Stortz с агентством ^{1Digital Ⓡ основывалось} на наших возможностях как агентства дизайна электронной коммерции. Веб-сайт клиента построен на WordPress с использованием WooCommerce, и опыт нашей команды дизайнеров веб-сайтов с этими платформами вывел Stortz.com на новый уровень. Мы переработали их домашнюю страницу с обновленным мегаменю, новыми блоками категорий с улучшенными изображениями и разделом рекомендуемых продуктов, все из которых были предназначены для того, чтобы придать веб-сайту обновленную привлекательность для улучшения взаимодействия с пользователем (UX) и повышения конверсии.

Внесение текущих улучшений веб-дизайна электронной коммерции

И наш клиент, John Stortz & Son, и их клиенты извлекли выгоду из этих предварительных улучшений дизайна электронной коммерции и разработки веб-сайта, но Stortz.com сохранил ^{1Digital Ⓡ} Agency в качестве стратегического партнера с соглашением о предварительном заключении.

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

По данным Statista, почти 90% корзин онлайн-покупателей брошены до того, как они могут быть преобразованы в продажу. Если верить их цифрам, в среднем 88% всех онлайн-корзин в конечном итоге оказываются брошенными. Факторов, влияющих на эту статистику, много, но они неизменно проистекают из ожиданий клиентов.

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

Процесс оформления заказа на Stortz.com (неотъемлемая часть их веб-дизайна электронной коммерции) не вызывал явных предварительных причин для беспокойства, за исключением того факта, что сама корзина, сбор информации и оплата, а также подтверждение отображались на отдельных страницах.

Один из самых больших толчков в электронной коммерции сегодня — сделать процесс оформления заказа максимально безболезненным. Проще говоря, каждый шаг — это очень большое искушение для онлайн-покупателей отказаться от своей корзины. Это также одна из причин того, что оформление заказа «одна страница» или «один клик» стало предметом такого внимания в электронной коммерции. Чем больше шагов, тем выше вероятность отказа. Процесс оформления заказа Шторца состоял из трех отдельных страниц.

Наши дизайнеры электронной коммерции, обладающие многолетним опытом проектирования, не понаслышке знают, какое большое влияние подобные факторы могут оказать на UX и коэффициенты конверсии. Наша команда изменила дизайн и разработала новую страницу оформления заказа для John Stortz & Son, в которой все три страницы были объединены в одну, как показано ниже.

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

Конкретные результаты: повышение конверсии

Всего через несколько коротких месяцев после внесения этих изменений на Stortz.com наблюдался всплеск конверсии. Как вы можете видеть ниже, коэффициент конверсии улучшился примерно на 3,4 с тех пор, как мы завершили эту часть проекта. Чтобы быть точным, данные слева показывают увеличение общего коэффициента конверсии (среди всех пользователей) по сравнению со временем, прошедшим с момента завершения редизайна их страницы оформления заказа в июне 2021 года, по настоящее время (август 2021 года) по сравнению с предыдущим периодом. . Это устойчивый, но положительный рост.

Один из наших контактов с клиентами в John Stortz & Son не был удивлен положительным эффектом, который это, казалось бы, простое улучшение оказало на поведение пользователей. Когда его спросили, ожидал ли он, что изменения в кассовом опыте окажут такое заметное влияние, он просто ответил: «Да». уточнив, что процесс оформления заказа — «одна из самых важных вещей для пользовательского опыта. Это имеет первостепенное значение для процесса оформления заказа. Он должен быть быстрым, безопасным и четким. Я бы хотел, чтобы мы сделали это много лет назад».

Он также добавил: «Увеличение коэффициента конверсии было самым важным показателем. Привлечение людей на ваш сайт важно, но вы также должны быть в состоянии заставить их конвертировать. Любое изменение, которое вы можете внести для повышения коэффициента конверсии, жизненно важно».

Интересно, что когда его спросили, на какую группу покупателей, скорее всего, положительно повлияет изменение порядка оформления заказа, наш клиент без колебаний ответил: «Мобильный трафик. Покупатели, совершающие покупки на мобильных устройствах, должны совершать как можно меньше кликов».

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

Интересно, что John Stortz & Son исследует шаги по улучшению дизайна своего сайта, которые напрямую повлияют на опыт мобильных покупок в лучшую сторону.

Планируемые улучшения учетной записи и мобильных устройств

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

Такие функции, как «Адреса», «Заказы», ​​«Способы оплаты» и другие «Детали учетной записи», будут доступны для навигации через ряд порталов или значков на одной странице, упрощая и улучшая процесс навигации и значительно сокращая процесс, исключая много щелчков назад и вперед и прокрутки. В частности, для мобильных покупок это можно было бы ожидать как значительное улучшение.

На онлайн-рынке, где считается, что более 70% покупателей совершают покупки с помощью мобильных устройств, любой шаг в направлении оптимизации для мобильных устройств будет правильным.

Партнерство Stortz с агентством ^{1Digital Ⓡ} в качестве компании, занимающейся дизайном и разработкой веб-сайтов электронной коммерции, продолжается, и ожидается, что со временем оно станет более плодотворным. Эти результаты характерны для наших проектов по дизайну и разработке сайтов электронной коммерции или наших услуг цифрового маркетинга. Они рождаются снова и снова в наших тематических исследованиях электронной коммерции.

Чтобы узнать больше о наших услугах в качестве агентства дизайна электронной коммерции, свяжитесь с нашими специалистами сегодня. Вы можете связаться с нами по телефону 888-982-8269 или по адресу [email protected].

Скачать PDF