Être webdesigner au Japon

Webdesigner au Japon, j’ai déjà parlé de mes différentes expériences en entreprise mais je n’avais pas encore parlé du métier en lui-même. J’ai reçu pas mal de demandes pour traiter ce sujet et beaucoup de personnes me demandent comment devenir webdesigner au Japon.

Dans cet article je ne parlerai pas de la façon de le devenir parce que tous les profils sont différents et si il y avait un mode d’emploi ça serait trop simple et je ne parlerai pas non plus du monde de l’entreprise. Je vais plutôt vous parler de ce que c’est d’être une webdesigner française au Japon : le métier bien sûr, mais aussi les spécificités graphiques japonaises, les choses auxquelles j’ai du m’adapter et quand même quelques conseils.

Avant de rentrer dans le vif du sujet, voici un petit résumé de mon parcours.

J’ai une double formation graphiste print/webdesigner (CAP, Bac pro, BTS). Cela fait 8 ans et demi que je travaille (en comptant mes années en alternance) : 6 ans en France chez Nurun/ Razorfish et 2 ans et demi au Japon avec 14 mois chez NHN hangame (création de bannièrs et pages pour des jeux en ligne) et depuis 13 mois dans mon entreprise actuelle (création de sites web pour les offices du tourisme, lieux touristiques, mairies, etc. de Kyûshû).

DA ou webdesigner ?

Ceux qui lisent le japonais et qui consultent aussi mon blog dans cette langue l’auront peut-être remarqué mais si j’utilise le terme directrice artistique web en français, je garde webdesigner en japonais. La raison est toute simple : mon poste s’intitule bien webdesigner mais je fais le travail d’une directrice artistique (DA) tel qu’on le connaît en France.

En fait dans le web au Japon il n’existe pas de distinction entre les deux métiers : tous ces postes sont regroupés sous le terme webdesigner. Toutefois dans les grosses entreprises comme celle où j’ai travaillé jusqu’à l’an dernier, la distinction entre les webdesigners et les DA peut être faite en nommant ces derniers chefs d’équipe. Ils seront en charge des plus gros travaux, vérifieront le travail des autres et auront leur mot à dire sur chaque création sortant du studio.

Pour éviter les redondances je n’utiliserai que le terme webdesigner dans l’article (à la japonaise quoi :))

Être webdesigner au Japon

Définition de poste

Comme je le disais plus haut le travail d’un webdesigner au Japon ne change fondamentalement pas de ce qu’on peut connaitre en France.

Voici en quoi consiste mon travail :

・Faire de la veille concurrentielle, des tendances et digitale

・Rechercher des pistes créatives

・Créer et valoriser de l’identité numérique du client

・Définir la charte graphique du projet : mise en page, visuels, couleurs, typos, les animations, fonctionnalités et les enchaînements d’écrans

・Réaliser des maquettes, des pistes pour des appels d’offres, des pages, illustrations, bannières, visuels, etc.

…

Dans la majorité des entreprises (sauf les plus grosses en fait) le webdesigner sera aussi en charge de l’intégration HTML / CSS du site. Des notions en Javascript sont également très appréciées et recherchées. Quand j’ai commencé à travailler dans mon entreprise actuelle, j’ai su qu’il fallait que je me mette à l’intégration. Ce n’est pas un domaine qui m’intéresse et même si j’ai eu des cours a l’école je n’ai jamais dû les mettre en pratique avant. Heureusement le monde du travail japonais est super sur ce point : un employé sera toujours formé avec bienveillance sur des domaines qu’il connaît moins bien car cela permet de tirer l’équipe vers le haut et c’est bénéfique pour tout le monde.

Logiciels

Les logiciels de base utilisés sont Photoshop et Illustrator bien sûr mais aussi Dreamweaver. En plus, des compétences en Flash sont vraiment appréciées (il existe toujours des vieux sites avec des FLA à modifier) ainsi qu’une maîtrise de Fireworks. J’ai appris et ai toujours travaillé sur Photoshop pour le design de mes pages mais là où je travaille actuellement mes collègues utilisent tous sur Firework. Il semble que ce soit courant ici donc savoir manier Fireworks peut être un vrai plus sur un CV.

Matériel

PC ou MAC ?

Dans mes deux entreprises japonaises j’ai hélas toujours travaillé sur PC mais je sais que les petits studios créés ces dernières années privilégient les MAC. L’utilisation de la souris est beaucoup plus répandue que la tablette graphique, réservée principalement aux illustrateurs. Si comme moi vous utilisez exclusivement la tablette, demandez bien lors de l’entretien si vous pouvez travailler avec (possibilité d’en faire acheter une ou d’apporter la sienne).

