4 couleurs, 3 polices : la direction artistique d'une renaissance

Eva voulait garder quatre couleurs de son ancien site : navy nuit, ivoire chaud, or ambré et terracotta. Mon travail de direction artistique a donc commencé avec cette palette. Il restait à décider où utiliser chaque couleur, comment organiser les sections et quelles polices choisir.

Je suis Jim. Après le choix de quitter Wix, voici comment j'ai posé la direction visuelle de La Puissance de l'Éveil. Je raconte comment j’ai réparti cette palette et donné un rôle à chaque police.

Travailler avec la palette existante

Sur ce point, la refonte n'était pas une page blanche. Les couleurs étaient déjà utilisées par Eva et elle souhaitait les conserver. Je pouvais consacrer le travail à leur répartition plutôt qu'à chercher une autre palette.

Ça ne règle pas tout. Avec les mêmes quatre couleurs, on peut obtenir une page très différente selon le fond dominant, la proportion de surfaces claires et la place des accents. Il faut aussi regarder ce que ça donne sur le texte, les boutons et les photos.

Le navy est devenu un fond principal. L'ivoire permet de changer le rythme avec des sections claires. L'or ambré et le terracotta complètent la palette. L'intérêt était de disposer d'un ensemble limité et de lui donner des usages cohérents sur les pages.

Une direction de travail nommée

J'ai appelé cette direction « éveil lunaire éditorial ». Le nom servait à garder l'intention sous les yeux pendant le travail : des fonds sombres, un or utilisé par touches et des espaces clairs pour répartir le contenu.

Trois choix ont donné une forme concrète à cette intention :

Alterner les fonds navy et ivoire. Le changement de fond marque les sections et répartit les textes longs.
Limiter les accents or. Ils apparaissent sur un mot en italique, un chiffre ou un appel à l'action. Si je les utilise partout, ils ne distinguent plus rien.
Ajouter deux détails graphiques. Une lune dorée dérive lentement à l'arrière-plan, le « moon orb ». Un grain SVG discret apporte de la texture.

La lune et le grain restent en arrière-plan. Les photos, les textes et les proportions organisent l’essentiel de la page.

Donner un rôle à chaque police

J'ai retenu trois polices : Fraunces pour les titres, Instrument Sans pour le corps de texte, Instrument Serif pour les citations. Cette répartition évite de changer de police seulement pour varier un écran.

Fraunces permet de travailler les grands titres et les mots en italique. C'est une police variable, avec notamment des axes de taille optique et de douceur des formes. J'avais écarté Cormorant pour ce projet et retenu Fraunces pour le caractère de ses titres.

Un texte comme « Sois enfin pleinement toi » peut ainsi avoir un mot mis en avant en italique or. Je cherche à faire ressortir ce passage sans modifier le reste du titre ni multiplier les effets.

Pour le corps, j’ai choisi Instrument Sans plutôt qu’Inter. Instrument Serif reste réservée aux citations.

Instrument Serif a un rôle plus limité, sur les citations. En gardant cette répartition, je peux relire la page et repérer les éléments qui auraient changé de registre sans raison.

Les codes que le brief écartait

Plusieurs choix étaient aussi des exclusions :

Les dégradés violets et lavande, qui ne correspondaient pas à la palette retenue.
Les images de banque wellness, avec mains dans l'eau, lotus ou mandalas. Le site utilise les images d'Eva.
Les formulations corporate comme « Réservez maintenant » ou « Découvrez mon offre ». Le vocabulaire suit plutôt ses textes : se choisir, traverser, retirer.
La symétrie systématique. J'ai travaillé des compositions plus asymétriques, tout en gardant un ordre de lecture compréhensible.

La palette, les polices et les images donnaient désormais un cadre. Il restait à vérifier comment la visiteuse allait passer d'une section à l'autre, et ce qui devait changer sur téléphone. C'est le travail présenté dans le parcours de lecture pensé pour le public d'Eva.

Le bilan de la refonte depuis Wix rassemble les choix retenus sur l'ensemble du chantier.