My order page revamp for B2B
e-commerce
My order page revamp for
B2B e-commerce
My order page revamp for
B2B e-commerce
We provide customers with a shipment view that shows how the seller has planned their placed order. It includes information such as what is being shipped, the quantity, and the value of the materials being shipped.
We provide customers with a shipment view that shows how the seller has planned their placed order. It includes information such as what is being shipped, the quantity, and the value of the materials being shipped.
Problem statement
Problem statement
Wrong nesting of orders for whom advance amount is either paid or for 0 advance orders under ‘Orders awaiting payment’
My orders page is non-scaleable to support future order record requirements
Wrong nesting of orders for whom advance amount is either paid or for 0 advance orders under ‘Orders awaiting payment’
My orders page is non-scaleable to support future order record requirements
Product direction
Product direction
What if analysis (ideas)
what if we 1: revamp the entire ‘My orders’ page by keeping it simple for the customer to see all orders
pros:
customer doesn’t need to understand or learn anything new (order sections)
easy search of orders since there would be not many orders per customer
cons:
not scaleable across order segments
what if we 2: segregate the orders into different sections for easy status-based tracking for all customer order
pros:
this structure would be applicable to all orders
cons:
might be a complicated UX for the customer to navigate
What if analysis (ideas)
what if we 1: revamp the entire ‘My orders’ page by keeping it simple for the customer to see all orders
pros:
customer doesn’t need to understand or learn anything new (order sections)
easy search of orders since there would be not many orders per customer
cons:
not scaleable across order segments
what if we 2: segregate the orders into different sections for easy status-based tracking for all customer order
pros:
this structure would be applicable to all orders
cons:
might be a complicated UX for the customer to navigate
Current My order card
Current My order card
Some fundamental issues with this order card:
payment status is non-actionable information to the customer
shipping to address does not communicate specific address (customer might have 2 addresses in Hyderabad for example)
no communication about “what’s the status of my order?”
Some fundamental issues with this order card:
payment status is non-actionable information to the customer
shipping to address does not communicate specific address (customer might have 2 addresses in Hyderabad for example)
no communication about “what’s the status of my order?”
Information architecture
Information architecture
Wireframes
Wireframes
Concept 1
Concept 1
Concept 2
Concept 2
Final design
Final design
Explanation:
The design below improves the customer experience by showing exactly what the customer wants to see for a specific order. They can easily access a detailed view of the order summary to find all the information they need.
The design below improves the customer experience by showing exactly what the customer wants to see for a specific order. They can easily access a detailed view of the order summary to find all the information they need.
More from my portfolio
