FIELD NOTES · 07

AI Made Your Homepage Beautiful. Why Do People Still Not Understand It?

A homepage can have character and still be clear: what is here, why it matters to the reader, and what happens after they click.

By Elian Yong · · 5 min read

PRODUCT NOTES 02 · Making the Value Clearer — original Chinese cover
PRODUCT NOTES 02 · Making the Value Clearer — original Chinese cover

You spent a long time asking AI to choose fonts, adjust colors, and try several layouts. Finally, the homepage looks presentable.

You send someone the link. After looking at it, they ask, “So what does this actually do?”

That can be discouraging. There is so much writing on the homepage. How can the message still be unclear?

I would start by looking again at the words on the first screen. It is easy to put our own aspirations there and forget to tell a first-time visitor: what is here, why it matters to them, and what they can do first.

01 / PRODUCT NOTES|A Beautiful Phrase Is Not Always a Useful Introduction

“Reconnect with yourself.” “Explore infinite possibilities.” “Begin a whole new experience.”

These phrases rarely look out of place on a page. But cover up the product name: can you tell whether they describe a meditation app, a travel website, or a course?

If the same sentence works perfectly well for another product, it may not yet explain what you actually make.

That does not mean a brand cannot be poetic. It means that, at a first meeting, readers need something concrete to decide whether to keep reading.

Help people understand first. Then the emotion has somewhere to land.

02 / PRODUCT NOTES|How Would I Introduce Yixiu?

Yixiu is the meditation and nature-sound product I built. You can choose a sound in its library, then adjust the volume and listening duration on the player screen.

Below are real app screenshots: the nature-sound player and a three-minute breathing practice.

01 / Listen to nature sounds — actual Yixiu app screenshot
01 / Listen to nature sounds — actual Yixiu app screenshot
02 / Three-minute breathing practice — actual Yixiu app screenshot
02 / Three-minute breathing practice — actual Yixiu app screenshot

If I were writing a homepage specifically for listening before bed, I would begin with this copy exercise.

The first version: “Begin your journey to tranquility. Reconnect with yourself through technology and aesthetics.” The button says “Explore now.”

The second version: “Before bed, listen to nature sounds that help you settle down. Rain, waves, birdsong. Choose a sound, set the duration, and start listening.” The button says “Preview nature sounds.”

The second version gives readers more to judge by: when to use it, what content is available, and what they can do once they enter.

A homepage-copy exercise using Yixiu: abstract language versus concrete information. This is not a live-page redesign or a performance test. Original Chinese illustration.
A homepage-copy exercise using Yixiu: abstract language versus concrete information. This is not a live-page redesign or a performance test. Original Chinese illustration.

This comparison is an exercise in expression, not a redesign of Yixiu's live homepage, and there are no conversion data. It shows that the information has become more specific. Whether it better suits the intended readers still needs to be observed in practice.

There is also a trade-off: saying “before bed” gives less attention to other situations, such as focus or reading. If the page primarily serves bedtime listeners, that is an intentional focus. If it is the main website homepage introducing every feature, the wording needs to be broader.

Clarity also means knowing whom this particular page is speaking to first.

03 / PRODUCT NOTES|Answer Three Questions Before Adjusting the Page

I would first write the message of the opening screen as three plain statements.

Who Is This For, and When Would They Use It?

Let readers recognize their own situation. “Your mind is still busy before bed,” for example, is closer to everyday experience than a broad audience label.

What Exactly Is Here, and What Can It Help Them Do?

Replace “a whole new experience” with content people can see and understand. A sound, a template, a report, or an action can all provide a concrete starting point.

What Happens After They Press the Button?

“Preview nature sounds,” “View a sample report,” and “Create your first page” let people anticipate the next step. If a button promises a preview but first asks them to fill in a long form, the clarity breaks down at the point of action.

Once these three things are settled, use type size, whitespace, and imagery to organize the reading sequence. The role of visual design is to make the important information easier to notice.

04 / PRODUCT NOTES|Ask AI to Look Like a First-Time Visitor

You can give AI a screenshot and the homepage text for an initial check:

Based only on this homepage, what is the product, who is it for, what can someone accomplish with it, and what happens after they press the main button? For every judgment, point to the evidence on the page. When you cannot tell, say that you do not know. Do not fill in the gaps for me.
Then identify the one sentence most worth changing first and give me three more specific versions. Do not add features or promises of results that the original product does not offer.

Its response may help you find gaps in the message, but it cannot replace real readers.

Find someone unfamiliar with the product and, after they look at the page, ask them to explain in their own words what it does. Listen to their understanding before rushing to explain. The things you need to add in person are often exactly what the page has not made clear.

If you change just one thing today, try making the homepage's most beautiful—and most vague—sentence a little more specific.

A good homepage can have character. It should also help people understand why they might want to stay.

What is the first sentence on your homepage right now? If you cover up the product name, can people still recognize what you do?

Elian · Design × AI × Product

Turning ideas into real products.