Axure
Adobe XD
The online shopping application did not have the function to calculate shipping fees, so it provided free shipping for all orders.
It is necessary to have the function to calculate shipping costs based on the number and type of items and shipping address.
The e-commerce management system is needed to have a new section to set the shipping cost calculation rules.
Shipping fee calculation regulations (view rationale) .
Design shipping fee template management list with template detail, allowing search, create, copy, edit and delete temples.
Shipping fee template editing page, allowing modifying template information, calculation method, default fee, and fee for special area.
Template Management List: In the template management list, users can view detailed information about each template. They also have the capability to manage the templates through various actions such as copying, editing, deleting, and creating new ones.
Template Editing Page: In the template editing page, users have the ability to modify the shipping template's name, calculation rules, and associated fees. The shipping fee calculation rules are laid out in a spreadsheet-like format for easy modification.
Rule 1: When a shipping fee template is linked to a product, the delivery fee for that product is determined by the address-specific fees set within the template.
Rule 2: When customers place an order, the system uses the shipping fee template associated with the products to calculate the order's shipping fee.
Example: When a customer buys product A, B and C