Product Management 10 min read

How to Make Operational Design Click with Users: A Step‑by‑Step Case Study

This article breaks down operational design into three key questions—design basis, user connection, and result validation—using real‑world case studies, visual analysis, and AB testing data to show how designers can create evidence‑driven, conversion‑focused experiences.

58UXD
58UXD
58UXD
How to Make Operational Design Click with Users: A Step‑by‑Step Case Study

Why Does Pure Artistic Design Fail in Operations?

Designers often feel the urge to showcase high‑level techniques or unique aesthetics, but commercial design must be justified with data and user insight to ensure the visual expression truly resonates with the audience.

1. What Is the Basis for Your Design?

Before starting any design, understand product positioning and user needs, then find a balance between the two. A clear, accurate visual expression guarantees a good user experience.

Case 1: Home‑Selection 919 Promotion

Product Positioning: Leverage the 919 event to maximize brand exposure and drive traffic by creating an eye‑catching hero image that encourages orders.

User Needs: The primary audience is middle‑aged, increasingly younger, with a strong focus on service quality, safety, and price discounts.

Design Analysis: Competitor analysis showed flat illustration lacks tension, while photo‑realistic styles miss premium feel. A 3D visual approach was chosen to enhance texture and detail.

Design Goals:

Highlight the Home brand impression.

Use 3D techniques to achieve high‑quality, detailed visuals and a festive atmosphere.

Emphasize key benefit points to attract users.

2. How Does Your Design Connect With Users?

After setting goals, the design must attract, motivate, trigger, and deliver benefits.

Attraction: Clear visual hierarchy (brand, color, title) conveys information quickly, creating resonance.

Brand: Emphasize quality, security, professionalism through logo, colors, mascot, and house elements.

Color: Use brand green and gold as base; auxiliary colors differentiate sub‑scenes (soft pink for laundry, tech blue for appliance cleaning, vibrant yellow for housekeeping).

Title & Content: Highlight titles as the highest visual layer; tailor scene elements (clothes, shoes, brushes for laundry; furniture, tools for cleaning, etc.) to each sub‑scene.

Other examples include a Double‑12 tax‑service promotion and a Life‑Circle food‑to‑store event, each using brand colors, contrast, and festive elements to strengthen emotional appeal.

Motivation & Trigger: Follow the Fogg Behavior Model – provide sufficient motivation, ability, and a trigger (e.g., prominent button, micro‑interactions) to convert interest into action.

3. How Do You Validate Your Design Results?

Data testing is the most direct way to assess impact.

First AB Test: Tested style, color, layout, and copy on the main traffic entry. Result: UV +15.6%, order conversion +2.6%. Later analysis revealed uncontrolled variables and data leakage.

Second AB Test: Isolated a single variable (real‑product images vs. illustration) on a night‑time service landing page. Result: UV +22% and higher click‑through despite lower discounts.

Future work will incorporate additional validation methods for more rigorous design assessment.

Final Reflection

Operational design is akin to a relationship: use visual language to create resonance, balance product goals with user needs, and continuously ask “why”, “how”, and “on what basis” to ensure the design communicates accurately and drives measurable results.

AB testingproduct managementconversion optimizationuser researchvisual designoperational design
58UXD
Written by

58UXD

58.com User Experience Design Center

0 followers
Reader feedback

How this landed with the community

login Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.