BRMSK

Mejoras del checkout y la cuenta de una tienda WooCommerce de moda.

Actualicé el checkout, el acceso por teléfono y las páginas de cuenta de la tienda WooCommerce existente.

Sector
Venta minorista de moda
Tecnologías
WordPress / WooCommerce / DaData
Año del proyecto
2023
Detalle original del checkout con el producto seleccionado y los campos del cliente vacíos.
Detalle del proyecto

Detalle original del checkout con el producto seleccionado y los campos del cliente vacíos.

El reto

BRMSK necesitaba mejorar las últimas etapas de compra conectando dirección, envío y acceso a la cuenta.

La solución

Actualicé el checkout y las páginas de cuenta de la tienda WordPress y WooCommerce existente de BRMSK. El trabajo incluyó direcciones con DaData, integración de módulos de entrega y acceso por teléfono mediante SMS Aero. Las imágenes son capturas originales del proyecto. Mi trabajo cubrió estos flujos, no todo el sitio de la marca.

El proyecto en detalle

Las imágenes muestran la interfaz y su contexto. Los pies distinguen el material de archivo de las vistas actuales del sitio.

Conectar la dirección con la entrega

Añadí sugerencias de dirección con DaData y adapté los módulos de entrega al checkout actualizado. La ubicación del cliente permanece dentro del mismo pedido, sin repetirla en otra interfaz.

Campo de localidad recortado de la misma pantalla original del checkout.
Detalle del proyecto

Campo de localidad recortado de la misma pantalla original del checkout.

Resumen de la misma pantalla original con total y botón de confirmación.
Detalle del proyecto

Resumen de la misma pantalla original con total y botón de confirmación.

1 de 2

Entrar con teléfono y código de confirmación

Implementé las pantallas de acceso por teléfono e integré SMS Aero para los códigos. Las dos vistas originales muestran la entrada del teléfono y el formulario que acepta el código.

Estado original de entrada del teléfono antes de solicitar el código.
Detalle del proyecto

Estado original de entrada del teléfono antes de solicitar el código.

Formulario original de teléfono y código SMS, con campos vacíos.
Detalle del proyecto

Formulario original de teléfono y código SMS, con campos vacíos.

1 de 2

Facilitar la gestión de la cuenta

Trabajé en el diseño de la cuenta para perfil, direcciones guardadas y cambios de contraseña. También adapté el JavaScript de WooCommerce a la nueva interfaz. La captura del archivo contiene campos vacíos, sin datos de clientes.

Diseño original de cuenta con campos de perfil y dirección vacíos.
Detalle del proyecto

Diseño original de cuenta con campos de perfil y dirección vacíos.

El resultado

Resultado

Checkout con direcciones sugeridas

En la práctica

Acceso por teléfono y entrega integrada

Detalles de BRMSK

¿Qué parte del comercio se abordó?

El trabajo de pago coordinó dirección, entrega y acceso por teléfono en los últimos pasos de la compra.