Mobile-First Product Content
Designing for the Screen Where Most UK Health Purchases Happen
Design / UX Article | UX Designers, Creative Teams, E-Commerce Managers
In the UK, more than half of all e-commerce traffic now comes through smartphones. On Amazon.co.uk, this figure exceeds 70% for certain health and wellbeing categories. On Boots.com and LloydsPharmacy Online, the trend is identical: mobile has become the primary screen for discovering and purchasing consumer health products.
Yet the vast majority of product content — images, titles, descriptions, enhanced content — is still designed on desktop screens, by teams who view their product listings on 27-inch monitors. The result is predictable: images that are illegible on a 6-inch screen, truncated titles that lose their essential information, blocks of text that nobody scrolls through, and A+ content whose layout breaks apart on mobile.
This article is a practical guide for creating product content that works where your customers actually shop. Not a retrofitted adaptation, but a Mobile-First approach that places the small screen at the centre of every creative and editorial decision.
Mobile dominates the UK health purchasing journey: the figures that matter
Before diving into design principles, let's establish the data that justifies a fundamental change in approach.
Ready to dominate the Digital Shelf?
Discover how Smile Analytics helps Consumer Healthcare brands optimize their e-commerce performance across all platforms.