Keep it simple and easy to scan. Most customers don’t want to wade through a lot of text. The customers that do want to dive deeper into the details won’t be dissuaded by clicking or tapping to reveal more info. Rather than showcasing full-length textual descriptions that fill the page, consider the following options.
One way to keep the page decluttered is to only show a summary of the description (or just the first few lines) followed by a “learn more” style link. The link could either:
When you provide just an initial summary, instead of the full description, you present a cleaner design that lends well to scanning. Too much info at once can be overwhelming.
In this example, the summary links to the product info down below the fold of the page.
You can use tabs or accordions to separate commonly themed info into smaller bite-sized sections that are more easily consumed and lets customers find what they’re interested in faster.
In this example, Sephora uses tabs on desktop and accordions on mobile to break up the text and make it easier to scan. On mobile, they also collapse the main description, showing customers just the key info up-front and allowing them to view more info by tapping read more.
Another approach to consider is removing the majority of text entirely from the initial view. The page would focus on bigger product images, presented in a gallery. The majority of the visible text above the fold would consist of your Add to Cart CTA, navigation, and key info. Any other details would be hidden away from the initial view.
Any product info that you want to present could be moved:
Apple’s website is very visual, often taking a minimalist approach to verbiage. In a way, they rely on product images to sell the products. The iPhone 12 PDP, for instance, essentially presents you with the product image and a blue Buy CTA.
Start converting more leads today.