NYM: une landing pour la première levée de fond

La mission

NYM Technologies est venu nous voir avec une mission claire. Créer une identité graphique en vue d'une importante levée de fond à Los Angeles. Plus précisément il s'agissait de fabriquer un site, des images, des logos et des slides pour la présentation publique. L'équipe de NYM était alors à un tournant de son existence. Elle sortait du programme d'incubation de Binance qui leur avait offert de l'argent, du temps, du soutien et une visibilité de premier ordre dans la communauté blockchain.

Depuis NYM est un acteur majeur pour renouveler et étendre la protection de la vie privée sur internet.

Étape 1  : Compréhension de l'écosystème

NYM est composé d'experts en sécurité, de scientifiques et d’activistes de l'internet libre. Leur l'attention est portée sur la sécurité des données. Autant dire que les premières discussions étaient loin de toute conception graphique. Elles ressemblaient plutôt à... un document scientifique de vingt pages 😱

Il a fallu traduire leur travail dans un langage compréhensible par tout en chacun sans en perdre le sens. La sécurité est souvent utilisé comme un argument de vente, chez NYM c'est leur raison d'être. Mais il peut être difficile pour le lecteur non expert de faire la différence entre du blabla communicationnel et un projet sérieux. Nous avons commencé par modéliser leurs idées sous plusieurs formes  : notes, schémas et diagrammes. Ces documents préparatifs ont été très importants, ils sont une matérialisation embryonnaire du contenu du site. Ils représentent également une part extrêmement importante de la création d'un site web  : non pas coder mais bien comprendre et incorporer le projet qui doit être mis en avant.

Étape 2  : Processus de création de l’identité

Parallèlement nous avons travaillé avec eux sur leur identité en nous inspirant des méthodes de The Family. Ces méthodes permettent de dégager les valeurs fortes d'un projet et parient sur la mise en avant d'opinions tranchées plutôt que d'une image lisse et passe-partout.

Nous avons adapté ces techniques à notre sauce en les faisant reposer sur trois piliers :

  • un mur d'image amoncelées presque sans réfléchir : cela permet de dégager des couleurs, des motifs, des accents,
  • un questionnaire sur les motivations profondes du projet : cela permet de dégager les points sur lesquels mettre l'accent dans la création du site. Ce qui doit ressortir au premier coup d'oeil
  • un questionnaire sur l'objectif du projet et sur qui le site doit touché : cela permet d'adopter un angle d'attaque approprié, d'adopter l’œil des personnes qu'on souhaite atteindre
NYM values

Étape 3  : Création des éléments graphiques

Ensuite nous avons planché sur la modélisation graphique des applications et des fonctionnalités de NYM Technologies. Ce travail graphique devaient répondre à plusieurs exigences :

  • la volonté de NYM d'un design brutaliste, presque austère, qui se démarque volontairement des présentations par trop publicitaires.
NYM mixnet after
  • une prévisualisation de leurs futurs applications
NYM wallet preview
  • des éléments réutilisables entre le site les présentations publiques
NYM conference

Étape 4 : La création du site web

À cette étape nous avions tous les éléments pour fabriquer le site web : une traduction en langage humain de leur projet, un travail sur l'identité visuelle de NYM et des modélisations graphiques. En les assemblant nous avons pu dégager les grandes lignes de la landing page.

Voici les principaux défis que nous devions relever en rélfléchissant à l'architecture du site :

  • Une présentation claire de leur projet malgré la densité des informations,
  • Créer une narration qui explique pourquoi internet est cassé et comment NYM propose de le réparer,
  • Faire comprendre aux potentiels investisseurs que NYM est le projet privacy le plus sérieux qui existe,
  • Créer de l'engagement : l'inscription des lecteurs du site à la newsletter pour faire vivre une communauté forte autour du projet de NYM

Comme souvent nous avons d'abord travaillé avec du 📖📖📖 des ✏✏✏ et des ✂✂✂. Voici les premiers mockups et sketch papiers :

NYM paper mockup

Le site que nous avons créé comprend cinq sections. La première permet de saisir en quelques secondes la vision de NYM Surveillance is OVER et de s'inscrire à leur newsletter. La seconde raconte pourquoi NYM est nécessaire et même vital pour la vie d'internet. La troisième montre les applications surlequelles travaillent l'équipe de NYM. La quatrième présente l'équipe au complet. Enfin, viennent les témoignages de personalités publiques qui mettent en jeu leur réputation en certifiant le sérieux de NYM. Voici le résultat final 🎆.

NYM landing page

Étape 5 : Internationalisation

La dernière étape de la mission a été la traduction du site web en chinois, en coréen, en allemand et en français. Le caractère mondial de tout projet sur la blockchain exigeait que le site soit multilingue. Nous leur avons permis d'être autonome dans ce processus en mettant en place une méthode de travail qui leur permet d'inscrire leur traductions dans des fichiers en markdowns qui se chargent dynamiquement sur le site web.

Nym had a good experience working with this awesome team: They helped us with web design and jargon-free messaging for our privacy-first tech project, all on very short notice

Harry Haplin, CEO de Nym Technologies