Pharmacy OS rejoint l’étagère des side quests
J’ai épinglé un nouveau lot d’explorations Pharmacy OS : icônes 3D, écrans d’onboarding et un avant-après du dashboard. L’étagère des side quests a enfin de la place pour cet univers.
La trace des décisions, expériences, fonctionnalités et petits détails qui ont façonné ce portfolio depuis son premier commit.
J’ai épinglé un nouveau lot d’explorations Pharmacy OS : icônes 3D, écrans d’onboarding et un avant-après du dashboard. L’étagère des side quests a enfin de la place pour cet univers.
Cliquer une side quest ouvre maintenant un vrai overlay au lieu de laisser deviner. Le footer a aussi gagné un téléchargement de CV, donc la version papier est à un clic.
Le curseur emporte maintenant un aperçu média sur l’index des side quests, et la mise en page tablette a été revue pour que ces aperçus ne clignotent plus ni ne se battent avec la grille.
Les covers, hobbies et témoignages chargent maintenant avec des placeholders flous, des preloads au survol et un chemin d’images plus léger. La personnalité est restée. L’attente, non.
Le site anglais vit maintenant à la racine. Le français reste sur /fr. Toujours deux voix, des URLs plus propres, et les moteurs de recherche ont enfin une porte d’entrée qui ne redirige pas deux fois.
Les emails du footer et du contact sont maintenant cliquables, avec un objet prérempli si vous voulez dire bonjour. Vous pouvez toujours copier l’adresse si c’est plus votre style.
Les pages projet ont maintenant une vraie copie française, des URLs canoniques et des métadonnées sociales, au lieu d’articles anglais déguisés en URL française. Les deux locales racontent enfin la même histoire, chacune avec sa voix.
J’ai ajouté un petit pet Steph Curry qui se promène sur le site, se laisse déplacer et disparaît poliment si on le renvoie. L’idée vient de Hoots, mon pet Codex, mélangée à mon amour pour Curry. Du pur jeu. Un curseur basketball suit le mouvement.
J’ai commencé à épingler des captures que j’aime — portfolios, UI produit, références de motion — pour que la piste de goût ait une maison au lieu de vivre dans les favoris pour toujours.
Le portfolio a enfin un changelog public. La même énergie de timeline calme que le reste du site, juste pour ce qui sort.
J’ai réduit le corps du texte, empêché les sections vides de voler tout l’espace et mieux placé la navigation desktop. De petits ajustements pour une lecture bien plus calme.
J’ai déplacé les articles vers Markdown avec les blocs de code, les médias synchronisés et Article JSON-LD. Les temps de lecture étaient une estimation polie. Maintenant une bibliothèque les calcule à partir du vrai nombre de mots, donc le chiffre sur la carte veut enfin dire quelque chose.
Le rich text, le glass responsive et le contenu bilingue vivent maintenant dans un vrai système d’articles. Plus besoin de construire une petite île chaque fois que je veux écrire.
Les écarts d’hydratation ont disparu et le scroll sticky se comporte enfin bien sur l’étagère work et les pages de lecture. L’expérience mobile a accepté de coopérer.
J’ai allégé les sections sous la ligne de flottaison, les étagères mobiles et les zones riches en images sans leur retirer leur personnalité. Plus rapide, mais toujours bien habillé.
Les deux langues passent maintenant par les mêmes labels, contenus mis en cache et page shell. Un système, deux voix, et beaucoup moins de risques qu’une version parte seule de son côté.
Le header, le menu, le footer, les crédits et les contrôles de contact parlent maintenant le même langage dark glass. Moins de répétition sous le capot, plus de cohérence là où ça compte.
Les notes longues ont maintenant une table des matières sticky, une vraie étape d’introduction, une waveform audio et une navigation qui sait où vous êtes. Plus aucun lecteur ne se perd.
La section work est devenue une étagère verticale, puis a reçu ses propres contrôles motion pour régler chaque scroll et révélation sans deviner. Le goût est plus facile à poursuivre quand les boutons sont à portée de main.
J’ai reconstruit les zones tactiles, les shells responsive, l’étagère work et les mises en page pour la main qui tient l’écran. Rétrécir le desktop en espérant le meilleur n’allait jamais suffire.
J’ai affiné le header glass, agrandi l’index des side quests et rendu les textes de mes expériences plus libres. Un portfolio personnel a bien le droit de s’amuser un peu.
Les projets, les notes et les side quests ont maintenant leurs propres pages, avec pins polaroid, alias de routes et première version de la lecture. La homepage n’a plus besoin de tout faire.
J’ai reconstruit le header, le menu, les contrôles de contact et les crédits autour d’un traitement glass inspiré d’Aave. Un peu d’atmosphère, beaucoup plus de structure.
Mes expériences et hobbies ont rejoint une étagère à grille pointillée, avec une meilleure typographie et assez de place pour les petites choses que j’aime bruyamment. Enfin un vrai foyer pour les missions secondaires.
Le bois, les pins, les signets, les dos de livres, les eyebrows et des textes plus précis ont donné au site ce qu’un rectangle propre ne pouvait pas offrir : une petite personnalité tactile.
Le starter a enfin commencé à me ressembler : une nouvelle homepage, une étagère de projets, un showreel, des notes, des hobbies, des témoignages et un système visuel pour tout tenir ensemble.
J’ai commencé avec un boilerplate SaaS Next.js prêt pour la production : localisation, tests, CI, auth, tout le lot. De bons os, mais absolument aucune trace de ma personnalité.
Après environ six semaines de travail avec Vite, React, TypeScript et Tailwind CSS, le premier portfolio de code avait l’impression d’avoir fait son travail. J’étais déjà passé à autre chose qu’un portfolio Webflow hébergé, parce que je basculais vers le design engineering pour le product design et que je voulais que le portfolio le montre. Le rendu était correct, mais il ne me ressemblait pas encore. Alors j’ai recommencé avec Next.js, en gardant assez de place pour de petites apps et expériences sur le même domaine.
C’était ma première vraie tentative de portfolio de code. C’est parti d’un simple site single-page avec Vite, puis ça a continué à grandir pour devenir bien plus : Builds, Blog, About, études de cas, notes audio, filtres, lightboxes, curseur personnalisé, modes rétro et Matrix, labyrinthe 404 interactif et petit design lab. C’est né du passage d’un portfolio Webflow hébergé vers le design engineering pour le product design, et ça m’a montré combien de soin je voulais mettre dans la version suivante.