La importancia del diseño de caja y los cuatro mejores ejemplos de su clase

Podría decirse que no hay una sola página en su sitio web que compita con la importancia de su página de pago. Si un cliente ha llegado a la caja, está justo a punto de realizar una compra. Por lo tanto, si resulta demasiado complicado o prolijo, pueden decidir fácilmente, en un instante, que Realmente este producto no es para ellos.

No importa si es una empresa puramente D2C o una distribuidor omnichallerdespués de haber puesto todo ese esfuerzo y presupuesto de marketing para llevar a los usuarios a esta etapa, lo último que desea es darles alguna razón para abandonar en esta etapa crucial.

De media, casi el 70% de los carritos de compras en línea se abandonan antes de pagar. Entonces, para ayudar a maximizar las conversiones de su sitio, hemos echado un vistazo a algunos de los principales ejemplos de diseño de pago impecable de los sitios de comercio electrónico más grandes del mundo.

De cada sitio, hemos seleccionado una cosa que han hecho particularmente bien. Al desarrollar una comprensión de lo que hace que una página de pago sea exitosa, esperamos que pueda absorber estas lecciones y aplicarlas a su propio negocio.

Y, con suerte, al final de la pieza, tendrá una idea clara de lo que hace que una página de pago sea exitosa.

Hasta el momento en que un usuario ingresa al embudo de pago, lo ha hecho todo bien. Su marketing ha funcionado, su diseño de páginas web y la navegación los ha llevado a este punto y están listos para realizar una transacción.

Sin embargo, si su diseño de pago es deficiente, todo ese esfuerzo se desperdiciará.

Los datos de Baymard informan que casi 1 de cada 5 compradores han abandonado un carrito en el último trimestre debido a un «proceso de pago demasiado largo/complicado». Entonces, mientras sucede, hay acciones que puede tomar para intentar evitarlo activamente, o al menos reducir la cantidad que abandona durante el proceso de pago.

Cuando se trata de un buen diseño de pago, es fundamental que la experiencia del usuario sea lo más fluida posible. Si la página de su producto los ha concebido para agregarlos a su cesta, debe guiarlos sin esfuerzo a lo largo de los pasos de pago hasta la conversión.

Esencialmente, desea evitar darle al usuario una razón para irse. Por lo tanto, tenga un buen diseño, no oculte los costos de envío, ofrezca suficientes opciones de pago y use los CTA correctos. Todo lo que necesita optimizar aquí debe hacerse con el objetivo de reducir el tiempo y el esfuerzo necesarios para completar el proceso de pago.

Estos 5 ejemplos hacen eso y más.

Los cinco mejores ejemplos de diseño de pago en su clase

Amazonas

Amazon ha establecido de forma lenta pero segura su posición como una de las empresas más valiosas del mundo. A través de intermediarios, venden productos de todas las formas y tamaños en casi todas las industrias. A veces, sabe que puede obtener un producto por el mismo precio que en Amazon, pero no será un proceso tan sencillo, desde agregarlo a su carrito hasta confirmar sus detalles de pago.

Una gran parte, a menudo subestimada, del crecimiento sostenido de Amazon es la belleza de su diseño de pago. Agregue un producto a su cesta y Amazon lo alertará en la parte superior de la página, describiendo su pedido previo al pago. Es una mirada reducida a todas las partes importantes de su pedido: el nombre de su producto, una imagen del producto, la cantidad del producto y su precio.

Cuando llega a la página de pago (como se muestra arriba), destila todas las partes constituyentes de un pedido en una sola página ordenada. Puede revisar su dirección de entrega, sus detalles de pago y el producto y su fecha de entrega prevista de un solo vistazo. Todavía hay una gran cantidad de espacio en blanco y una estructura sencilla que lo hace más fácil para el cliente.

La sección resaltada a la derecha también es «pegajosa», por lo que si tiene varios productos en su carrito, la progresión a la siguiente etapa siempre está a un solo clic de distancia y dentro de su línea de visión en todo momento.

