How Data‑Driven Visual Design Boosted Yellow Pages Conversion by 40%

Design Insights

In operational activities, data speaks; visual designers should use data analysis to showcase design value and drive conversion. The article introduces three dimensions—design insights, design strategy, and reinforced guidance—to illustrate how design fuels Yellow Pages daily traffic conversion.

Core of Traffic

The core value of Yellow Pages daily traffic is to channel users to various categories, achieving data growth as an operational method.

Operational Pain Points

Yellow Pages has 16 primary categories and about 200 secondary ones, requiring optimized templates to handle the complexity and variety of content.

Pre‑Optimization Issues

Problems before optimization included outdated style, low conversion rates, and unreasonable page structures that no longer met business needs.

User Micro‑Profile

Research shows the main user group is around 30 years old, predominantly male, with salaries between 3,000–8,000 RMB.

Design Strategy

Four strategic points were identified: visual attraction, browsing comfort, content depth, and template standardization. The visual direction emphasizes lifestyle, naturalness, and caring, using color, typography, and graphics to shape user perception.

Visual Keywords

The visual keywords derived from user research and business strategy are "life‑like," "natural," and "caring," applied through graphics, colors, and fonts to create a lifestyle‑oriented design style.

Visual Deconstruction Analysis

The main visual is deconstructed using lifestyle backgrounds, three‑dimensional geometric elements, and concise copy to produce a high‑quality visual.

Visual Attraction

Color is the first element that catches the eye; a bright, friendly palette conveys a sense of life and vitality, adjustable per category and scenario.

Browsing Comfort

Human visual processing typically handles up to three pieces of information simultaneously; therefore, page modules are limited to three, redundant elements are removed, and layout is streamlined for a clean, breathable visual experience.

Content Depth

Vertical space is increased by enlarging main images and using irregular card shapes, creating a richer, more three‑dimensional information structure.

Template Standardization

Guidelines such as logo exposure, visual proportion not exceeding 60% of the page, typography size, and button height ensure visual consistency and efficiency.

Multiple Style Templates

Design language is infused into various categories, producing templates such as a renovation‑style layout, a universal 2D semi‑hand‑drawn style, and a clean character‑focused style for housekeeping, achieving unified and efficient designs.

Results

The UV (unique visitor) metric improved by 40% compared with the previous version, validating the effectiveness of the design strategy.

Reinforced Guidance

Conversion is enhanced through three dimensions: user psychology, user experience, and timeliness.

User Psychology

Adding discount amounts to the page leverages the consumer’s desire for bargains, stimulating clicks and improving conversion.

User Experience

Button guidance is strengthened and high‑quality real‑image assets are used to increase clickability.

Timeliness

Seasonal activities—moving‑related promotions during rental peaks, education campaigns at back‑to‑school time, and year‑end housekeeping sales—are planned to target urgent user needs and boost conversion.

Conclusion

The visual upgrade of Yellow Pages daily traffic taught the author to approach design from multiple angles, using data‑driven results as the foundation, and to reverse‑engineer design concepts and styles from product strategy and goals, ultimately solving outdated style, low conversion, and unreasonable page structure issues.