Étude de cas · Refonte + direction artistique

Porsche Passion : un blog vu du siège conducteur

Un blog de 74 articles sur l’univers Porsche, qui avait l’allure de mille autres. Refondu autour d’une seule idée, tenue de la première à la dernière page : lire le site comme on conduit, les yeux sur le tableau de bord.

Voir le site en ligne (nouvel onglet)Lire l’étude de cas

Le site Porsche Passion affiché sur un ordinateur portable

Projet: Blog indépendant de passionnés
Prestation: Refonte + direction artistique
Mise en ligne: Octobre 2026
Stack: WordPress · Etch + ACSS

Articles repris: 74Dans 5 rubriques, chacun avec une illustration neuve
Performance mobile: 99Lighthouse, page d’accueil, le 4 octobre 2026 ; 100 sur ordinateur et en accessibilité
Pages maquettées: 84Dessinées et validées avant la mise en ligne

01 Point de départ

Le défi

Porsche Passion publiait déjà des articles fouillés sur l’histoire, les modèles et la course. Mais le site avait l’allure d’un thème générique : une grille sombre de cartes interchangeables, des titres coupés par des points de suspension, les mêmes articles affichés deux fois sur l’accueil. Rien ne disait qu’on était chez des passionnés de Porsche, et rien ne donnait envie de rester.

Un thème générique, sans rapport avec le sujet
Des titres tronqués, des articles en double
Aucune raison de parcourir le site

02 Direction artistique « Zone rouge »

Le site vu du siège conducteur.

Tout part d’une question : à quoi ressemble un blog Porsche quand on le lit depuis l’habitacle ? Chaque fonction du site a trouvé son équivalent dans la voiture : les rubriques deviennent des cadrans, la navigation une grille de boîte, les derniers articles un tour de chronométrage. Rien n’est décoratif : chaque objet sert à lire, à choisir ou à naviguer.

La palette

Rouge#D41111Boutons, zone rouge des compteurs
Habitacle#0D0B0AFond du site
Papier#F1ECE2Carnet, catalogue, ordre de réparation
Vert instrument#A8E39BGraduations des cadrans
Ambre#FFB81CTemps au tour, panneaux de stand
Violet#B46CFFMeilleur tour

Les typographies

Mona Sans · Titres
Graisse 400 à 850 · chasse 100 à 125 %
Hubot Sans · Chiffres et compteurs
Graisse 400 à 800 · chasse 75 à 100 %

Le décodeur

Chaque fonction du site a trouvé son objet. En petit, ce qu’elle fait ; en gros, ce qu’elle est devenue.

Sur le site · Les 5 rubriques Le combiné d’instruments Une aiguille par rubrique indique son nombre d’articles, et passe en zone rouge au-delà de 25.
Sur le site · Les derniers articles Le tour de chronométrage Le temps de lecture devient un temps au tour ; le plus court s’affiche en violet, comme le meilleur tour en course.
Sur le site · Les guides d’achat Le carnet d’entretien Chaque guide est une opération, tamponnée d’un visa à sa date de publication.
Sur le site · Le pilier 911 Les plaques de châssis Huit générations de 911, de 1963 à aujourd’hui, chacune frappée sur sa plaque et reliée à un article.
Sur le site · Les résultats de course Les panneaux de stand La saison racontée course par course, comme les panneaux tendus aux pilotes depuis le muret.
Sur le site · La cote des collectionneurs Le catalogue de vente Les adjudications de l’année, lot par lot, avec leur tampon « Adjugé ».
Sur le site · Une rubrique Le pommeau de vitesse Chaque rubrique est un rapport de la grille en H, avec sa fiche technique : articles, lecture cumulée, longueur moyenne.
Sur le site · Le sommaire d’un article Le tracé du circuit Les intertitres deviennent des secteurs, placés sur un tracé que l’on parcourt en lisant.