Relation avec les clients

C’est simple : il n’y en a pas. Un webdesigner n’est pas du tout en contact avec les clients pour une bonne raison : cela ne se fait pas d’arriver en grand nombre chez un client. Ce sont souvent une ou deux personnes, trois grand maximum qui y vont (il ne faut pas faire perdre la face au client qui n’aurait pas de salle assez grande par exemple).  Le webdesigner ne sera présent ni pour le brief ni, chose étonnante, pour la présentation de son travail que ce soit lors d’un appel d’offre ou lors d’un projet acquis. C’est au chef de projet (CP) que revient la tâche d’expliquer votre travail et votre concept au client. C’est parfois ennuyeux car on ne peut évidemment pas tout expliquer en amont et pour ma part comme j’adore présenter moi-même ce que j’ai fait je trouve cela dommage. J’ai eu la chance de pouvoir exceptionnellement assister à des rendez-vous clients et à mon retour mes collègues étaient tous autour de moi à me demander comment cela se passe : ça m’avait vraiment étonné qu’ils ne savent pas…

Et le japonais ?

Parlons franchement et sans détour : OUI le japonais parlé/écrit/lu est indispensable pour travailler dans le web au Japon.

Sauf dans le cas où vous seriez recruté par une entreprise internationale où tout le monde parle anglais (il ne faut pas rêver) une maîtrise du japonais relativement élevée sera nécessaire. Pour parler en termes compréhensibles par tous, en matière de JLPT je dirais qu’un N2 + le vocabulaire technique est indispensable.

Car si dans une entreprise lambda, si on pourra vous aider au début en vous expliquant un terme technique inconnu, le client et vos collègues ne s’adapteront pas à vous en traduisant ou en s’exprimant en anglais (souvent ils n’en seront même pas capables).

Il faut être apte à :

・comprendre le brief : savoir ce qu’on doit faire est le B.A.BA;

・comprendre les informations du site/page/bannière/image, la hiérarchisation du texte (les titres, légendes, etc.), les parties sont a mettre en avant ou au contraire quelles sont celles a mettre en retrait, etc.;

・travailler sur les logiciels : ils vous seront fournis sera en japonais et il serait dommage de perdre du temps à retenir les emplacements de chaque outil. D’ailleurs je vous conseille de télécharger la version d’essai de la suite Adobe en japonais.

・répondre aux mails et au téléphone;

Ne négligez pas le japonais c’est aussi (voire plus) indispensable que votre book car c’est avant tout sur votre CV et votre entretien que se jouera votre embauche.

Le graphisme web a la japonaise

Je pense ne rien apprendre à personne si je dis que la culture graphique japonaise est très différente de celle française et c’est bien sûr aussi le cas dans le webdesign.

À mon arrivée au Japon j’étais très prisonnière des codes français : subtilité, élégance, règle des couleurs, grands espaces blancs, etc. et j’ai du réapprendre presque complètement mon métier. Si je devais résumer : il faut oublier tout ce qu’on a appris ou au moins le mettre dans un côté de sa tête.

Les sites japonais ne sont pas super variés et l’architecture est très simple. On retrouve souvent une page au scroll interminable avec beaucoup d’infos et quelques pages internes. Il n’y a quasiment pas de sous-sous pages. C’est un peu le cas en France mais c’est encore plus present au Japon : on part du principe que les utilisateurs sont des abrutis (oui oui). Il leur faut éviter de réfléchir et il doivent tout comprendre et tout voir tout de suite. Pour cela on aime utilise de tailles de typos gigantesques pour que ça se voit bien (ici on ne connait pas le dicton « ce n’est pas parce que c’est plus gros que ça se voit plus »), des couleurs et surtout on essaie de tout caser sur la homepage.

・ »Samishii »
Samishii (寂しい) veut dire vide, triste. Autant les structures des sites japonais sont simplissimes, autant niveau architecture d’information et graphisme c’est la culture du détail qui prône. Les japonais ont peur du samishii. Chaque création doit avoir de l’impact et laisser de grands espaces ou aérer ses création ne plaît souvent ni au CP ni au client et comme ce dernier est roi il n’est pas très bien vu de discuter ses désirs (mais il y a des cas où je ne me laisse pas faire haha).

