Taobao / Tmall · From click to purchase
Win the first glance on Taobao
The hero earns the click, benefit frames explain value, lifestyle imagery builds relevance, and detail frames complete the decision.
01 / Taobao priorities
Win the click, then add proof
The hero makes the product recognizable. The remaining frames explain benefits, use context, and construction one task at a time, working together toward purchase.
- 01Make the hero instantly clearKeep the product recognizable at small size without copy competing with the subject.
- 02One message per screenHero drives clicks, benefit frames explain, detail frames confirm.
- 03A continuous suiteBackgrounds may change; scale, construction, and core materials may not.
02 / Four key scenes
Four frames, four jobs
From discovery to confirmation, every frame has one job while product identity stays unchanged.
Earn attention in the mobile feed
3:4 search hero
Use portrait framing to enlarge the product and reserve a safe title zone. Its silhouette must remain recognizable at phone width.
- Portrait format
- Thumbnail clarity
- Product first
Turn the click into browsing
Listing hero
Continue the search image identity with fuller light and material detail, without overloading the first listing frame.
- Identity continuity
- Quality cue
- Focused first frame
One swipe, one reason
Single-benefit frame
Separate verifiable traits such as 16oz canvas, reinforced stitching, and side gussets so image evidence and short copy support one message.
- One benefit
- Visible proof
- Short copy
Make real use easy to imagine
Detail-page lifestyle
Keep tote scale, natural canvas color, and handle construction accurate across commuting, café, and weekend-shopping settings.
- True scale
- Use context
- Consistent style
03 / Purchase decision
Complete the purchase decision
04 / Generation order
Sequence first, generate second
- 01
Upload real product views
Front, gusset, base, and stitching details lock product identity.
- 02
Set the hero and detail sequence
Start with the search hero, then order benefits, context, and detail.
- 03
Review in browsing order
Review each frame at reduced size for clarity, safe copy, and continuity.
Taobao / Tmall image questions
Start with the 3:4 search image and listing hero. The search image makes the product recognizable in the feed, while the listing hero carries the click; then complete the suite with benefit, lifestyle, and detail frames.
Several buying reasons on one screen weaken the hierarchy. Separate material, construction, or function so concise copy and visual proof support the same point as shoppers continue browsing.
Background and context may change, but scale, color, construction, and core material should stay consistent with the references so the product remains recognizable throughout the detail page.
Prepare accurate front, side, back, base, and key-detail references, confirm dimensions, materials, and packaging, then define the browsing order for hero, benefit, lifestyle, and detail images.