Catégories
Chine

Les illustrations de prévention contre le coronavirus à Shanghai par JWDK

Le studio de branding JWDK partners (Shanghai) a lancé une série d’illustrations pour aider à lutter contre les coronavirus en Chine, inspirées des posters de santé publique chinois des années 50. Avec un thème « Stay Clean, Stay Strong » et une palette de couleurs aux tons légers, les 4 illustrations doivent aider les entreprises à maintenir une bonne hygiène dans et autour du lieu de travail.

Par exemple, le premier poster se lit comme suit: « Faites-en un effort d’équipe! COVID-19 — Restez propre, restez fort » – encourageant chacun à prendre des mesures individuelles pour arrêter la propagation des germes et démontre que chaque petit geste compte dans la lutte contre l’infection.

Catégories
Chine

The Chinese Type Archive

Il reste assez difficile pour les non-spécialistes de distinguer les caractéristiques typographiques détaillées des caractères chinois. La plateforme The Chinese Type Archive tente de s’y retrouver.

Il présente un catalogue de 230 polices de caractères, définitions et ressources, avec des informations en anglais et en chinois, expliquant la composition des caractères et la conception des polices de caractères, et donnant un aperçu de leur histoire.

Le projet a été co-crée par Caspar Lam et YuJune Park. Tous deux collaborent au studio de design Synoptic Office, qui a conçu de nombreux projets pour des clients américains et chinois.

Constatant un manque de discours autour du design typographique chinois en Chine et dans le monde du design anglophone, le duo a décidé de créer une ressource plus accessible, pour mieux informer et soutenir les concepteurs utilisant la langue dans le travail de conception graphique.

Avant de de se lancer dans un ‘What the Font’ reconnaissant les polices de caractères, l’important était de créer une base de données, un inventaire de l’existant.

Alors que la calligraphie a été largement cataloguée et étudiée en Chine, la même attention méthodique n’a pas été accordée à la typographie chinoise (impression et sérigraphie) jusqu’à récemment. En conséquence, il n’y a pas de système complet pour les designers.

Caspar Lam

Étant donné que de nombreuses polices de caractères cataloguées ne portent pas de nom ou ont été nommées d’après l’imprimante, l’archive inclut de nouveaux noms pour les polices de caractères et un numéro d’identification stable pour aider les concepteurs à différencier les conceptions plus facilement et plus efficacement.

Alors que la plateforme actuelle a l’intention de servir de répertoire de l’histoire du design et de favoriser le dialogue, l’utilisation et l’évolution de la typographie chinoise dans un contexte mondialisé, Lam et Park ont ​​l’intention de développer les archives pour proposer des outils et des méthodes d’analyse typographique et de publication de données. Ils recherchent également davantage de collaborateurs bénévoles, de soumissions et de corrections, tandis que la plate-forme continue de se développer.

La plate-forme dispose aussi d’un dictionnaire de concepts spécifiques à la typographie chinoise.

Catégories
Le Test

Play, ou le design direct avec le mobile

La question du choix des outils de designers sera une fois encore, importante cette année.

En particulier, il est de possible de concevoir des systèmes entiers (app et sites) directement depuis le téléphone sans passer par une station de travail. Des anciens de Firstborn viennent d’imaginer cet outil.

Exemple : avec Play, une application qui est en contact direct avec le rendu puisqu’il est fait en temps réel sur son smartphone. Fini les previews, uploads et apps de mirroring.

Quelques écrans ci-dessous qui pourraient vous éclairer sur le mode de fonctionnement…

Edition de la largeur d’un container, et options de card (que j’appelle rapidement composant ici).
L’ajout de composants sur la page se fait par une liste déroulante. Le composant est ensuite inséré au lieu de son choix. Pour faciliter l’insertion (ne pas ralentir l’affichage), l’ensemble du rendu passe en mode ‘fil de fer wireframe’.
Le gestionnaire des transitions: ici présentées avec un aperçu, les détails avancés peuvent etre éditées dans une vue ‘code’ assez originale.
Dès que possible, le système utilise des sliders pour modifier la propriété d’un élément: ici, la hauteur d’un composant. Le rendu apparaît en temps réel!
Vidéo promotionnelle de lancement

