As the UX/UI designer on this project, I was responsible for designing the storefront user interface and creating management tools within the SFCC backend to support these business needs.
2 designers, 1 Project Manager, 2 System Analysts, 2 Business Analysts, Vendor
Feb 2024 - Oct 2024
Feature Enhacement
Responsive web
Special Delivery Management is a tool kit for the SFCC backend. The feature enables operation users to manage order delivery of different merchants or suppliers, and update shipment statuses by batch or unique shipment IDs. This helps to enhance the customer experience by providing a seamless way to monitor shipment status information directly from the storefront.
Also, operation users may centrallize merchant information using a merchant master list, which can make merchant management more efficient.
The proposed product types are outlined in the chart below:
Businesses face challenges in offering both physical and virtual products on eCommerce platforms due to the lack of a flexible system that supports merchant-managed delivery and digital redemption. Business users need an efficient way to set up products with custom delivery methods, such as redemption codes or promo URLs.
Meanwhile, customers expect a seamless checkout experience, timely access to digital redemptions or delivery updates, and an easy way to request refunds. Without these capabilities, both operational efficiency and customer satisfaction are significantly impacted.
Solutions
Based on the user requirements:
1. Customers can check out virtual products with non-delivery flow
2. Customers can receive e-redemption email when virtual products order confirmed
3. Customers can raise virtual product refund request
4. Customers can view shipment status from storefront
interface design for storefront was updated to enable customers to have a seamless purchase experience in virtual products.
01.
Delivery tags
E-redemption/ Merchant Direct/ Delivery by Appointment tags are designed to identify delivery method
02.
Shopping Cart
Allowed to include Physical products, Virtual products, and Special products in the same shopping cart.
03
Shipping fee & delivery section
Shipping fee calculation and delivery section were designed base on product and delivery types.
04
Order Progress Display
Showed the delivery status on shipment level.
In order to allow operation users to setup virtual products in SFCC, a customized tool for special delivery management was developed in SFCC for easy manage merchant related information . I also designed a Merchant Master List template to enable users to quickly export/import shipment status.
Given that the e-Proof mobile application caters to the public sector, our user base is diverse. I needed to maintain seamless communication with both OGCIO and our cross-functional team to ensure the effectiveness of our user research and design solutions.
Operating under stringent time constraints, we adopted an agile approach to design a comprehensive user journey and user interface within a month of completing the tender proposal.
The license verification process involved complex workflows, necessitating thorough consideration of edge cases. I dedicated effort to designing solutions that could address these complex scenarios effectively.
