Следующая статья поможет вам: 9 высокоэффективных страниц обзора заказов, которые вдохновят вас
Страница обзора заказа почти всегда является последним местом, куда покупатель переходит перед покупкой.
На данный момент они, вероятно, провели свое исследование, рассмотрели продукты конкурентов, узнали цену и детали, связанные с вашим продуктом, и готовы купить. Если страница проста для понимания и не вызывает путаницы, есть вероятность, что ваш клиент без колебаний нажмет кнопку «Сделать покупку».
Но если страница кажется расплывчатой, непрофессиональной и не дает полной информации о продукте, клиент может остановиться и подумать, что он покупает не тот продукт или отдает свои деньги менее надежной компании.
С другой стороны, если страница содержит рекламные объявления, лишние изображения, сложную панель навигации и другие ненужные элементы, покупатель может отвлечься, перейти со страницы заказа и совершить покупку дольше.
Создавая свой сайт электронной коммерции, вы можете задаться вопросом: «Что мне нужно на этой странице, чтобы заключить сделку?»
Правда в том, что вам просто нужно быть проще. Воспринимайте обзоры заказов как целевые страницы. Вместо того, чтобы использовать страницу для преобразования клиента в потенциального клиента, вы просто хотите, чтобы он нажал кнопку покупки.
Чтобы заставить их быстро щелкнуть, позвольте клиенту просмотреть их точный выбор продукта, фотографию продукта (ов), информацию о доставке и точную стоимость, связанную с заказом. Когда эта страница фокусируется на информации о продукте, которая важна для покупателя, он будет верить, что покупает правильный товар, и его не остановит нажатие кнопки покупки.
Создавая страницу обзора, убедитесь, что она включает следующие полезные элементы:
- Заголовок, баннер или индикатор выполнения с надписью «Просмотр заказа», «Просмотр заказа» или что-то подобное.
- Имя клиента, контактная информация и адрес доставки.
- Изображение и основное описание продукта для каждого продукта.
- Список любых дополнительных спецификаций или настроек, которые указал заказчик.
- Точная информация о ценах, показывающая стоимость каждого продукта, промежуточную сумму, общую сумму, налог и стоимость доставки.
- Информация об оплате или форма оплаты.
- Яркая кнопка с призывом к действию «Оформить заказ».
Чтобы помочь вам создать эффективную страницу обзора заказа, вот девять примеров страниц обзора от реальных компаний.
Примеры страниц просмотра заказов
Нейман Маркус
Страница просмотра заказа Neiman Marcus позволяет покупателю сделать выбор в последнюю минуту и изменить информацию о доставке. Затем они могут использовать его для добавления платежных реквизитов перед совершением покупки. В правой части страницы они показывают прозрачную информацию о ценах, любые обозначения подарочной упаковки, сделанные покупателем, и информацию о продукте.
В области «Сводка товара» четкое изображение продукта отображается вместе с текстом, описывающим цвет, размер и количество, сделанные покупателем. После просмотра этой информации клиент будет знать, что он заказывает правильный продукт, и будет уверен, что правильная информация указана в файле, когда он нажмет «Оплатить сейчас».
Neiman Marcus также использует разумную стратегию скрытия панели навигации. Когда вы входите на домашнюю страницу Neiman, панель становится более подробной и выделяет различные категории продуктов. На этой странице элемент заменен индикатором выполнения, который показывает покупателю, на каком этапе процесса оформления заказа он находится.
Без панели навигации меньше риск того, что покупатель может щелкнуть эту страницу, чтобы просмотреть другие продукты. Это также фокусирует клиента на совершении покупки под рукой. Хотя Neiman хочет, чтобы клиенты смотрели на свои продукты, они убрали панель на этой конкретной странице, потому что это могло отвлекать клиентов, бросать корзину или делать покупки медленнее.
Нордстрем
Как и страница Неймана Маркуса, этот дизайн прост и демонстрирует изображения и детали, связанные с каждым продуктом, чтобы покупатель верил, что делает правильную покупку. В верхней части страницы вы видите основную информацию о доставке. Затем внизу страницы идет подробная информация. Вверху и внизу страницы есть ярко-синяя кнопка «Оформить заказ».
Организация этой страницы позволяет покупателям с ограниченным временем сделать быстрый обзор и покупку. В то же время детали и кнопка внизу также предназначены для клиентов, которые хотят просмотреть более сложные детали.
Как и Neiman, на этой странице также отсутствует панель навигации, чтобы клиенты могли сосредоточиться на совершении покупки максимально быстро и плавно.
ДверьDash
DoorDash, клиент HubSpot, использует свою область просмотра заказов, чтобы дать потребителям последний шанс отредактировать свою доставку еды. Он четко обозначает ресторан, в котором они делают заказ, а также конкретные детали блюда.
Он также показывает инструкции по доставке клиента и позволяет им вносить небольшие изменения, например добавлять накладные. Хотя в верхней части страницы есть логотип DoorDash и кнопка «Вернуться в меню», дизайн также ограничивает отвлекающие факторы, которые могут привести к отказу от заказа.
Страница обзора IKEA использует чрезвычайно простой, но эффективный подход. В то время как другие страницы в этом списке имеют более фирменный дизайн, эта страница больше похожа на квитанцию. На нем отображается небольшая фотография товара и небольшой логотип ИКЕА. Затем он включает очень конкретные сведения о доставке, продукте и ценах, напечатанные основным шрифтом. Хотя некоторые могут назвать это пресным, это делает страницу невероятно понятной и простой.
Как и в Nordstrom, IKEA также заменяет свою обычную панель навигации индикатором выполнения заказа, чтобы пользователь мог сосредоточиться исключительно на заказе.
Фиолетовый
Purple, еще один клиент HubSpot, аналогичным образом исключает навигацию и включает индикатор выполнения на странице просмотра заказа. С гладким, чистым дизайном покупатель может легко увидеть фотографию своего продукта, характеристики товара и информацию о доставке. Как и на других страницах в этом списке, здесь также есть поле, в котором вы можете ввести свою платежную информацию перед совершением окончательной покупки.
Шанель
Страница обзора Chanel проста и понятна. Хотя они по-прежнему включают панель навигации, изображения продуктов и текст о бесплатных товарах могут сосредоточить внимание покупателя на завершении покупки.
Эта страница позволяет клиентам просматривать информацию о доставке и продукте, а также заполнять свою платежную информацию. Он включает в себя кнопку «Завершить покупку», которая позволяет им оплатить сразу после заполнения платежной информации.
носочный клуб
Sock Club, который продает носки на заказ и предлагает рекламные акции «Носки месяца», имеет простой и понятный макет, несмотря на то, что они включают детали и спецификации пользовательских носков. Информация о продукте находится справа и включает в себя изображение основного носка и маркированный текст, в котором перечислены все настройки, такие как размер и дизайн носка, сделанные покупателем.
Как и в других примерах, страница имеет другой дизайн, чем ее реальный веб-сайт, поскольку на ней удалена навигация и заменена индикатором выполнения.
Этси
Etsy использует более игривый и красочный дизайн обзора заказов. На странице есть забавный заголовок, который гласит: «Дважды проверьте детали вашего заказа», чтобы подчеркнуть, что эта страница предназначена для обзора покупки.
Страница также побуждает клиентов размещать свой заказ с помощью простой, но привлекательной коричневой коробки с надписью: «Почти готово! Пожалуйста, нажмите «Разместить заказ», чтобы завершить покупку». Кнопка «Место вашего заказа» черного цвета, что хорошо контрастирует с белым дизайном Etsy.
Покупатели могут видеть подробную информацию о товаре, фото, информацию о продавце и прозрачную цену. Они также могут добавить примечание к продавцу.
Как и на других страницах, Etsy отказывается от навигации и заменяет ее визуальной полосой прогресса. Этот стиль бара может быть забавным и мотивирующим для клиента, который любит визуально видеть свой прогресс. Каждый круг заполняется, когда они выполняют задачу в процессе оформления заказа, что может удовлетворить некоторых покупателей.
Etsy также включает знак «Безопасная оплата» в верхней части страницы. Поскольку Etsy позволяет пользователям покупать товары у сторонних продавцов, это может добавить уверенности в том, что платежная и контактная информация клиента в безопасности.
Airbnb
Хотя Airbnb продает жилье для отпуска, а не товары, эта страница «Подтвердить и оплатить» очень похожа на другие страницы в этом списке. Он также включает в себя поле для заполнения платежной информации, отсутствие панели навигации, фотографию загородного дома и текстовую информацию о бронировании, чтобы пользователь был уверен в своей покупке и всех связанных с ней расходах.
До этой страницы клиент уже нажимал на страницу, которая требует от него согласия с внутренними правилами и подтверждения того, что он понимает, какие удобства предоставляются, а какие нет. Поскольку они уже видели достаточно подробностей, описание продукта на этой странице немного освещено.
Наряду со стандартными элементами страницы обзора есть также примечание о том, что это место для отдыха является «редкой находкой», потому что оно регулярно забронировано. Это может дать клиенту дополнительную мотивацию заполнить свою информацию и оплатить как можно быстрее, если он беспокоится, что другой отдыхающий может занять эти даты.
Помнить. Будь проще.
Ваш клиент уже знает, что хочет купить ваш продукт, когда он попадает на страницу просмотра заказа. Таким образом, вам не нужно вкладывать в него большое количество деталей и времени на проектирование.
Чтобы создать эффективную страницу, стремитесь сбалансировать простоту с необходимой информацией, чтобы клиент доверял вашей компании и был уверен, что делает правильную покупку.
Размещение слишком большого количества ненужной информации на странице просмотра заказа может отвлечь покупателя или замедлить его совершение окончательной покупки. Тем не менее, недостаточно информации может заставить клиента беспокоиться о том, что он может заказать не ту вещь. Итак, сосредоточьтесь на том, чтобы сообщить покупателю именно то, что ему нужно знать, а затем предложите ему нажать «Купить».
Хотите узнать больше о тонкостях продажи продуктов электронной коммерции? Ознакомьтесь с нашим полным руководством по маркетингу электронной коммерции. Если вы предпочитаете привлекать потенциальных клиентов, а не разовые онлайн-покупки, мы также составили список отличных дизайнов целевых страниц.