Pour en voir plus ou pour vous inscrire à la beta, c’est par ici :

https://www.createwithplay.com/

Et mon test plus complet dans les semaines qui viennent~

Catégories
Tendance Design

Le Blogzine

Je reposte un article traduit (en raccourcissant parfois, je l’admets) et présente la vision synthétique de Paddy Donnelly, qui présente, sur l’incontournable Smashing magazine, 3 designers web qui tentent de sortir de la masse de blogs, en créant des blogs avec des posts au design unique, avec le concept de Blogazine, que je traduirais volontiers en ‘Blogzine’, contraction de blog et de magazine.

L’un des billets les plus importants de l’année : The Death of the Boring blog post ?

C’est une grosse claque ! Le billet original est en lui-même d’une élégance et d’efficacité incroyables, certains designers parlent déjà en commentaire du billet de l’année 2009. Je ne peux pas m’empêcher d’imaginer ce concept appliqué pour un média au contenu froid, voire même chaud ! Bon, on en reparlera certainement.

Soyons honnêtes, les billets classiques sont ennuyeux.

Hormis le texte et les images, chaque billet a généralement la même apparence. On constate peu d’originalité d’un billet à l’autre. Bien évidemment, la cohérence et l’identité d’une marque sont des aspects essentiels lorsque l’on conçoit le design visuel d’un site ou d’un blog. Mais que dire de son individualité ? Est ce si logique de penser qu’un billet consacré aux chatons devrait respecter la même charte graphique que celui consacré aux Hacks CSS ?

Trop facile ?

L’utilisation et d’installation d’un thème WordPress sont devenues si aisées, si intuitives, qu’il ne suffit que de quelques minutes pour donner vie à un site. Est-ce devenu justement trop facile ? Surtout si l’on compare cette facilité avec les heures d’efforts qu’un maquettiste print va mettre afin de créer une mise en page intelligente. Quelques designers ont décidé de rompre la monotonie du monde du blog.

Ils n’utilisent pas les thèmes standard de WordPress ou tenter de les remixer, histoire de rendre leur vie plus facile. Au lieu de cela, ils se sont donné pour objectif de créer du contenu, non seulement textuel, mais visuel, pour chaque billet. C’est peut être la nouvelle manière de s’amuser en mettant à jour son blog. Mais pourquoi cette tendance de combiner un billet avec un article de magazine, le « Blogazine », n’a pas encore totalement conquis les masses de blogueurs ?

Une tendance encore bien discrète

Employer le mot « tendance » fait déjà trembler nombre de designers, qui ont déjà entendu parler de ce terme lorsque les boutons glossy, avec des reflets et des ombres portées ont fait leur apparition. Mais la tendance du Blogzine pourrait se présenter autrement, pour plusieurs raisons. Concevoir une mise en page créative pour chaque billet, en fonction de son contenu, demande un certain nombre de compétences, de la patience, une certain engagement vis à vis du contenu, et, le plus important, un effort certain de la part du designer web !

Les Pionniers

Jason Santa Maria est l’une des personnes ayant porté l’innovation de ce type de blogs et qui a crée des billet aux designs individuels depuis juin 2008. Avec un background en print, Jason a eu la vision de créer un blog dans le style d’un magazine, plutôt que de suivre les règles établies dans le design de blog.

« Oui, c’est une sorte de redesign, je considère que c’est surtout une manière de repenser le site » ~ Jason Santa Maria

Les billets de Jason sont fascinants et couvrent une large gamme de sujets, comme le design, la typographie, les livres, la photographie et le cinéma. Les différences dans le design visuels sont parfois de subtils changements dans la typographie employée, mais qui donne, pour chaque message, un sens unique et qui n’aurait jamais pu apparaitre s’il avait été uniformisé avec le reste des billets. Parfois, les changements apportés sont radicaux, tous se rapportent au style de Jason. Le header et le footer sont eux homogènes, mais même sans les voir, vous pouvez deviner que le billet provient de son blog.

