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