Please note two things before you start this project. The page that is being redone is manage packages. The area of that page being done is the last column to the right which is the Pay column.
1. What Is happening now? - login access granted
a. You are granted access to a dummy account to see how manage packages function right now (the pay column to the right of the screen)
ii. username: email@example.com
iii. password: 99designs
The first thing you will see is that you will have a "pay for several" button to the top and underneath it Delivery and Pay now.
If a customer chooses delivery the fee is added to their bill, if they choose pay now they will only pay for the amount owed.
If they choose pay for several a "pay" button appears a "cancel" button beneath it and the customer chooses pay and delivery then has to go back up to the pay button to the top to pay for his/her items.
You can log in and check this process for yourself
What we need to happen? - Picture attached.
Delivery is a service that is a part of our growth strategy so we need this design in a way where delivery is almost always asked for by the customer, not just them paying for their package and picking up.
In the photo you will notice their things. Next to it, ill explain its meaning.
1. paid button, box (both greyed) - the customer has paid and delivery is not eligible
2. word pay and box is green - customer hasn't paid yet and the package is eligible for delivery.
3. Paid is grey, box is green. - customer paid for package, but package is eligible for delivery - which means the customer can still pay for delivery if they want to.
at the top you would see the word pay and the word delivery. we would like these to be separate.
The goal is to push delivered you can design this column to be simple, elegant and drive the customer into wanting their packages delivered as oppose to just paying for the package.