Les webdesigners japonais adorent le style scrapbooking, DIY, les arrondis. On aime mettre en scène des gens : on fait ressortir le côté humain en plaçant beaucoup de photos en situation. Dans le cas des sites de tourisme c’est des gens en train de visiter, de manger, etc. On rajoute des petites bulles de bande dessinée pour les faire parler. On aime détourer les personnes, les coller à moitié sur d’autres photos, mettre les images de travers, faire style que la page est un cahier et les photos comme si elles sortaient d’un Polaroïd, rajouter des petites illustrations (pois, étoiles, notes de musique, des flèches), des trames, etc. En fait il faut toujours une touche kawaii, même si ce n’est que le logo, une petite mascotte. C’est sympa comme tout à créer car on peut vraiment se permettre d’aller très loin.

Bon, ceci n’est pas une généralité. Il y a aussi des sites plus sobres avec de grands visuels, des aplats de couleurs mais on retrouve toujours un petit quelque chose qui « cloche ». Souvent ce sont les arrondis. Je ne sais pas pourquoi les japonais aiment autant ça, pour ma part je les ai en horreur.

Il y a aussi le cas des boutons. On utilise encore beaucoup de roll-over voyants (changement radicale de couleur) ou on demande à ce que le bouton soit animé. Sur le site du Kyûshû Onsen Contest que j’avais créé (on excuse la qualité, je n’avais qu’une demi-journée), les boutons de vote ont du être non seulement agrandis à l’extrême mais on a du aussi leur rajouter un effet de mouvement : ils tanguaient comme des bateaux. Heureusement cette année les boutons vont changer pour quelque chose d’un peu plus sobre.

Site des lanternes de Yamaga

Deux exemples de sites que j’ai créé. Cliquez sur le l’mage pour accéder au site.

・Les couleurs et le respect des saisons
En France on m’a toujours appris d’utiliser trois couleurs : une dominante, une secondaire et une complémentaire pour des mises en valeur.  Au Japon ces règles n’existent pas et la signification des couleurs est aussi différente. Les saisons par exemple sont particulièrement codifiées. Au printemps on voudra un camaïeu de rose, du blanc et du vert. En automne ca sera du jaune, de l’orange et du rouge.

Les japonais sont très fiers de leurs saisons. Beaucoup d’entre eux pensent même qu’il n’y a qu’au Japon qu’il y en a 4 et s’en vantent. Elles sont une source inépuisable d’inspiration : il est très courant de voir un site changer de logo ou de bannière suivant les mois ou les saisons.

On attache aussi une grande importances aux évènements saisonniers. Il n’est pas rare de devoir faire des bannières qui changent chaque mois en y incluant une référence à un évènement populaire qui se passe ce mois-ci. Quelques exemples :
Janvier : nouvel an
Février : Setsubun ou St Valentin
Mars : cérémonie de fin d’etude
Avril : cerisiers
Mai : Kodomo no hi
Juin : saison des pluies
Juillet : Tanabata ou bord de mer
Août : feu d’artifice / festival
Septembre : o tsukimi
Octobre : halloween
Novembre : momiji
Décembre : Noël

・Let’s add some English words !

Ajouter des mots en anglais est super bien vu et il n’est pas rare de trouver les menus et titres des sites dans les deux langues, perdant complètement un utilisateur étranger qui pensera que l’intégralité du site est traduit alors que non c’est juste pour faire « cool ».

・Les (beurk) bannières

Les japonais ADORENT les bannières et vous ne trouverez pas un site sans. En plus d’être un ajout d’information, c’est aussi un vrai code social : elles permettent de montrer la bonne relation entre deux entités et de se flatter l’un l’autre. Si je devais faire une comparaison je dirais que les bannières sont des cartes de visite virtuelles. Au Japon quand on échange ses meishi lors d’un entretien on les pose à côté de soi de façon bien visible. Les bannières c’est pareil et en tant que webdesigner c’est un vrai casse-tête pour les caser. Le pire étant lorsque le client demande à en rajouter alors que tout est calé pile poil…

・Des pages spéciales