La belleza de Amazon es que una vez que inicia sesión, el pago se puede completar con un solo clic o con 2 pasos, ya que se guardan todos sus datos. ¿Hay un proceso de pago más fácil que este?

ASOS

Comercio electrónico Los sitios han sido algunos de los mayores beneficiarios de la pandemia y ASOS no es una excepción. El cierre de las tiendas físicas ha obligado a los compradores a conectarse en línea para satisfacer sus hábitos de gasto y el sitio de ASOS está cuidadosamente diseñado para captar toda la atención adicional inesperada.

Parte del atractivo de ASOS es su diseño minimalista. Es monocromático en todas partes, lo que hace que los colores que están presentes en los productos destacados realmente destaquen.

También hacen un buen trabajo al recordarle lo que hay en su carrito mientras compra para que no tenga que hacer clic para determinar exactamente lo que ha agregado. No puedo contar la cantidad de veces que tuve que recorrer las páginas que ya había visitado solo para confirmar exactamente lo que estaba comprando. Presionar hacia atrás en su navegador también tiene el efecto de reiniciar por completo o incluso cancelar el progreso de su pedido, lo que aumenta la sensación de confusión.

Sin embargo, lo que quiero destacar de ASOS son sus intentos de hacer que la seguridad de su proceso de pago se destaque. Cuando se enfoca en maximizar las conversiones, la seguridad es un aspecto fácil de pasar por alto en el diseño del proceso de pago.

Cada vez que compro algo, hago una nota mental para mirar el sitio una vez más para ver si hay algo ligeramente sospechoso o fuera de lo común al respecto. Los sitios llenos de spam y llenos de ventanas emergentes y ofertas especiales pueden ser difíciles de confiar. Está poniendo su fe en un sitio de comercio electrónico cuando les proporciona sus detalles de pago y quiere estar seguro de que su fe no está fuera de lugar.

Esto es lo que hace que el diseño de caja de ASOS sea tan reconfortante. Está casi vacío, aparte de un desglose conciso de su pedido y una gran insignia de seguridad de Norton. Da a los clientes la tranquilidad que tanto necesitan.

ASOS también utiliza varias funcionalidades diferentes para que su proceso de pago sea lo más fluido posible. Desde la oferta, búsqueda de direcciones durante la página de datos personales:

Para mostrar claramente múltiples opciones de entrega que se pueden seleccionar fácilmente:

Durante todo el proceso de pago, el resumen de su pedido sigue flotando en la esquina superior derecha. Esto ayuda a mantener alta la intención ya que los usuarios pueden recordar claramente lo que están comprando y cuánto están gastando. Reduciendo la necesidad de presionar el botón Atrás o volver a la canasta para averiguarlo.

Y, por último, te recibe una plétora de opciones de pago para facilitar aún más las cosas. ASOS también fue uno de los primeros sitios web importantes de comercio electrónico en registrarse en Klarna y ofrecer pagos por etapas.

Lo interesante del proceso de compra de ASOS es que todo tiene lugar en una sola página. No hay pasos resaltados, solo un desplazamiento continuo hacia abajo hasta la siguiente sección para completar. Esto hace que el proceso de pago parezca mucho más rápido y corto, evitando los posibles problemas de «pagos prolongados».

Nike

Nike es uno de los minoristas líderes en el mundo. Desde ropa deportiva hasta zapatillas para correr, Nike tiene la reputación de crear productos de alta calidad. Han podido mantener su reputación al establecer una presencia en línea elegante, refinada y simple. Su página de pago es la representación perfecta de esto. Pone al cliente primero y no trata de sobrecargarlo con ofertas adicionales.

Una fortaleza de su diseño de pago es la opción de pagar como invitado. Los clientes potenciales pueden frustrarse cuando se les pide que creen una cuenta en el punto de pago. Curiosamente, esto no es algo que ASOS u Otto te permitan hacer.

Crear una cuenta es otro obstáculo innecesario que con frecuencia puede resultar demasiado difícil de superar. Si bien es comprensible que las empresas solicitar una dirección de correo electrónico para fines de marketing más adelante, puede ser tan desagradable como para detener al cliente en seco. Pueden ir fácilmente a otro lugar para hacer su compra.

