5 Inspiring Mobile App Design Cases: Transparency, AI, and User Engagement

Case #01 – HeyTea: Transparent Recipe Display

HeyTea uses a cup cross‑section illustration with layered colors and textures to visualize real ingredients, meeting user demand for transparent formulas and reinforcing brand tone.

1. Improve user efficiency The layered view lets users quickly understand the drink’s composition, enhancing visual appeal and comprehension.

2. Emphasize brand tone The “visible real ingredients” visual persuasion aligns with the “four truths, seven zeros” brand concept, building trust.

Case #02 – Xianyu: Channel Retention Overlay

Xianyu’s “Outlet” channel shows a playful retention overlay when users attempt to exit, combining animation, auction feature promotion, and new‑item reminders.

1. Strengthen user awareness Clear guidance to the channel and promotion of auction features direct traffic and encourage feature use.

2. Enhance platform appeal Fun design captures attention, creates an active atmosphere, and builds emotional connection.

Case #03 – QQ Music: AI‑Generated Playlist Explanation

QQ Music integrates Deepseek‑R1 to provide AI‑generated explanations for recommended playlists, increasing transparency and trust.

1. Lightweight interaction A floating info card appears at the top of the playlist, delivering details without disrupting listening.

2. Boost transparency Keyword tags reveal why songs are recommended, addressing “black‑box” concerns.

3. Emotional design Soft colors convey mood; multi‑dimensional analysis turns data into perceivable emotional value.

Case #04 – Alipay: Overseas Personalized Home Page

Alipay detects user location changes and adds a “Overseas” section to the home page, merging local life services and high‑frequency functions for quick adaptation.

1. Efficiency and path simplification Automatic switching between “local” and “overseas” modules reduces manual effort and tightly links features to context.

2. Reduce cognitive load Prioritizing popular local services creates a “what you think, what you see” experience, lowering decision cost.

Case #05 – Ele.me: “Super Hot” Page

Ele.me’s “Super Hot” page combines visual cues and copy to tap into users’ fear of missing out, raising conversion and stickiness.

1. Strengthen perception The “Daily Good Price” bar uses a progress indicator to create scarcity, prompting immediate purchase.

2. Highlight discounts Clear price‑drop graphics and urgent copy (“direct discount”, “save X yuan”) emphasize value and drive fast orders.