Tous les projets

Paper ClubRefonte graphique du site

Web2020
Client
Paper Club
Année
2020
Expertises
Web
Livrables
  • Charte « Iris » : couleurs, dégradés, typographies
  • Refonte du site paper.club
  • Refonte de la plateforme annonceur
  • Visuels LinkedIn
Site
www.paper.club ↗

Le contexte

Paper Club est une plateforme qui met en relation les marques et plus de 70 000 médias, pour le netlinking, le GEO, les relations presse et le brand content. Le site et la plateforme, construits sur un violet électrique et des dégradés jaune-rose, avaient vieilli et ne donnaient plus l’image premium d’un club qui ouvre les portes des plus beaux médias.

Ma réponse

J’ai fait évoluer l’identité vers « Iris » : un dégradé violet, mauve et rose, un indigo profond pour le texte, un aubergine pour les fonds sombres, Roboto pour le site et Inter pour la plateforme. Sur le site, de grands visuels de médias, des cartes arrondies et une carte de membre à personnaliser ; sur la plateforme, des tableaux plus lisibles et un en-tête en dégradé. La charte se décline ensuite sur LinkedIn.

Le nom en minuscules, avec un point qui sépare « paper » de « club ». La partie « .club » porte le dégradé Iris, la signature de la nouvelle identité.

Logo paper.club
Version couleur
Aubergine
Iris
Favicon

Les couleurs

Un indigo profond pour le texte et le logo, un violet Iris pour l’action, un aubergine pour les fonds sombres et un rose réservé aux accents. Deux dégradés relient le tout.

Indigo#272962
RGB
39, 41, 98
Usage
Titres, texte, logo
Iris#5151CD
RGB
81, 81, 205
Usage
Boutons, liens
Bleu#2752D3
RGB
39, 82, 211
Usage
Accents, liens actifs
Aubergine#2C0B46
RGB
44, 11, 70
Usage
Fonds sombres, carte club
Mauve#93A3F9
RGB
147, 163, 249
Usage
Dégradés, illustrations
Rose#F95676
RGB
249, 86, 118
Usage
Point du logo, accents
Lavande#DDE3FF
RGB
221, 227, 255
Usage
Fonds de cartes, étiquettes
Blanc cassé#FAF9FB
RGB
250, 249, 251
Usage
Fonds de page

Dégradé Iris #5151CD → #9B9EF0 → #E54666
Boutons principaux, « .club » du logo

Dégradé Aurore #2752D3 → #93A3F9 → #F95676
Cadres, en-têtes, fonds de sections

Les typographies

Roboto pour tout le site, des grands titres au texte courant ; Inter pour l’interface de la plateforme.

Site

Roboto

Regular et SemiBold, interlignage serré pour les titres ; Regular pour le texte. Une écriture nette, qui laisse la place aux logos des médias.

Titre H1

Vous donnez accès aux plus beaux médias.

Titre H2

Nos 70 000 références ne vont pas toutes vous convenir

Plateforme

Inter

Pour les tableaux, filtres et éléments de l’interface annonceur.

Paragraphe

Trouvez les médias qui correspondent à votre secteur en 3 minutes.

Étiquettes

SEONetlinkingRP & Brand

Alphabet

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk 0123456789

Le site paper.club

Un site qui montre les médias plutôt que d’en parler : leurs logos en défilement, des services en grandes cartes photo, une recherche par secteur et une carte de membre à personnaliser.

En-tête du nouveau site Paper Club
Accueil
Section services
Services
Recherche de médias par secteur
Recherche par secteur
Section équipe
L’équipe
Carte de membre du club
La carte de membre

La plateforme

Côté annonceur, des résultats sous forme de cartes et de tableaux plus lisibles, avec l’en-tête en dégradé Iris.

Ancienne plateforme Paper Club
Avant L’ancien tableau de bord
Nouvelle plateforme Paper Club
Après Le nouveau tableau de bord
Page de résultats de la plateforme
Résultats de recherche

LinkedIn

Le dégradé Iris et l’aubergine se retrouvent dans les prises de parole, notamment pour le lancement du MCP Paper Club avec Claude.

Bannière LinkedIn Paper Club
Bannière
Visuel LinkedIn aubergine
Version aubergine
Visuel LinkedIn Iris
Version Iris