When Your Illustration Hides Your Message

There’s a certain kind of homepage I see over and over. On the left, a headline. On the right, an illustration: floating geometric shapes, a stylized person pointing at a chart, maybe an abstract swirl of gradients. The illustration is beautiful. It cost real money. And it is actively working against the site.

Here’s the problem. A first-time visitor gives your page a few seconds before deciding whether to stay. In those seconds, their eyes go somewhere. Eyes are drawn to faces, motion, color, and contrast, in roughly that order, long before they’re drawn to text. So if half your hero is a colorful illustration of a smiling person, that’s where the first second goes. The second second goes to figuring out what the illustration means. And here’s the trap: decorative illustrations don’t mean anything. That’s what makes them decorative. The visitor spends attention decoding an image that was never encoding anything.

I run a lot of website audits, because I built a tool that does them, and this pattern shows up constantly in the clarity findings. The page has a perfectly good explanation of what the company does. It’s just losing the fight for attention against its own artwork. The words say “invoicing software for freelancers” and the picture says “purple shapes.” The picture is louder.

The test I use is simple. Take a screenshot of the page. Blur the text, or just squint until you can’t read it. Now ask: does the image alone tell me anything true about the product? For a camera company showing a camera, yes. For a food delivery service showing food, yes. For a B2B SaaS showing a person high-fiving a giant floating bar chart, no. If the answer is no, the image isn’t communicating. It’s occupying.

Occupying would be fine if attention were unlimited. It isn’t. The hero section of a page is the most expensive real estate you own, measured in visitor-seconds. Every square inch you give to decoration is an inch you took from explanation. People sometimes tell me the illustration “sets the tone” or “makes the brand feel friendly.” Maybe. But a visitor who leaves without understanding what you sell doesn’t remember your tone. Confusion is not a brand attribute anyone chooses on purpose, yet it’s the one abstract illustrations most reliably deliver.

There’s a subtler version of this failure too. Sometimes the illustration does relate to the product, but only after you already know what the product is. A dashboard screenshot rendered as a tiny, artfully tilted mockup inside a browser frame inside an illustration of a laptop, at a size where no label is legible. The designer knows it’s the product, so to them it reads as “here’s our product.” To a stranger it reads as “here’s a small rectangle.” Insider knowledge is the great corrupter of homepages. You cannot un-know your own product, which is why you’re the worst judge of whether your page explains it.

What works instead? The boring answers work. If your product has a visible interface, show it big enough to actually read, cropped to the one screen that demonstrates the core value. If your product is physical, show the product. If your product is invisible, an API, say, or a service, consider showing nothing at all and letting the headline carry the page. A hero that is just a strong sentence on a plain background is not a design failure. Some of the highest-converting pages I’ve audited look almost embarrassingly plain. They look plain because everything on them is load-bearing.

I want to be careful not to argue against beauty. Beauty matters; it signals care, and visitors pick up on care. The argument is narrower: beauty and meaning have to point the same direction. An illustration that dramatizes the actual problem you solve, a tangled mess of cables for a cable-management product, is doing double duty. An illustration chosen because it looked nice in the design system’s asset library is doing negative duty. It’s beautiful noise.

When my tool grades a page for clarity, one of the things it effectively asks is: could a stranger, in five seconds, say what this company does and for whom? Pages fail this test for many reasons, but the illustration-shaped reason is the most avoidable, because the fix costs nothing. You don’t need better art. You usually need less of it, or none, so the sentence you already wrote can finally be heard.

The next time you look at your homepage, try the squint test. If what survives the squint is a purple swirl, you have your answer. Your message isn’t unclear because you can’t write. It’s unclear because you hung a painting in front of it.