ID MOBILE

Basket and Checkout.

iD mobile wanted to review the Basket and Checkout process.

basket copy

The problem

Lots of people drop off during their checkout journey.

Goals

  • To Make the journey easier for the customers. 
  • To Increase the coversion rate.

The Challenges

  • Understand from all data the weaknesses of the journey.
  • Make the journey more intuitive and quick for the customers.
  • Simplify the journey.
  • Simplify the UI design.
  • Engage users leading to finish their journey and buy a product.

The Solutions

  • Review and improve the basket journey.
  • Make easier for the customers to complete the form for the checkout.
  • Try to delete all unnecessary informations.
  • Divide the details Page (first step of the checkout) in more sections and follow the user step by step with all labels and help better him when he makes a mistake or doesn't complete correctly a label.
001
003
002
005

The process

Data Analysis

I colllect all data from google analytics and from session cam to understand all journey weaknesses and than find good solutions to improve the journey and the user experience.

steps
001
004
002
003

Start to sketch some wireframes

Pop-up
001
Basket
002
Edit item into basket
003
1. You details - a. About you
004
1. Your details - complete a section
005
1. Your details - b.additional info
006
1. Your details - c. billing address
008
1. Your details - c. find address
009
1. Your details - c. find address
010
1. Your details- d. shipping address
011
1. Your details - d. shipping address
012
1. Your details - complete
016
2. Direct Debit
017
3. Payment
018
4. Confirmation
019

Final Version Desktop

Basket 
basket copy
Edit item into Basket
002
1. Your Details - a. About you 
about us copy
1. Your Details - a. About you complete
about us complete copy
1. Your Details - b. additional info
additional info copy
1. Your Details - c. billing address
BILLING ADDRESS Copy 2
1. Your Details - complete
BILLING ADDRESS Copy 5
2. Direct Debit
direct debit
3. Direct debit validate
direct debit copy 3
4. Payment
payment
5. Payment validate
payment copy
6.Confirmation
confirmation

Final Version Mobile

01_basket items copy
001
002
003
004
005
006
007
008
010
011
012
013
014

Interested in working together? Get in touch!

Email: isabellaelenacirulli@gmail.com
Linkedin: www.linkedin.com/in/isabella-cirulli

© Isabella Cirulli 2024
Product Designer