Client: Tea Brand MallYear: 2019Industry: Brand Retail
Screenshots
Click any image to enlarge; long images scroll within the viewer.
Key points of this project
- Brand key visual with unified typography colors
- Top search and category entry points
- Fixed aspect ratio for product images
Set the Tone First
For products like tea, imagery and whitespace say more than spec sheets. The design uses a dark wood grain background with warm gold branding, generous whitespace in the body area, and product photos uniformly cropped to the same aspect ratio.
Changes Made Along the Way
The first version used a horizontally swipeable category strip, which proved hard to tap inside the mini program in real testing, so we replaced it with a fixed two-row grid. The search bar stayed at the top with enough spacing from the brand logo to prevent accidental taps.
