Construire une identité qui ne ressemble à aucune autreBuilding an identity that looks like nobody else’s

Un site vitrine de prestataire technique a un problème particulier : il ressemble à tous les autres. Fond sombre, dégradé violet, grille lumineuse en arrière-plan, police sans empattement neutre. C’est rassurant, c’est propre, et c’est parfaitement interchangeable.A technical freelancer’s showcase site has a particular problem: it looks like all the others. Dark background, purple gradient, glowing grid behind, neutral sans-serif. It is reassuring, it is clean, and it is perfectly interchangeable.

Pourquoi tout le monde fait pareilWhy everybody does the same

Parce que ces codes signalent « technique sérieuse » sans effort, et parce qu’ils ne font prendre aucun risque. Le problème est qu’un signal que tout le monde émet ne signale plus rien. Un visiteur qui a vu quinze sites de prestataires dans la journée ne se souviendra d’aucun.Because those codes signal “serious engineering” effortlessly, and because they carry no risk. The problem is that a signal everyone sends no longer signals anything. A visitor who has seen fifteen freelancer sites that day will remember none of them.

Les trois leviers qui différencient vraimentThe three levers that genuinely differentiate

• La typographie d’affichage. C’est l’élément le plus visible et le moins copié, parce qu’il demande un choix. Une police à fort caractère, utilisée en très grand, porte une identité à elle seule.Display typography. The most visible element and the least copied, because it requires a decision. A typeface with real character, set very large, carries an identity on its own.
• La couleur d’accent. Pas la couleur dominante — l’accent, celui qu’on voit trois fois par page. Une couleur inattendue et tenue vaut mieux qu’un dégradé élaboré.The accent colour. Not the dominant colour — the accent, the one you see three times a page. One unexpected colour held consistently beats an elaborate gradient.
• Un motif récurrent. Une forme, un trait, un geste graphique qu’on retrouve d’une page à l’autre et qui devient une signature.A recurring motif. A shape, a line, a graphic gesture that recurs from page to page and becomes a signature.

Ce qui a été retenu iciWhat was chosen here

Un fond clair, à contre-courant de l’usage du secteur. Une police d’affichage très large et très grasse, utilisée à des tailles qui ne laissent pas indifférent. Deux couleurs d’accent — un bleu franc et un vert citron — employées avec parcimonie. Et une mascotte dessinée en vectoriel, dont les yeux suivent le curseur, qui dit en une seconde ce que trois paragraphes diraient moins bien.A light background, against the grain of the sector. A very wide, very heavy display typeface, set at sizes that leave nobody indifferent. Two accent colours — a strong blue and a lime green — used sparingly. And a vector mascot whose eyes follow the cursor, saying in one second what three paragraphs would say less well.

Le brief tenait en une phrase : montrer qu’on peut être certifié chez IBM le lundi et faire un site d’artiste le samedi. Une mascotte à casquette le dit mieux qu’une page « à propos ».The brief fitted in one sentence: show that you can be IBM-certified on Monday and build an artist’s site on Saturday. A mascot in a cap says that better than an “about” page.

La limite à ne pas franchirThe line not to cross

Une identité forte ne dispense pas de lisibilité. Les contrastes restent au-dessus des seuils, les tailles de texte restent confortables, la navigation reste au même endroit sur toutes les pages. L’originalité se joue sur l’affichage et la couleur, jamais sur les mécanismes que le visiteur doit comprendre sans y penser.A strong identity does not excuse poor legibility. Contrast stays above the thresholds, text sizes stay comfortable, navigation stays in the same place on every page. Originality plays out in display and colour, never in the mechanics a visitor must understand without thinking.