Autre chose très populaire ici : les tokushû (特集). Ca n’a pas vraiment d’equivalent dans le web français je crois. Il s’agit d’une série de pages spéciales chacune sur thème particulier. On retrouve par exemple des itinéraires à la journée, une série de cafés etc. Le graphisme est très proche de ce que l’ont peut faire en print et ces pages sont à la fois le bonheur et l’horreur des webdesigners. Bonheur car on peut vraiment se tout se permettre et aller à fond dans le thème. Malheur car ces pages sont trop très fréquentes, plutôt longues et qu’au bout d’un moment on n’a plus d’inspiration.
Depuis l’automne dernier je suis responsable des tokushû de Nagomi, le site de l’office du tourisme de la préfecture Kumamoto. J’aime beaucoup en créer et j’en suis à ma 4ème page mais pour la dernière j’ai passé une journée à chercher quel univers j’allais bien pouvoir donner. Pour trouver l’inspiration on regarde beaucoup les magazines mais aussi ce qui se fait ailleurs. La meilleure source d’inspiration pour les tokushû est l’excellent My favorite Kansai.

Tokushu d’été

Cliquez sur les images pour voir les pages

Le graphisme web a la japonaise est donc plutôt différent du français mais il me passionne. Je trouve qu’il permet beaucoup plus de faire fonctionner son imagination que le web francais qui n’est finalement pas très très fun. Mes compétences se sont décuplées bien plus vite ici, j’ai appris à réfléchir en fonction de beaucoup plus de paramètres, notamment des saisons. Même si des fois je grince des dents devant une liste de bannières interminable ou devant une demande du client qui veut caser toujours plus de choses dans un espace restrait, ce web-là me correspond beaucoup plus et je ne me vois pas retravailler à la française.

Conseils pour bien démarrer en webdesign au Japon

Collectionnez les flyers, brochures et packagings. Dans un premier temps accumulez tout ce que vous pourrez trouver pour vous familiariser à la mise en page, aux couleurs et aux codes graphiques japonais. Ensuite affinez votre sélection en ne prenant que ce qui pourrait vous être utile. Faites aussi de la veille internet sur les nombreux portails regroupant de créations web.

Mes préférés :
https://www.umeboshi.in/ ・http://io3000.com/・http://webukuro.net/・http://www.webdesignclip.com/・http://bm.straightline.jp/

Enfin foncez dans les rayons graphisme / design des librairies qui regorgent de superbes livres tous plus inspirants les uns que les autres. Comptez entre 3500 et 8000 yens pour un livre.

Fun Facts

Taille du texte

Le japonais est une langue qui se lit mal si écrit en trop petit : même si on devine le sens suivant le contexte il peut arriver que certains caractères proches se confondent (par exemple 凛 et 凜). C’est pour ça que la taille minimum d’un texte brut est plus grande pour du japonais que pour de l’alphabet. C’est une des raisons qui font que les sites japonais en langue étrangère paraissent souvent disproportionnés.

Polices et typographie

J’ai toujours adoré la typographie et les polices mais je ne me suis jamais autant amusée avec qu’au Japon. Il existe une multitude de polices au design varié et comme les japonais n’ont pas le sens du kitsch comme on peut l’avoir en France (qui utiliserait la Giddy up std ?) c’est super fun de trouver une typo collant au thème. De plus, le japonais s’adaptant particulièrement bien à la création et aux déformations, il est très facile de créer un logo ou un titre en dessinant ses propres caractères ou en ajoutant des symboles dedans comme dans les exemples qui suivent :

Trois choses à faire attention :
1/ Certaines typos japonaises n’affichent que les hiragana et d’autres seulement quelques kanji.

2/ Si vous travaillez dans une entreprise qui fait des sites à l’international,  vérifiez que vous avez des typos taïwanaises et chinoises d’installées car quelques caractères ne s’afficheront pas avec les typos japonaises.

3/ La famille Kozuka est considerée comme étant la Comic Sans MS japonaise et donc à éviter.

Quelques polices japonaises de base : Hiragino, Meiryo, Meiryo UI, MS Gothic, MS PMincho, etc…
Plus de typos ici : https://w3g.jp/sample/css/font-family#sans-serif

Espacement des caractères

En travaillant au Japon j’ai dû apprendre à faire attention à quelque chose qui ne m’avait jamais effleuré l’esprit avant : l’interlettrage. Chaque caractère japonais s’inscrivent dans un carré. Les espaces vides dans ces carrés dépendent donc de chaque caractère en plus des espaces ajoutés automatiquement selon les polices utilisées. Cela ne fait pas « joli » et il faut corriger pour que cela ait l’air homogène.
Voici un exemple :

Lorem ipsum

Quand j’utilisais le fameux Lorem ipsum en attendant de recevoir le texte à placer, on m’a souvent demandé ce que c’était. Il semble que tous les japonais ne soient pas familiers avec ce texte. On utilise à la place ここにタイトルが入ります (koko ni title ga hairimasu, le titre sera ici) et ここには文章が入ります (koko ni bunsho ga hairimasu, le texte sera ici).

