BRMSK

Checkout and account improvements for a WooCommerce fashion store.

I updated checkout, phone sign-in and account pages in the existing WooCommerce store.

Field
Fashion retail
Built with
WordPress / WooCommerce / DaData
Project year
2023
Original checkout detail with the selected product and empty customer fields.
Project detail

Original checkout detail with the selected product and empty customer fields.

The challenge

BRMSK needed to improve the last steps of its online shopping experience. Address entry, delivery selection and account access had to work together in a redesigned checkout, while the team continued to develop the wider store.

The approach

I updated the checkout and customer-account pages of BRMSK’s existing WordPress and WooCommerce store. The work included DaData address suggestions, delivery-plugin integration and phone sign-in through SMS Aero. The images are original project captures, not a claim that I built the whole brand website.

The project, in detail

The images show the interface and its context. Captions distinguish project archives from current-site views.

Connect address entry with delivery

I added DaData address suggestions and adapted the delivery plugins to the revised checkout. The customer’s location stays part of the same order flow instead of being entered again in a separate interface.

Delivery-location field cropped from the same original checkout screen.
Project detail

Delivery-location field cropped from the same original checkout screen.

Order summary from the same original checkout, with total and confirmation button.
Project detail

Order summary from the same original checkout, with total and confirmation button.

1 of 2

Sign in with a phone and confirmation code

I implemented the revised phone sign-in screens and connected SMS Aero for confirmation codes. The two original views show the initial phone entry and the form that accepts the code.

Original phone-entry state before requesting the sign-in code.
Project detail

Original phone-entry state before requesting the sign-in code.

Original phone-number and SMS-code sign-in form, with empty fields.
Project detail

Original phone-number and SMS-code sign-in form, with empty fields.

1 of 2

Make account details easier to manage

I worked on the account layout for profile details, saved addresses and password changes. I also adapted WooCommerce’s JavaScript for the revised interface. The archive view shown here has empty fields, without customer information.

Original account layout with empty profile and address fields.
Project detail

Original account layout with empty profile and address fields.

The outcome

Delivered

Reworked checkout with address suggestions

In practice

Phone sign-in and delivery-plugin integration

Details of BRMSK

What part of commerce did this involve?

The checkout work aligned address entry, delivery choice and phone sign-in in the final steps of purchase.