Une nouvelle interface pour itsgravy.be
C'était pas prévu, mais des changements se sont imposés. Je ne pouvais plus garder le précédent design système.
Un peu de contexte
Quand je me suis lancé en pro, j’ai quitté le design précédent. J’avais choisi un design en grille 12 colonnes, avec un conteneur à 1200px. C’était un bon compromis entre la flexibilité et la lisibilité. Du moins, c’est ce que je pensais.
J’avais choisi une répétition du rail latéral pour les sujets, vu que je n’avais pas beaucoup de contenu au départ, ça me permettait d’avoir un visuel un peu plus dynamique.
En contrepartie, je suis pas très fan des animations en général, donc j’avais voulu les éviter et, au fur et à mesure, remplacer certains éléments par des vidéos.
Voilà l’ancien site, page par page. L’accueil est en haut. Le reste, c’est à propos, prestations, le blog, le sponsoring.
La grille
Ah oui, la grille. Dans l’ancien design, je prenais des places. Un titre ici, une image là, et pour créer des espaces je mettais un fond dans les cases vides. Le gap, c’était un pixel entre les blocs : le fond passait, et ça faisait illusion de bordure. Pas une vraie ligne, juste le fond qui se voyait. Ça faisait aéré. En vrai, le vide était un décor. Une mosaïque.
À présent, je ne joue plus à ça. Plus de gap pour faire des bordures. L’air n’est plus une case peinte ni un pixel qui triche. Le titre, le texte, l’image sont séparés pour de vrai, et ce qu’il n’y a pas n’est juste pas là. Un seul fond, partout.
Mais mon contenu a changé
En fait, mon contenu actuel ne s’y prête plus. J’ai besoin que ça se lise, pas que ça tape dans l’œil. Le problème, c’est que je me suis retrouvé avec des surcharges visuelles qui m’ont obligé à faire des ajustements.
J’ai mis plus d’air entre les blocs, pour que certains ressortent vraiment.
Pour les animations, j’ai dû ajouter des transitions pour les changements de couleur, de taille et de position. Je crois que certains utilisateurs ont besoin de dynamisme pour rester concentrés.
Adaptation du contenu
Je vais continuer à modifier certains contenus pour mieux expliquer ce que je fais, et ce que je propose.
Il y aura prochainement une partie consacrée aux réalisations.