Les calques

C’est moins « fun » mais les japonais ne savent pas ranger leurs calques ! Je ne compte même plus les fois où j’ai maudit un collègue après avoir récupéré un fichier où l’intégralité des calques étaient sans titre et laissées les uns à le suite des autres dans une logique qui m’échappe complètement.

La vitesse de travail

Je trouve qu’on travaille beaucoup plus lentement au Japon qu’en France (cette semaine on m’a donné trois jours pour pondre 5 illustrations : j’ai fini dans la matinée) mais on passe moins de temps à fignoler une création : une fois que c’est fait c’est fait on ne revient pas dessus. Je ne saurais dire si c’est c’est mieux ou pas mais je m’adapte en n’envoyant jamais mes créations en fin de journée mais plutôt le lendemain matin pour avoir un regard neuf et repérer d’éventuelles incohérences.

Fiche de vocabulaire

Chef de projet : (web) director ((web)ディレクター)
Programmation : kaihatsu (開発)
Intégration (html/css) : coding (コーディング)
Client : o kyaku-san (お客さん) / senpo (先方)

Brief : hacchûsho(発注書)
Structure : kôseizu (構成図)
Specs : shiyôsho (仕様書)
Projet : anken (案件)
Appel d’offre : teian competition (提案コンペ)
Dead line : shimekiri (締め切り) ou kigen (期限)
Présentation : presentation (プレゼンテーション) ou present (プレゼン)
Proposition : an (案)
Réunion : uchiawase (打ち合わせ)

Photoshop (フォトショップ)
Illustrator(イラストレーター), familièrement appelé irare (イラレ)
Dreamweaver (ドリームウィーバー)

Longueur : tatehaba (立幅)
Largeur : yokohaba (横幅)
Réglages : settei (設定)
Outils : tools (ツール)
Plume : pen tool (ペンツール)
Recadrage : kirinuki (切り抜き)
Sélecteur : idô tool (移動ツール)
Sélection (rectangulaire) : chôhôkei sentaku (長方形選択)

Effet : kôka (効果)
Contour : kyokai sen (境界線)
Contour progressif : kyokai wo bokasu (境界をぼかす)

Calque : layer (レイヤー)
Tracé : pass (パス)
Police (typo) : font (フォント)
Rotation : kaiten (回転)
Dynamique : dôteki (動的)
Statique : seiteki (静的)

Créer : sakusei suru (作成する)
Sélectionner : sentaku suru (選択する)
Produire : seisaku suru (制作する)
Vérifier : kakunin suru (確認する)
Corriger : shûsei suru (修正する)
Sauvegarder : hôzon suru (保存する)
Imprimer : insatsu suru (印刷する) / print suru (プリントする)
Décaler : zureru (ずれる)
Envoyer le ticket : chiketto wo nageru (チケットを投げる)
Afficher : hyôji suru (表示する)
Masquer : hihyôji suru (非表示する)

Bannière : banner (バナー)
Lien : link (リンク)
Utilisateur : user (ユーザー)
Résolution : (解像度)
Image : gazô (画像)
Vid »o : eizô (映像) ou dôga (動画)
Ecran : gamen (画面)

Être webdesigner à Fukuoka

Fukuoka est une super ville pour tous les créatifs multimedia (web design, CG, video, etc). Elle abrite un grand nombre de compagnies et est plutôt active dans ce domaine en encourageant les start ups, la création et la recherche d’emploi dans ce domaine. Elle organise aussi chaque année un grand concours pour les créatifs : le Fukuoka Creators Award. Pour finir les sites de la ville sont plutôt pas mal faits et ça c’est un gage de qualité.

Quelques liens :
・Creative Camp Fukuoka : aide au changement de carriere pour les creatifs travaillant dans la region de Tokyo. Ils proposent des formations et ateliers (payants), une initiation aux entretiens et une aide a la recherche d’emploi.
・HASH#FUKUOKA : site web regroupant des actualites creatives et interviews de creatifs de Fukuoka.
・Fukuoka Facts : tout un tas de données sur Fukuoka joliment mises en scène.
・CREATIVE CITY FUKUOKA : Des news créatives non seulement sur le design mais aussi sur tout un tas de domaines comme la mode ou le CG.

Si vous avez des questions ou si il y a des points que j’aurais omis d’aborder, n’hésitez pas à me laisser un commentaire !
Et pour lire la version print, direction le blog de Jud a Hiroshima.