Je regroupe ici, tout ce qui touche à mes geekeries.


[Blog] Design 2.0.

Tout en écrivant cet article je me suis dis qu'il fallait que je modifie le design de mon blog afin qu'il soit plus intuitif pour les visiteurs.
C'est donc ce que j'ai tenté de faire avec cette toute nouvelle version !

La page de blog.

La première chose à changer, puisque c'est de là qu'est partit la réflexion, est la page de blog.

J'ai commencé par refaire la barre de navigation.
Les catégories des articles, qui étaient auparavant que de simple ancres dans le html de la page, permettent maintenant de masquer certains articles pour n'afficher que ceux de la catégorie sélectionner.
Ceci permet donc d'afficher les articles dans l'ordre chronologique, ce qui est bien plus simple pour identifier d'un coup d'œil les nouveaux articles (en écrivant c'est lignes je me dis qu'un repère coloré pourrait être sympa aussi, à voir). De plus, les catégories ne sont plus présentes dans la barre de navigation principales, mais seulement sur la page de blog.

Autre changement présent sur la page de blog mais aussi l'intégralité du site, le retrait de l'image incitant à la recherche par un Ctrl + f.
En effet, même si j'aime bien l'idée de rappeler que, même sans barre de recherche, il est possible grâce au navigateur de rechercher un titre d'article via des mots clés. Je trouve que l'image ne s'intègre pas forcément bien à mon design et qu'elle perd son sens sur un téléphone portable.
Je la retire donc pour l'instant.

Pour finir, j'ai décidé d'illustrer les articles du blog avec des dessins, afin de remplacer les pastilles grises.
L'idée est de m'inciter à dessiner plus souvent et de m'initier à la vectorisation et au dessins sur ordinateur.
Ne vous attendez pas à des œuvres d'art, mais je vais faire de mon mieux.

Page de blog: AVANT.
Page de blog: APRÈS.

La galerie.

Nouvelle section fraîchement débarquée sur le site, la galerie me permet de partager mes créations visuelles.

Elle est pour l'instant prévu pour contenir seulement ce que je crée.
Si cela venait à évoluer (mise en avant du travail d'un copain ou d'un collaborateur), je vous le ferai savoir.

Une nouvelle section, la galerie.

Read.me.

Beaucoup de sites ont une page "À propos". Or, je ne trouvais pas ça très esthétique dans ma barre de navigation minuscule.
J'ai donc décidé de la remplacer par la page Read.me en référence au fichier que l'on trouve souvent associé dans des répertoires disponibles au téléchargement et dans lequel on trouve des informations importantes.

Ici c'est pareil, je ne peux que conseiller aux nouveaux visiteurs de passer par cette page afin de se renseigner sur l'atmosphère de ce lieu étrange qu'est ce site.

C'est également sur cette page que j'ai décidé de placer un encart me servant à communiquer les petits changements sur le site, mes humeurs du moment ou tout autres choses qui ne méritent pas que j'en fasse un article.

À propos: AVANT.
Read.me: APRÈS.

D'autres changements à venir.

Même si certaines choses (comme le contenue de la page Read.me) vont être ammenées à évoluer, je pense que l'on peut dire que les principaux changements abordés dans cet article constituent le design 2.0 du site.
J'espère que ceux-ci vont dans le bon sens et qu'ils rendent le site plus aggréable à utiliser.
Qu'en pensez-vous?

Edit 26/10/2021:
Je retire finalement la page Galerie car elle ne me plait pas tant que ça.
J'ajoute par contre la page /Now qui devient la nouvelle page d'accueil du site.

Retour à la page d'accueil