People Won't Read If It's NOT Visually Comfortable

Many people invest time in writing content, but when published on websites, hardly anyone reads to the end.

Not because the writing is poor

But because the "design" makes it feel exhausting to read So no one finishes reading.

I recently redesigned the Article page for Data Echooo's website. I'd like to share which elements I changed and why I made these specific choices. Super detailed, get ready to take notes!

1. The title lacks prominence because other elements steal attention

From the category color that contrasts so strongly with the blue, it screams for attention to the busy banner image pattern that makes the title, which should be most prominent, disappear.

People click in and don't know where to start reading.

But when you make the title large, with colors that contrast against a clean background, prominently centered, People stop and look, and start reading without realizing it.

2. The background is too dark, making reading tiresome

The original site used an intense dark blue background, making text difficult to read.

The new design reduces contrast for a simpler look, giving eyes a rest, so readers are ready to continue.

3. Small sans-serif font + tight letter spacing makes reading difficult

The original font was IBM Plex Thai Sans with no serifs, requiring more focus to read. Letter spacing was too tight, making words appear cramped and uncomfortable.

Changed to Sarabun font with increased letter spacing, line height, and word spacing

Many people forget fonts can be adjusted this way and keep hunting for new fonts until satisfied, haha!

4. The sidebar distracts attention and breaks concentration

Other articles, blog categories, and tags filled the sidebar. Instead of focusing on content, readers lost concentration.

The new design replaces the sidebar with a sticky table of contents, allowing content selection without distracting from the main content.

5. Banner consumes half the screen with no purpose whatsoever, lol!

The template banner unrelated to the content took up half the screen. Visitors had to scroll past this useless space to reach actual content.

I removed the banner, moved the title to the top, followed by a large article cover. The prominent image immediately confirms to readers they're "in the right place"

[Bonus] For content sections, set width between 600px - 800px. This helps readers scan content faster and complete reading more easily and quickly.

You don't always need to redesign an entire website like this. Just fixing the right spots can significantly increase engagement.

This was detailed work! If you'd like me to review your site this way, feel free to contact me