De Wix à un site sur-mesure : ce que j'ai appris
Le bilan de la refonte du site d'Eva : prototype HTML, direction artistique, voix et autonomie éditoriale. Les choix que je garderais et le travail demandé pour construire et maintenir le site.
Site personnel d'Eva Naudet, coach holistique. HTML pur, fonts variables, AVIF, sticky-scroll, zéro framework : le craft à l'os, pour une amie. C'est ce projet qui m'a remis dans le HTML/CSS pur après des années d'abstractions, et c'est ma référence "craft" pour tout le reste.
Le bilan de la refonte du site d'Eva : prototype HTML, direction artistique, voix et autonomie éditoriale. Les choix que je garderais et le travail demandé pour construire et maintenir le site.
Pour rédiger le site de La Puissance de l'Éveil, j'ai documenté la voix d'Eva à partir de ses textes et de son brief : les formulations à garder, le jargon à écarter et les points à relire.
Pour la page Human Design d'Eva, j'ai organisé sept questions de lecture, défini les termes du sujet et gardé ses formulations. De la structure au premier jet, voici les choix de rédaction.
HTML statique, images AVIF et Cloudflare Pages : les choix de chargement du site d'Eva, leur configuration et les contrôles de chargement à faire sur les pages.
Pour le site d'Eva, j'ai retenu Astro et Cloudflare Pages. Restait à choisir le CMS et les champs éditables, pour qu'elle puisse modifier ses textes et ses photos sans toucher à la mise en page.
J'ai travaillé les pages du site d'Eva en HTML/CSS avec elle, puis les ai portées vers Astro. Un support visible dans son navigateur pour décider du contenu et de la composition ensemble.
Pour le site d'Eva, le public visé a guidé des choix précis : quatre passages en sticky scroll, un hero différent sur mobile et un parcours de lecture à vérifier écran par écran.
Pour la refonte de La Puissance de l'Éveil, les limites de typographie, d'animation et de chargement m'ont conduit à quitter Wix. Repartir du HTML et du CSS me donnait plus de contrôle, avec plus de travail.
Eva voulait conserver quatre couleurs de son ancien site. J'ai travaillé leur répartition, choisi trois polices avec des rôles distincts et construit les détails visuels de La Puissance de l'Éveil.