Pétrone se refait une beauté (et un nouveau site) - épisode 3

branding identité visuelle pétrone

C’est tout frais, c’est tout neuf : Pétrone s’est refait une beauté. Nouvelle identité visuelle, nouveau logo et nouveau site, que vous pourrez découvrir en naviguant au gré de ces pages.

Mais avant de vous présenter tout ça en détail, rapide retour sur l’histoire du processus créatif derrière cette identité, mené main dans la main avec l’agence Riposte.

Objectif : construire une nouvelle identité visuelle plus en phase avec notre vision de Pétrone

3615 Débrouille

Pour ceux qui rattrapent le train en marche, nous vous parlions dans l’épisode 1 de nos débuts hésitants en matière de graphisme. Une première identité née en 2018, à la naissance de Pétrone, surtout faite de bidouilles, puis déclinée au fil des mois, au gré de tests et de tâtonnements.

Pétrone, c’est alors une équipe de deux personnes, Marion & Nicolas, dont zéro graphiste dans le lot. Moralité : on fait donc comme on peut, avec les moyens du bord.

Tout cela nous donne la sensation d’un look pas si mal, mais d’une identité finalement peu définie, et surtout qu’on peut faire beaucoup, beaucoup mieux.

charte graphique pétrone débuts
Une relique sacrée de l’an de grâce 2018 : la première charte graphique Pétrone.

La remontada

L’arrivée de notre apprentie directrice artistique Marouchka en 2021, puis la rencontre avec Fanny et Alexandre, les associés à la tête de l’agence de branding Riposte au printemps 2022 nous donnent l’impulsion pour retravailler notre identité visuelle.

Ce souhait de vous proposer une nouvelle identité visuelle n’est pas né du plaisir de nous “ripoliner la façade” ou de mettre d’autres couleurs pour faire joli, non. Nous avons souhaité mener ce travail dans le but de vous proposer une identité graphique plus en phase avec ce que l’on veut pour Pétrone : une marque moderne, synonyme de confort et de confiance, que vous aurez plaisir à avoir à vos côtés, dans votre quotidien.

Mais avant de travailler concrètement sur notre expression visuelle - en choisissant des couleurs, un logo, un style - il nous fallait savoir plus précisément quelle était notre vision de Pétrone : savoir qui nous étions, et ce que nous avions à dire.
Avant de se lancer concrètement dans la création de notre nouvelle charte, l’équipe de Riposte, habituée à reposer de A à Z les bases de l’identité de ses clients, nous guide à travers plusieurs étapes - que nous vous racontions en détail dans l’épisode 2 de notre série dédiée à la refonte de notre identité visuelle :

  • La plateforme de marque : l’exercice d’introspection qui a vocation à définir notre vision, notre mission, nos valeurs. Le socle fondateur de Pétrone.
  • Un exercice de benchmark : observer notre marché pour identifier comment se positionner de manière pertinente, en trouvant son caractère unique.
  • Un exercice de moodboard : tâtonner pour comprendre ce qui nous plaît, en termes de couleurs, d’ambiance.

Avec toutes ces observations vient la formulation du brief créatif. Et là, autant vous dire que l’exercice est loin d’être simple, car on a souvent envie de tout avoir à la fois, et de s’autoriser des compromis bien pratiques : proposer un univers à la fois doux mais aussi énergique, chaleureux mais pas mou, moderne mais pas enfantin, coloré mais pas flashy…

créa angoisse hystérie
Imaginez la tête des directeurs artistiques à la lecture du 57è mail d’ajustement du brief.

Et clairement, on comprend combien l’exercice n’est pas aisé, car il faut ensuite réussir à retranscrire visuellement des mots et des sensations.

“Mettez-moi un peu plus de rose dans ce bleu svp.” Peinture de Henrik Dønnestad.

peinture bleu

En l’espace de quelques semaines, l’équipe Riposte a pris l’identité de Pétrone à bras-le-corps, et on doit dire qu’on aime beaucoup le résultat. C’est l’heure de vous présenter en détail notre nouvelle identité.

Voici la nouvelle identité visuelle de Pétrone

Un nouveau logo

Adieu la typographie à empattements d’avant, ces petites pattes à la base des lettres qui donnent une saveur assez vintage au style des lettres. Bienvenue à une nouvelle typographie dite “bâton”, car sans fioriture. Un choix plus simple, plus moderne, et qui - on pense, vieillira bien. 

L’occasion de vous présenter notre nouvelle typographie, la Forma DJR, plus droite, plus moderne que notre ancienne typographie Source serif, la fameuse police qui nous servait à écrire le logo Pétrone d’avant, qui avait un parfum très rétro. 

Ce logo existe en version ronde, ou en version plate - selon nos besoins et l’humeur du jour.

logos pétrone

On introduit également un nouveau gimmick visuel : les demi-cercles (les profs de maths parmi nous diront plutôt demi-disques), un principe graphique qui nous sert de fil rouge dans toute notre identité visuelle. Ces demi-cercles nous servent de ponctuation, pour rythmer la lecture de nos supports. Chacun y verra ce qu’il veut mais on aime bien y voir les deux moitiés d’un tout, qui se séparent et se retrouvent, comme les deux moitiés d’une sphère, le haut et le bas, le yin et le yang.

