Designing for the 81% who shop on a phone

Four fifths of the brand's shoppers were on a phone, and every listing had been reviewed and approved on a desktop. On mobile the consequences were specific and severe: titles truncated after about seventy characters, cutting off the shade and size; only the first three bullets appeared before a “read more” fold; and the A+ modules carrying the brand's ingredient story sat several screens down, past the variation picker, the bullets and the cross-sell carousels, where phone traffic almost never reaches.

The gap was visible in the business report as a three-point conversion difference between app and browser sessions that the team had assumed was normal for the category. It wasn't; it was the same page failing on the screen most people used.

We rebuilt the page in the order a phone reveals it.

• Front-loaded titles — the shade, size and core claim inside the first seventy characters, with the brand's long descriptors moved to the end.
• The three bullets that matter — the top three rewritten to carry the whole argument, since the rest are behind a fold on mobile.
• Image stack as the primary content — claims moved out of A+ and into frames two and three, where mobile shoppers actually look.
• A+ reordered for mobile rendering, with the modules that stack worst on a narrow screen replaced.

Mobile conversion rose from 6.2% to 9.4% — +52% — closing almost the entire gap with desktop, which barely moved.

Revenue grew 43% on essentially unchanged traffic, and ACoS fell eight points because the same paid clicks now convert. The team's review process changed too: every listing is now approved on a phone before it goes live, which costs nothing and prevents the whole class of problem.