Designing Global B2B Interfaces: Key Cultural Differences and Practical Strategies

This article outlines how cultural preferences, reading directions, address formats, and visual conventions across more than 220 countries shape international B2B UI design, and provides concrete presentation, behavior, and business‑level strategies for creating inclusive, adaptable interfaces.

JD.com Experience Design Center
JD.com Experience Design Center
JD.com Experience Design Center
Designing Global B2B Interfaces: Key Cultural Differences and Practical Strategies

1. Project Background

JDL International logistics currently covers over 220 countries and regions, including the United States, Netherlands, United Kingdom, Chile, Japan, Australia, Hong Kong, etc., supporting languages such as Chinese, English, Indonesian, Thai, Malay, Japanese, and offers an integrated supply‑chain solution combining logistics software, automated warehousing planning, and operational expertise.

2. JDL International Business Overview

1) Covered Countries and Regions

JDL’s services span the United States, Netherlands, United Kingdom, Chile, Japan, Australia, Hong Kong and many other markets, handling multiple languages and providing a unified logistics platform.

2) Inclusive International Product

Growing cross‑border demand drives the need for an inclusive product that can serve users from diverse nations, emphasizing cultural tolerance as a core requirement.

3. Internationalization Characteristics

Preference differences: Cultural background influences color meanings and emotional responses. For example, red symbolizes auspiciousness in Chinese culture, while other colors may carry different connotations elsewhere.

Behavior differences: Factors such as geography, economy, and politics shape habits like reading direction (left‑to‑right vs right‑to‑left) and address composition.

1) Preference Differences

Examples of color preferences and taboos:

Hong Kong: white, black, gray are less popular; red, yellow, bright colors are favored.

Japan: prefers red, white, blue, orange, yellow; avoids black‑white combos, green, dark gray.

Thailand: favors red and yellow; avoids brown.

Malaysia (Islamic regions): favors green.

Iconography and illustrations should respect local cultural meanings and avoid prohibited symbols.

Photographs and illustrations should avoid a single skin tone to prevent sensitivity issues; using diverse models is recommended.

2) Behavior Differences

Reading direction varies: LTR languages (Chinese, English, Korean, Japanese) vs RTL languages (Arabic, Persian, Urdu). Layouts, icon orientation, and arrow direction must be mirrored for RTL locales.

Address hierarchy differs: China writes from larger to smaller units (country → province → city → …), while many Western countries list from specific to general (apartment → street → city → state → zip).

Date and time formats also vary; Asian countries often use year/month/day, European and Commonwealth nations use day/month/year, while the United States prefers month/day/year.

Phone number formatting should follow local conventions, typically using a country‑code selector combined with an input field.

Currency codes must follow ISO standards (e.g., CNY for Chinese yuan) to avoid confusion.

4. B2B International Design Strategies

After understanding the cultural and behavioral differences, design can be approached from three perspectives: presentation layer, behavior layer, and business layer.

1) Presentation Layer

Visual styles differ between domestic and overseas sites. Domestic pages often use bright colors, 3D elements, and animations, while international pages favor sober, deep colors (gray, navy, black) and flat imagery.

Example: JD Indonesia replaced the domestic dog logo with a horse to respect local cultural norms.

Empty‑state designs use minimal graphics, linear overlays, and small fill areas to respect color taboos and maintain a clean international aesthetic.

Illustrations featuring people should provide diverse options for gender, ethnicity, hair color, and skin tone.

Avoid embedding static text in images; if necessary, use layered text that can be swapped without changing the image.

2) Behavior Layer

Address forms must follow local order (country first, then reverse hierarchy). Date formats differ by region, and RTL languages require mirrored layout, icon direction, and button placement.

Phone inputs should include a country‑code selector, often displayed as a combined prefix selector plus input field.

3) Business Layer

Late language adaptation can cause UI overflow; text length in Latin scripts can be up to 2.5 times longer than Chinese. Use English as the baseline and reserve 50‑150% extra width, or 200‑300% based on Chinese length, to accommodate longer translations.

Componentizing international UI and establishing clear standards greatly improves design efficiency, consistency, and reusability, enabling teams to quickly understand cross‑cultural differences.

While cultural backgrounds and aesthetic preferences differ, globalization will gradually converge visual standards while preserving unique national characteristics.

frontendUI designInternationalizationB2Bcultural differences
JD.com Experience Design Center
Written by

JD.com Experience Design Center

Professional, creative, passionate about design. The JD.com User Experience Design Department is committed to creating better e-commerce shopping experiences.

0 followers
Reader feedback

How this landed with the community

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.