« Nous avons vu tant d’avancées dans la manière de publier du contenu, que nous avons pas pris le temps de regarder en arrière pour observer ce que nous créions réellement. Beaucoup de designers ont vu des barrières fortes entre le design print et web, et j’ai vraiment souhaité remettre en question cette séparation. » ~ Jason Santa Maria

Dustin Curtis. Son initiative est devenu connue, suite à l’un de ses billets, une lettre ouverte sur le redesign du site d’American Airlines, dans laquelle il proposait un redesign en profondeur du site internet, ainsi que de repenser l’expérience utilisateur. Les autres articles de Dustin, sur son blog, sont tout aussi fascinants.

Grégory Wood est un webdesigner chez Erskine Design et a crée son site comme une expérimentation en DA. En se retenant d’utiliser un thème existant, Greg a crée un site magnifiquement réalisé, utilisant des thèmes personnalisés pour chaque billet. Voir sa page d’explication de son blog.

Est ce que le web en temps réel à provoqué l’émergence du blogzine ?

Twitter, Posterous, Flickr, Facebook, l’iPhone et les innombrables actress services ont permis de créer un gouffre entre l’information instantanée et atomistique d’un billet élaboré et sophistiqué. (Micropost Vs. Macropost).

Le bon moment pour les macro-billets de briller

Les billets longs avec du contenu à valeur ajoutée ne pourront pas obtenir la reconnaissance qu’ils méritent, parceque les 140 signes que le microblogging ont habitué une lecture rapide d’un billet. En utilisant la technique du blogzine, il est possible de créer l’attention pour lire davantage.

Relier les deux mondes

Nous ne savons pas encore sur l’avenir du blog, mais le micro-blogging va encore l’influencer. Les blogzines devront offrir des appels de lecture courts et proposer une lecture progressive d’articles de journaux et de magazines. On pourrait ainsi créer un pot entre l’article traditionnel et la photo TwitPic.

Pour quels types de sites le format blogzine pourrait-il fonctionner ?

  • Les portfolios : Plutot que de créer un portfolio uniforme, pourquoi ne pas créer un portfolio qui présenterait chaque collaboration au sein d’un habillage différent pour chaque client, projet ?
  • E-Commerce : La plupart des sites de commerce en ligne utilise le meme système de présentation : vignette en grille, page de description, paiement. Ce système a l’avantage d’être bon pour l’usabilité, mais il y a un petit vide à combler entre la lecture rapide et le design visuel. Peut être que de subtils changements dans l’habillage pourraient créer la différence et rendre le site plus distinguable ?
  • Les blogs ‘peu bavards’ : Les bloggeurs manquent parfois de motivation pour maintenir leur site à jour. Pourtant, sept articles publiés sans conviction ne valent pas un billet bien conçu et avec un design unique. Et même si les lecteurs RSS ne vont pas toujours exploiter vos design, vos articles auront la possibilité de faire ressortir votre billet parmi la jungle des autres blogs.

Regardons ce que JasonDustin et Greg ont réalisé : Ils ne blogguent pas souvent, parfois qu’une fois par semaine, ou par mois. Mais la qualité de leur billet est toujours ce qui en ressort.

Catégories
Tendance Design

GoDaddy rebrand… et localisation

C’est déjà de l’info froide, le rebranding complet de GoDaddy interne effectué par GoDaddy. Pour poursuivre la transition du nom de domaine vers l’hébergement pour éventuellement devenir une plateforme de services complet, GoDaddy devait se repositionner. Vous pourrez suivre les discussions ici, ou .

Cette marque connue des anciens comme usant (et abusant) de dark patterns UX tente de rajeunir, s’adresser à une audience de 20-30 ans, entreprenante et qui souhaite capitaliser sur une présence web. Le résultat reprend tous les éléments contemporains d’un rebranding réussi et qui devrait montrer son efficacité dans le long terme.

GoDaddy rebranding - typography