Los clientes no son ingenuos acerca de sus datos. Entienden que sus detalles van a ser explotados con fines comerciales. Al aceptar completar todos sus datos, reconocen que también se suscriben a un futuro de ofertas promocionales. ¿Por qué no tratar de compensar ese riesgo proporcionando un proceso de pago de invitados más simple, rápido y menos invasivo?

Debido a este primer enfoque de pago como invitado, Nike se beneficia de un proceso de pago muy rápido y fácil. Tan pronto como haga clic en el botón de pago, solo quedan 3 pasos. Comparando este proceso con ASOS, esto también se lleva a cabo en una página, con un resumen del pedido de palos en el lado derecho.

Nike también utiliza una búsqueda de direcciones automatizada que facilita mucho las cosas a los usuarios. Los costos de entrega y los plazos también se destacan claramente. Una vez que haya completado rápidamente los formularios requeridos, estará en los detalles del pago.

La única diferencia con ASOS aquí es que Nike no ofrece Clearpay como método de pago. Los detalles de la tarjeta se agrupan en un solo tipo en lugar de dividirse en crédito o débito, con PayPal y el ahora siempre presente Klarna también disponibles.

El proceso de pago de Nike es muy similar al de ASOS, con la única diferencia importante de que el proceso de pago como invitado es el primero.

Zalando

El tercer minorista en línea más grande de Alemania, Zalando, tiene su sede en Berlín y vende productos de moda y estilo de vida a clientes en 17 mercados diferentes.

De manera similar a los sitios de comercio electrónico antes mencionados, Zalando hace un esfuerzo concertado para reducir el proceso de pago a sus partes rudimentarias. Cuando vaya a pagar, verá un montón de espacios en blanco, instrucciones básicas y un certificado de pago seguro.

Su página de cesta aborda de inmediato los posibles bloqueadores de conversión. El tiempo de entrega y los costos son claramente visibles y resaltan las opciones de pago.

Lo más notable del diseño de pago de Zalando son los pasos claramente delimitados en su proceso de pago. Numerados del 1 al 5, cada paso tiene una etiqueta diferente, desde ‘iniciar sesión’ hasta ‘listo’, lo que brinda a los clientes una claridad absoluta sobre dónde se encuentran en el proceso de pago.

Otón

Otto comenzó como una empresa de pedidos por correo en 1949 y luego se convirtió en una próspera organización de comercio electrónico que se convirtió en una de las más grandes de Alemania. Ahora opera en más de 20 países de Europa, Asia y América con un recuento mensual estimado de más de 57 millones de visitas.

Con tantos visitantes por mes, necesita tener todo sobre su proceso de pago definido. Y lo hacen.

Tan pronto como agrega un producto a su cesta, se le muestra cuántos pasos quedan en el proceso de pago, y también hemos resaltado algunos intentos de venta cruzada sutiles pero agradables. Lo interesante es que Otto usa dos botones de pago. Uno arriba del pliegue y otro abajo.

Algo que Otto no hace tan bien como los demás es permitirle seleccionar un método de pago fácilmente. Una vez que haya creado una cuenta (ningún invitado estaba disponible para pagar), se lo dirigirá directamente a una página de revisión de pedidos como la que se muestra a continuación.

Al hacer clic en ordenar ahora, se produce un error debido a que no seleccionó un método de pago. Puede ver en el lado izquierdo que esto se seleccionó automáticamente como PayPal, pero no se ingresaron detalles de PayPal. Si otros usuarios se encuentran con este problema, podría estar causando mucha confusión y frustración, por lo que definitivamente es un área en la que Otto debería revisar su proceso.

Pensamientos finales

En última instancia, al analizar varias páginas de pago bien diseñadas, lo único que tienen en común es la simplicidad. Al reducir la cantidad de aros que los clientes tienen que atravesar para comprar un producto, es más probable que hagan clic en comprar. Su…

Deja una respuesta

Tu dirección de correo electrónico no será publicada.