L’Idée

Je me baladais sur Internet à la recherche de petits sites indépendants quand je suis tombé sur Neocities , et j’y ai découvert tout un univers !

Cela m’a donné envie de créer mon propre espace. Je peux désormais m’en servir comme portfolio pour mes projets et comme blog pour mes pensées ; c’est un outil fabuleux pour centraliser ma présence en ligne.

Création

Le choix du “No-JS”

J’ai commencé le développement en HTML/CSS pur. Je ne voulais pas de JavaScript, car mon objectif était d’obtenir quelque chose de super léger, sans animations superflues qui ralentissent la navigation.

Le passage à Hugo

On m’a conseillé d’utiliser Hugo , un générateur de site statique (SSG). Ce choix a été déterminant : il m’a permis d’étendre rapidement le nombre d’articles et de gérer mes sections (Linux, Projets, Blog) sans que mon fichier index.html ne devienne illisible.

Design : “Old-school” mais moderne

J’ai conçu mon propre thème de A à Z. Je cherchais une “vibe” de niche : un mélange d’ASCII Art pour le côté rétro et de rondeurs dans le CSS pour la modernité. C’est un parti pris esthétique : certains aiment, d’autres moins.

Philosophie d’interface

Je voulais avant tout une interface très simple et facile d’accès :

• Contraste élevé : Un fond noir profond et des textes clairs pour une lisibilité maximale.
• Usage stratégique de la couleur : Il y a très peu de couleurs, mais quand elles apparaissent (comme le vert ou le rouge), elles servent à indiquer l’interactivité.
• Efficacité : Cela permet aux utilisateurs de comprendre en un coup d’œil ce qui est cliquable.

Ancien design

Voici l’un des anciens designs du site. on pouvait beaucoup moins distinguer les éléments qu’aujourd’hui. On peut aussi y voir des incohérences : une seule des deux catégories visibles affichait la date.

J’ai désormais pris le parti de ne plus afficher la date du tout, car elle me semble inutile dans la plupart des cas, comme pour la présentation de logiciels ou les tutoriels. J’ai tout de même conservé cette fonctionnalité pour certains articles d’actualité (“news”), mais elle se situe à un autre endroit.

Et voici le premier logo. Il a été changé car personne n’arrivait à le lire.