How YTO Express Revamped Its Mobile App to Boost User Experience and Business Growth

Background and Goals

As consumer expectations for convenient, human‑centred, and intelligent delivery services grew, YTO Express’s technology product design team set out to strengthen the mini‑program across intelligent capabilities, interaction flows, and brand visual perception, aiming for simultaneous breakthroughs in user experience and business growth.

Upgrade Outcomes: Dual Growth

The redesign focused on three core objectives—"User Perception", "Brand Assets", and "Commercial Value"—and pursued upgrades in four dimensions: visual symbols, experience consistency, emotional resonance, and scenario adaptation. The guiding principle was “everything centered on market‑customer experience, creating value for customers.”

1. Visual Symbol Upgrade

Moving from mere symbols to emotional branding, the team applied a “less is more” approach, ensuring users could instantly recognize the YTO brand across any page or state through familiar icons and unified colors.

Exclusive Symbol Extraction: Integrated YTO‑specific symbols into key product scenes for repeated brand exposure.

Visual Detail Optimization: Simplified redundant designs, enhanced clarity on various screen sizes, and rebuilt the color system to eliminate previous inconsistencies.

2. Experience Consistency Upgrade

By standardizing interface components and visual hierarchy, the redesign reduced page fragmentation and operational uncertainty, delivering a professional, safe, and rigorous brand tone.

Component Standardization: Unified design rules for buttons, cards, dialogs, and action panels.

Information Hierarchy Visualization: Clarified priority of information for quick user comprehension.

Interaction Uniformity: Established a consistent interaction language to convey professionalism and safety.

Priority definition and design asset accumulation

3. Emotional Resonance Upgrade

Design details now convey brand personality, avoiding a cold, mechanical feel and adding warm elements to reduce user comprehension pressure.

Humanized Visual Details: Integrated warm elements aligned with brand tone for more approachable guidance.

Inclusive Visual Design: Followed WCAG 2.0 AA standards to ensure functional colors remain clear across diverse scenarios, reflecting respect for every user.

4. Scenario Adaptation Upgrade

To support a growing variety of user contexts—including foldable phones—the redesign ensured visual consistency and usability across devices.

Intelligent Shipment Scenario: Leveraged AI for address recognition, precise ETA prediction, and instant smart‑customer service.

Process Re‑engineering: Optimized information hierarchy to reduce steps and enhance perceived product value.

Responsive Multi‑Device Layout: Implemented flexible designs for different screen sizes, guaranteeing coordinated visuals and easy operation.

Lightweight Adaptation for Weak Networks: Prioritized loading of text and thumbnails to maintain basic experience under limited bandwidth.

Impact: Experience and Business Metrics

After the four‑dimensional upgrade, product experience scores rose from 2.85 to 4.78 (a 168% increase) and stayed above 4.75 for three consecutive months.

Business data showed a near‑800% year‑over‑year rise in SVIP purchase conversion, a 262% increase in shipment volume, and a drop in order cancellation rate from 16.66% to 12.3%.

Key Learnings and Capability Boost

1. Product Analysis Method – “望闻问切” (Four‑Step Diagnosis): Combined digital tools and user insights to analyze competitors and user needs, facilitating cross‑team reviews for strategic alignment and technical execution.

2. User Research Method – “Quantitative + Qualitative”: Gathered extensive feedback, distilled core issues, identified 5 user types, 10 scenarios, 23 pain points, and 38 opportunities, ensuring design decisions stayed user‑centric.

3. Experience Design Capability – Cross‑Team Collaboration: Product, design, development, and operations teams worked tightly from problem discovery to solution rollout, enhancing expertise in analysis, research, design, and component library construction.

4. Experience Management Capability – Data‑Driven Closed Loop: Established dual data loops (experience and business) to integrate feedback, monitor metrics, and iterate continuously.

Conclusion

The YTO Express member mini‑program upgrade demonstrates how systematic methods, disciplined processes, and deep cross‑functional collaboration can simultaneously elevate user experience and drive substantial business growth, reinforcing a user‑centric, service‑oriented ecosystem.