Project: Bag and Checkout redesign

Platform: iOS and Android

The Challenge: The app has been going through a full re-haul over the last year. The bag and checkout experience was very dated and clunky to navigate through. We wanted a more streamlined process to get more users to convert without much frustration. We wanted to consolidate the look and feel of android and iOS and bring the two experiences a little closer together.

Role: UX Designer, UI Designer for Checkout

Solution

Users have had issues with figuring out if they were going to a retail store or an outlet store. With this redesign I wanted to give users a clear difference between the two stores, using design patterns used elsewhere on the app. We kept the interface clean with enough information for the user to navigate.

smartmockups_k036vkes.png

3. Wireframes

After gathering insights from competitors and users, I begin to wire and document out the experience in Sketch. We wanted to elevate the rewards program in both the bag and checkout to make sure the user understands what they are missing out on if they are not a member or not logged in.

We also wanted to make sure our BOPIS experience was easier to navigate for the user. The user can now see what store is selected in the delivery options as well as the option to change their pick up store.

Paypal and Apple Pay are also experiences we wanted to elevate into the bag to create a quicker checkout for those guests.

I also left some room for a future state once we build out a save for later function.

checkout-ui.png

4. UI

Once UX was tested and approved by product and developers I was able to help with the UI of this project as well. Following our design standards and patterns, I was able to design out the checkout side of the experience while another designer worked on the bag experience design.