Toutes les explorations
Exploration

Produit · Ingénierie web · Design éditorial

KarlGerard.fr

Ce site lui-même, construit de bout en bout : intention produit, design éditorial, code et mise en ligne.

Statut
Projet personnel
Stack
Next.js · React · TypeScript · CSS · Playwright · Vercel · OVHcloud

01

Intention

J’ai conçu ce portfolio comme un produit à part entière, et pas simplement comme un CV en ligne. L’idée était de créer un espace clair, personnel et agréable à explorer, puis de prendre en charge toutes les étapes : conception, développement, tests et mise en ligne.

02

Design éditorial et identité

La direction visuelle reste sobre : une palette crème, noir et sauge acide, une typographie posée, un rythme de lecture clair. J’ai porté une attention particulière aux détails, avec l’idée de créer une expérience agréable plutôt qu’une accumulation d’effets.

03

Karl, sous plusieurs formes

Une même identité peut exister sous plusieurs formes. En informatique, une information peut être représentée de nombreuses façons. Et le métier d’ingénieur informatique est tout aussi varié : logiciel, systèmes embarqués, données, intelligence artificielle, design ou conception d’expériences. Autant de domaines qui se rencontrent et se complètent. J’aime justement explorer ces différentes facettes, comprendre comment elles fonctionnent ensemble et construire des projets de bout en bout.

Mon prénom change donc de forme en haut du site, parce qu’une personne ne se résume jamais à une seule facette. Et si vous repassez par l’accueil, prenez quelques instants pour observer ce prénom défiler. Il pourrait bien vous réserver une surprise.

04

Qualité et tests

Playwright vérifie le bon fonctionnement du site sur différents parcours, langues et formats d’écran, avant chaque changement jugé terminé.

05

Mise en ligne

Le nom de domaine karlgerard.fr a été acheté chez OVHcloud, puis sa configuration DNS pointée vers Vercel, qui héberge et déploie le site. L’audience est suivie avec Vercel Analytics.

06

Référencement

Le travail ne s’arrête pas à l’écriture du code : les métadonnées, les versions FR/EN et un sitemap rendent aussi le site accessible, trouvable et maintenable, avec un suivi dans Google Search Console.

Retour

Toutes les explorations