Dual-Mode Interface for Local and Mainland Tourist Shoppers
Feature
Adaptive shopping modes tailored for local and Mainland Chinese users
2023.03
Design Intent
To enhance usability for both local users and mainland visitors, the interface introduces two adaptive modes: "Local Mode" and "Visitor Mode." These modes are determined dynamically based on a combination of browser settings, such as language preferences (e.g., zh-TW or zh-CN), user device information, and IP address geolocation.
-
Mainland visitors are guided through a streamlined experience with a product showcase emphasizing genuine brands, leveraging partnerships with TVB ads to build trust.
-
A clear checkout process ensures seamless hotel address input, guaranteeing timely delivery of goods during their stay.
-
Throughout the journey, users receive clear indicators of their current mode, ensuring they are in the correct shopping environment.
4.3/5
100K+
Facilitated Checkouts
+23.2%
User Engagement Rate
+15.6%
Average Time Spent
+11.8%
Retention Rate
士多
Ztore
Product Designer
2021.10 - 2023.12
4.3/5
100K+
Facilitated Checkouts
+23.2%
User Engagement Rate
+11.8%
Retention Rate
+15.6%
Average Time Spent
Integrating Health & Beauty for Smarter Product Navigation on Ztore
Feature
Effortless category-focused navigation
2022.11
Design Intent
The redesign of Ztore's homepage aims to create a structured, engaging shopping experience by addressing user needs and showcasing key elements — Navigation, Promotion, Explore, Category, and SKU — within the first screen. Introducing distinct Health and Beauty sections with thematic visuals ensures intuitive navigation and reinforces Ztore’s brand identity.
Purposeful Product Discovery
-
By separating Health and Beauty categories, the design reduces cognitive overload and directs users toward products aligned with their specific needs, enhancing intent-based browsing.
Visual Hierarchy and Brand Identity
-
Color-coded tabs and thematic visuals establish a distinct visual identity, reinforcing Ztore’s branding while creating an intuitive, structured navigation experience.
Streamlined Interaction and Engagement
-
The intuitive search bar with pre-filled popular keywords, paired with dynamic grids and sticky navigation, ensures a seamless interaction flow. These elements foster user trust by presenting information in an organized, accessible, and professional manner.
Optimized Content Presentation
-
The flexible dynamic grids and topic-specific sticky bars enable strategic prioritization of content. This structured approach maximizes screen real estate, ensuring high-value items and promotions receive maximum visibility, resulting in improved engagement and retention.
Merchant Shipping
Feature
Enhanced cart functionality to support multiple delivery services seamlessly
2023.01
Design Intent
Merchant Shipping was a transformative addition to Ztore, enabling users to benefit from a more versatile and streamlined shopping experience. By integrating multi-service delivery options, the cart experience became more intuitive and efficient, reducing user friction and fostering trust in the platform. Key design considerations included:
Seamless Multi-Delivery Support
-
Allowing a single cart to manage merchant-direct delivery alongside Ztore's three core delivery methods (home delivery, self-pickup, smart locker).
Cart Interaction Optimization
-
Implementing intuitive gestures (e.g., swipe-to-save or delete items) for streamlined cart management.
Transparent Savings Communication
-
Introducing a "Total Savings" prompt to highlight the value customers gain when shopping on Ztore.
Order Clarity
-
Adding an order summary between cart and checkout to boost confidence when using multiple delivery options.
Enhanced Security Assurance
-
Redesigning the CVC verification process for a heightened sense of transaction security.
Product Card Optimization: Streamlined Information Delivery
Feature
Color-coded frames simplify decisions
2022.09
Design Intent
This project focuses on refining product card designs to enhance the browsing experience by presenting essential information effectively and consistently.
Strategic Visual Framework
-
Color-coded highlights (e.g., yellow for “1 Day Deal”) paired with actionable tags like “Save $X.XX” and countdown timers create urgency and drive engagement, elevating user decision-making.
Customizable Merchandising
-
The flexible pink frames empower merchants to emphasize unique selling points directly on product cards (e.g., “Korean Star’s Choice”), ensuring maximum product appeal with minimal design overhead.
Transparent Value Communication
-
Price-per-piece tags provide users with granular pricing insights for bundled products, fostering trust and improving purchase confidence.
Priority-Based Overlays
-
Layered design elements like “Hot,” “New,” and “Ztore Only” prioritize key product details at a glance, enabling users to absorb critical information quickly without overwhelming the interface.
More to Discover
Comprehensive Experience Portfolio
You've reached the end of - Ztore 士多
