A.01
La couleur véhicule un sens
Le rouge évoque la chance et l’énergie. L’or, le haut de gamme. Le blanc, livré à lui-même, charrie une lourdeur funéraire : nous l’associons systématiquement à des accents marqués.
UX / UI · 设计
Concevoir pour
la manière dont les Chinois
naviguent au quotidien.
Des expériences WordPress qui sonnent natives à l’oreille du lecteur chinois. Ancrées culturellement, pensées mobile d’abord, façonnées autour des plateformes qui font tourner l’Internet en Chine.
home-mobile.fig
375 × 812
Mobile d’abord
WeChat + ICP
70%+
Trafic mobile en Chine
6
Navigateurs testés
WeChat
Intégration native
ICP
Conforme dès la conception
Le problème
Pourquoi le design occidental
s’effondre en Chine.
Une entreprise fait tourner son site WordPress chez elle, le déploie en Chine, et le taux de rebond s’envole. Techniquement, le site demeure irréprochable, mais quelque chose sonne faux à qui le consulte depuis Shanghai ou Chengdu.
Les internautes chinois n’ont pas grandi sur le même Web. Leur manière de naviguer, le volume d’informations qu’ils s’attendent à embrasser d’un seul coup d’œil, tout cela porte l’empreinte de WeChat, de Taobao et de Douyin.
Un langage visuel qui convertit à Chicago demande à être repensé pour parler à Chongqing.
Style occidental
Aéré, faible engagement
Style chinois
Dense, performant à la conversion
Savoir de terrain
Six leçons que la Chine
nous a transmises sur le design.
A.01 à A.06 / Heuristiques UX Chine
A.02
La densité signale la confiance
Les pages denses au-dessus de la ligne de flottaison rassurent l’internaute chinois. Les designs très aérés se lisent souvent comme inaboutis, parfois même évasifs.
A.03
ICP 沪B2-2024
0123456号
0123456号
营业
执照
执照
La confiance se loge aux marges
Numéro ICP, licence d’entreprise, badges officiels. Le pied de page demeure l’emplacement conventionnel. Les QR codes placés au-dessus de la ligne de flottaison renforcent considérablement la crédibilité perçue.
A.04
微信
WeChat relève de l’infrastructure
QR codes, liens vers Mini Programs, points de partage, identifiants service client. À traiter comme un socle d’infrastructure du site, au même rang que la navigation principale.
A.05
中 Aa
La typographie compte autant que les mots
PingFang SC, Noto Sans SC ou Source Han s’associent à Inter ou aux piles système. L’interlettrage et l’interligne obéissent à des règles distinctes de celles des langues latines.
A.06
La barre du bas tient lieu de bouton d’accueil
La barre de navigation collée en bas joue, sur le Web mobile chinois, le rôle d’un bouton d’accueil universel. Cinq cibles tactiles, en permanence visibles, en permanence atteignables au pouce.
Notre prestation
Quatre disciplines.
Un résultat unique.
/ Recherche
Recherche utilisateur
Nous cartographions la manière dont votre public navigue réellement en Chine, nous mesurons les concurrents locaux et internationaux, et nous concevons des parcours qui s’amorcent là où l’internaute chinois commence sa journée : Douyin, WeChat ou Baidu.
/ Architecture
Architecture de l’information
Le lecteur chinois marque sa préférence pour les pages denses. Davantage de liens visibles, davantage de texte, davantage d’options dès le premier écran. Nous structurons le contenu à la profondeur attendue, sans le rendre illisible aux yeux du siège.
/ UI
Design visuel
Mises en page pensées d’abord pour le mobile, sur les appareils réellement utilisés en Chine. Couleur symbolique, typographie respectueuse des caractères, signaux de confiance (QR WeChat, numéro ICP, licence d’entreprise) que les consommateurs chinois vérifient avant de passer à l’action.
/ Système
Système de design Gutenberg
Nous concevons directement dans Gutenberg. Blocs personnalisés manipulés par vos équipes contenu sans dépendre d’un développeur, composants de cohérence visuelle, gabarits modifiables sans la moindre compétence technique.
Au cœur du système
Des tokens documentés
jusqu’au plus petit détail.
Chaque design livré s’accompagne de son système. Les tokens de couleur, de typographie et d’espacement transitent de Figma à Gutenberg sans la moindre déformation.
/ Couleur
5 / tokens- Rouge propice #E11D2EChance, énergie, action
- Orange de marque #F25F29Vitalité, accent
- Vert de validation #52C41AValidation, WeChat
- Encre #1F1F1FTitres, ancrage
- Nuage #FAFAFAArrière-plan, jamais isolé
/ Typographie
PingFang · Inter- H132px中文标题 Titre principal
- H224px副标题 Sous-titre de section
- Body16px正文段落 Paragraphe courant
- Caption12px辅助说明 Légende ou méta
/ Espacement
Échelle base 4- 4 · XS
- 8 · S
- 16 · M
- 24 · L
- 32 · XL
- 48 · 2XL
L’ensemble de l’espacement repose sur 4 px.
Rythme vertical calé sur 8 px.
Rythme vertical calé sur 8 px.
Système de design · passation
Conçu dans Figma.
Livré prêt à être codé.
- Bibliothèque de composants calibrée pour la typographie chinoise
- Système de tokens : couleur, espacement, échelle typographique
- Maquettes filaires mobile et bureau pour chaque page clé
- Spécifications d’interaction directement exploitables par vos développeurs
Notre méthode de travail
Un trajet lisible
du cadrage à la passation.
P.01 à P.06 / Déroulé de mission
P.01
Cadrage initial
Cadrage à partir de votre charte de marque, des objectifs visés et du public que vous comptez toucher en Chine.
P.02
Recherche et veille concurrentielle
Cartographie de la concurrence, schémas d’usage locaux, principes de design propres au marché. La phase de fondations, à laquelle nous consacrons le temps qu’elle réclame.
P.03
Maquettes filaires
Structure des pages et parcours confrontés aux attentes des internautes chinois. Reprendre une maquette filaire coûte sans commune mesure moins cher qu’une maquette finalisée.
P.04
Design visuel et itérations
Maquettes haute fidélité et cycles de retours jusqu’à ce que le design tienne à la fois pour la marque mondiale et pour le marché chinois.
P.05
Système et passation
Composants, règles de style et spécifications d’interaction réunis dans un même livrable, pour que vos développeurs avancent sans avoir à deviner.
P.06
Recette et validation
Tests sur les navigateurs et appareils chinois. Un site somptueux à Londres peut s’effondrer sur UC Browser ou QQ Browser, encore très répandus sur le continent.
Who Is This For?
À qui cette page s’adresse
Démarrer depuis zéro
Vous bâtissez un site WordPress pour la Chine et entendez poser le bon design dès le départ.
Un site en ligne qui peine à convertir
Votre site chinois fonctionne, mais les conversions ne suivent pas. Vous soupçonnez le design d’en être la cause.
Pages de campagne
Vos équipes marketing ont besoin de pages calibrées pour les consommateurs chinois, débarrassées de cet effet « page traduite » qui saute immédiatement aux yeux.
Adapter un design international
Vous disposez d’un système de design international solide et cherchez l’interlocuteur capable de le transposer au marché chinois.
Échanger sur votre projet
Concevoir pour la Chine se mesure
à l’usage réel que les visiteurs font du site.
L’esthétique vient ensuite, en appui de cet usage. Si cette approche fait écho à votre projet, prenons le temps d’en discuter.