Specimen: iHealth 健康文章插圖與資訊編輯
Category: Information Design / Editorial / SEO Content
Location: Taipei, Taiwan
Collection Date: 2018 - 2019
Collector: Daco
Role: Visual Design / Editorial Structure / Content Marketing

Project at a glance

These works share a single task: turning abstract, specialised, or information-dense material into visual language that is easy to understand and remember. I use illustration, editorial structure, characters, and visual systems in response to the audience, brand tone, and communication context, making content more approachable without losing its meaning. It reflects the design ability I value most: helping people understand, then inviting them to keep reading.

Project type: Brand visuals / Content design
My role: Visual strategy, illustration, editorial integration
Core strengths: Information translation, narrative design, brand consistency

How I make complex things clear

If the iHealth SEO strategy case is about understanding the real problem behind SEO, this case is about turning complex information into content people could find, read, and actually understand.

At iHealth, I was involved not only in article direction and editing, but also in producing many of the explanatory visuals used in health articles. For highly competitive topics such as diabetes, cholesterol, and hypertension, our goal was not to add more information. It was to make the information clearer.

My approach was consistent: first identify where readers were most likely to get lost, then decide what should stay as text, what should become an image, and what needed to be reorganized into a more scannable rhythm. The visuals were not decoration. They were tools for lowering the cost of understanding.

The results supported that approach. Core topics including diabetes, hypertension, and cholesterol all reached the top two positions in Google organic search. To me, that was not only an SEO win. It was evidence that content, design, and information structure were working together.

Diabetes article cover illustration — **Figure 1**These visuals were part of the article structure itself, designed to help readers hold onto the key points even inside long-form content.

Diabetes was one of the clearest examples. The topic spans causes, types, symptoms, risks, and physiological mechanisms. If all of that is delivered as continuous text, readers often lose orientation before they reach understanding.

So I first separated the information into layers. Insulin action and insulin resistance belong to the mechanism layer. Symptoms belong to the recognition layer. Types and risk factors belong to the classification layer. Once the information is organized, visuals can truly help people understand instead of merely illustrating text.

Types of diabetes illustration — **Figure 2**This diabetes series breaks mechanism, symptom recognition, and classification into separate visual units so understanding can build step by step.

Diabetes symptoms illustration — **Figure 2**This diabetes series breaks mechanism, symptom recognition, and classification into separate visual units so understanding can build step by step.

The cholesterol article posed a different problem. The issue was not lack of information, but that many readers had only a vague idea of what “good” and “bad” cholesterol meant. In that case, adding more explanation was less important than redefining the comparison itself.

I placed the concepts readers most often confuse into the same visual frame, then used shape, direction, color, and grouping to clarify the difference. This is essentially visual hierarchy and chunking: cutting a complex subject into smaller units the mind can hold more easily.

Cholesterol article cover illustration — **Figure 3**The cholesterol visuals reduce conceptual friction by making the relationships legible before readers face more terminology.

Good and bad cholesterol comparison illustration — **Figure 3**The cholesterol visuals reduce conceptual friction by making the relationships legible before readers face more terminology.

Hypertension leaned more toward actionable organization. Readers were not only asking what it is, but also who should pay attention and what they can do now. That meant the article rhythm had to shift from conceptual explanation to risk recognition and prevention.

I cared a lot about scan paths here. Long-form readers often do not read every word in order. They look first for the parts most relevant to them. So the visuals and headings had to function as entry points, helping readers find themselves in the article before they continued downward.

Hypertension risk group illustration — **Figure 4**The hypertension set turns risk groups and prevention into strong scanning anchors inside a long article.

Hypertension prevention illustration — **Figure 4**The hypertension set turns risk groups and prevention into strong scanning anchors inside a long article.

I applied the same method to many other health topics as well: urine color, hydration, salt intake, vitamin D, medication disposal, and ADHD types. On the surface these topics differ, but the underlying task is the same: identify the hardest part to understand, then convert it into something recognizable, comparable, and memorable.

I also cared about whether a visual felt worth saving or sharing. That is part of the SEO strategy too. Search brings readers in, but distinctive visuals help the content travel further after they arrive. Some illustrations deliberately borrowed unusual styles, like old-painting references or the visual logic of retro game packaging, so the explanation would feel more memorable and more likely to be passed along.

Urine color chart — **Figure 5**Different topics call for different visual tones, but all follow the same principle: organize the information before deciding how to express it.

Urine color LINE visual — **Figure 5**Different topics call for different visual tones, but all follow the same principle: organize the information before deciding how to express it.

This ability also shows up in logo design, because a logo is an extreme form of information design. You need to leave behind clear identity, emotion, and concept using very few elements.

Figure 6Each logo compresses a more complex brand idea into a minimal but highly recognizable shape system.

For Phyto, I treated upward growth as the main gesture and let the vertical structure feel plant-like, while the eyes add companionship and a more human personality. The symbol compresses function, character, and warmth into one structure.

For the sushi shop, I relied on the high recognizability of salmon sushi itself. The fish texture becomes simplified horizontal stripes, supported by spacious typography. It draws on visual prototypes and figure-ground clarity so the concept lands almost immediately.

Perro combines a dog silhouette with the impression of a speech bubble. That makes the mark about more than grooming. It suggests companionship, interaction, and a social place where pets meet others. The rounded line quality keeps the identity friendly and approachable.

What I care about most in information design is not whether the data is present, but whether people can follow it toward understanding.
When something is complex, I do not begin by saying more. I begin by arranging it into a better order.
Whether it is an article, an illustration, a layout, or a logo, the core work is the same: clarify relationships so meaning can enter naturally.

How I make complex things clear

Several cases of turning abstract material into understandable form

Explore how I approach products, systems, clarity, and growth through six questions.