Reste le point mentionné dans le titre: Comment localiser ce changement d’identité sur les sites internationaux. Comme souvent la version chinoise du site garde de lourdes cicatrices:

Godaddy – US Website
GoDaddy – Chinese Website

Il n’en reste pas la preuve que les sites chinois doivent rentabiliser les premiers pixels de messages, d’offre et abonder en liens pour ne pas déstabiliser son audience. Une preuve supplémentaire que le marché chinois n’a pas été considéré comme stratégiquement important.

Catégories
Chine

Han Gao : NICE CREAM

Le designer graphique Han Gao a travaillé sur le branding d’une marque de glaces, NICE CREAM 奈似雪糕. Le jeu de mots de nom de la marque est tout aussi goûtu et bien pensé.

Pour gouter, allez sur ➜ Youzan 🇨🇳

Catégories
Tendance Design

An 2020

3 liens pour ne rien manquer sur les tendances pour l’année qui arrive.

Catégories
Chine

Le Live-streaming en 2020

Les live-streaming sur Taobao ont rassemblé 40 millions d’utilisateurs uniques pendant le 11.11, ce qui représente une augmentation de 130% par rapport à 2018.

Ce meme jour du 11.11, les KOLs Li Jiaqi et Viya ont fait beaucoup de bruit en vendant pas loin de 4 milliards de RMB en produits.

Pour 2020, on peut s’attendre à voir de plus en plus de contenus variés pendant ces lives:

  • Utilisation de nouveaux présentateurs pour les produits ou créer des sous programmes à l’intérieur d’un live, pour leur donner plus de rythme,
  • Invitation de célébrités ou KOL qui sont en relation avec l’image de la marque,
  • Contenu éducatif pour expliquer le fonctionnement d’un nouveau produit ou service, qui utilise le son ou les visualisation de données en animation,
  • Rumeurs et gossip en tout genre, incrustations et effets comiques,
  • Gamification des live avec des cadeaux pour les participants qui pourront davantage actionner le déroulement des live avec des commentaires, des likes,
  • Un échange privé entre les participants et les organisateurs, en contact humain ou via des chatbots de plus en plus sophistiqués.

Il est aisé de voir d’où provient l’inspiration pour ces programmes: jeux vidéo en streaming (Twitch et autre), émissions TV avec candidats, jurys, et vote en ligne, mais aussi les programmes plus traditionnels de télé-achat. Espérons que de nouvelles sources d’inspiration seront utilisées à l’avenir.

Sources: WalkTheChat, Taobao

Catégories
Tendance Design

Readymag 2019 — Projects of the Year

Readymag vient de présenter les sites les plus créatifs sur une page, comme chaque année. 2019 a été une grosse année pour les plateformes SaaS de création de sites.

2019: Projects of the year

Introduction du site — Rollover avec effet de changement de couleur sur les blocs.

Voici mes 3 sites preférés:

I. Farnsworth House

Site, page ou article long form? Un peu tout cela à la fois. cette page inspiré du design helvetique permet de s’immerger dans l’architecture unique d’une maison de vacances. Le tout dans une typographie suisse, la Neue Haas Grotesk Text. Réalisé par Pavel Kedich, designer et avocat d’un design qui se refuse d’empiler les contenus en ‘sandwich’.

II. Peter Lindbergh

Suite à la disparition du photographe, l’agence ukrainienne Obys agence lui rend hommage via un site. En reprenant le contenu du site officiel, il réinvente la biographie.

III. I type NY

Une histoire simple, une mise en scène cinématographique… qui utilise du son, du texte et des couleurs uniquement. Ce site rendra fou tous les experts UX car il utilise intensément le scroll comme moyen de naviguer dans le contenu.

Catégories
Agency Portfolio

firstborn

Non pas First born, ni Firstborn, mais just firstborn. Excès de modestie? À vous de juger. L’agence vient de mettre à jour son folio et le dope avec tout le glitch technologique : Balle au centre, tout se passe à New York. Ou presque.

Les écrans dans la suite:

Homepage
Who We Are
What We Do
Featured Work