Logo pétrone

Troisième déclinaison de notre logo : une version en icône, résumée à une simple lettre et au cercle qui l’entoure jusqu’au cercle refermé. On s’imagine bien l’utiliser comme un poinçon, pour rappeler discrètement la présence de Pétrone.

Logo Pétrone sous-vêtements homme

Une palette de couleurs enrichie

Les couleurs ont toujours été importantes dans notre coeur, à commencer par un rouge / bordeaux foncé, qui est à nos yeux la couleur de Pétrone depuis nos débuts. Mais nous n’avions pas toujours réussi à être très clair sur notre palette de couleurs, incorporant au gré de nos envies du doré, du orange, du bleu marine. Le bordeaux foncé non plus n’a pas toujours été une référence très claire, changeant légèrement de nuance au fil du temps. Les graphistes très à cheval sur les chartes graphiques et les codes Hex auront des sueurs froides à la lecture de ces lignes. 

Cette nouvelle identité est donc l’occasion de se doter d’une nouvelle palette de couleurs

Ce travail nous permet de nous fixer sur quelques couleurs fortes pour Pétrone, accompagnées de quelques couleurs secondaires. 

pétrone code couleurs

Ceux qui nous suivent depuis longtemps ne seront pas perdus : on garde le lie de vin, qui est définitivement la couleur identitaire de Pétrone. Cette teinte lie de vin est mariée à des nuances de beige, qu’on associe volontiers à quelque chose de charnel et de doux. 

Les teintes de bleu apportent de la fraîcheur et du contraste. 

Enfin, petit détail pour les puristes, on a fait évoluer notre blanc : vous ne lisez plus ces lignes sur un blanc pur, mais sur un blanc légèrement cassé, plus doux.

Vous retrouverez cette palette sur notre site, et sur tous nos supports de communication.

Un jeu de formes

On retrouve nos fameux demi-disques dans un jeu de formes qui sert de base pour une nouvelle collection de pictogrammes, avec une présence discrète de la forme dans tous les symboles. Ces petits dessins apportent de l’information à différents endroits de notre site et de nos supports.

pétrone pictogrammes graphisme

Enfin, en parlant de formes, vous retrouverez au gré de nos pages ce principe de phrase qui se courbe et s’enroule.

Un principe fluide qu’on aime beaucoup, qui rappelle la souplesse du tissu et les vêtements qui épousent les formes du corps.

pétrone identité visuelle

Et tout ça prend vie sur notre nouveau site web

Nouveau site pour nouvelle vie

Cette nouvelle identité se déploie sur un nouveau site, hébergé chez Shopify.

Notre ancien site ne nous apportait pas satisfaction : lent, difficile à gérer, avec pas mal de petits cailloux techniques qui nous ont poursuivis pendant 3 ans. On a tout fait pour que ce nouveau site soit plus performant, et on l’espère, plus pratique pour vous.

Tout le travail sur notre site pourrait à lui seul faire l’objet d’un long, très long article. Mais on tâchera de faire bref pour ne pas vous ennuyer. En résumé, on peut vous dire que ce nouveau site a été le fruit d’un long travail, partant de dessins de pages crayonnés. Cette étape préliminaire nous permet de savoir ce qu’on aime, où placer quels éléments, pour avoir une idée claire du site que l’on souhaite construire.

travail maquettes site web pétrone

On passe ensuite à l’étape des wireframes, reproduisant le site en version « fil de fer » pour reproduire la trame souhaitée de chaque page. Il n’y a ensuite plus qu’à remplir avec des couleurs, les bonnes typographies, les photos…

Étape finale : on aboutit à des maquettes, qui présentent tous les concepts graphiques qu’on vient de vous présenter. On y a ajouté plein de détails à la fois pratiques et esthétiques, comme une signalétique basée sur le principe des demi-cercles.

Et ensuite...ces maquettes ont pris vie sur le site sur lequel vous lisez maintenant ces lignes !

wireframes site web pétrone

Et maintenant ?

Nos deux univers graphiques vont cohabiter pendant quelque temps : vous pourrez encore trouver notre ancien logo sur nos vêtements ou nos enveloppes pour l’envoi de vos colis, le temps que nos stocks se vident. Notre nouveau logo s’invitera petit à petit, au fil de nos nouvelles productions. 

On espère que cette nouvelle peau pour Pétrone vous plaira autant qu’à nous. C’est en tout cas à nos yeux une représentation sincère et fidèle de ce que l’on veut que Pétrone soit, pour nous comme pour nos clients.

Quant à ce nouveau site, il s’enrichira au fur et à mesure de fonctionnalités et de détails dont nous vous parlerons au fur et à mesure. 

Un commentaire sur notre nouveau site, une question ? On est toujours disponible pour en discuter avec vous, juste en dessous de cet article.