mstorn.net

Accueil / Home | Info | Contact | Albums | Photos au hasard | Vidéos

Retour à la liste

Liste des posts:

Making-of feu d'artifice
2009-07-29 20:50:29

Rétrospective 2008 (inachevé)
2009-01-01 15:59:52

Redesign du site : version 2009
2008-10-26 01:40:38

Six mille photos
2008-09-03 17:21:31

What to drink in Japan...
2008-06-29 11:17:46

Flying to Japan...
2008-06-07 13:25:06

Stage au Japon : c'est parti!
2008-05-30 20:36:45

Mariage A&A : Photoshop work
2008-04-26 23:44:26

Evolution du site (Oh, un blog!)
2008-04-19 21:12:08


Redesign du site : version 2009

2008-10-26 01:40:38

Grande nouvelle! J'ai l'honneur de vous annoncer la mise en ligne de la nouvelle version de mon site! Faisant suite aux remarques que j'ai faites dans le précédent post, elle a été réalisée avec l'objectif suivant en tête : offrir une présentation plus sobre, mettant mieux en valeur ma sélection de meilleures photos, tout en laissant l'accès à l'ensemble des albums mis en ligne jusque là. Voici quelques infos supplémentaires sur cette nouvelles version...


Pour être honnête, je ne saurai vous dire de quel numéro de version il s'agit. Depuis que ce site existe (à l'adresse silverbluemx.free.fr jusqu'à l'an dernier), il a dû subir plus d'une dizaine d'évolutions majeures donc disons que c'est la version 2009. Comme ça, on s'y retrouve. Passons en revue les nouveautés :

La nouveauté la plus importante est également la plus flagrante : il s'agit de la nouvelle page d'accueil. Celle-ci marque un grand tournant puisqu'elle est devenue très compacte : la longue liste des nouvelles pages a été réduite à 1 élément, de même que pour le blog.

L'idée est la suivante : la page d'accueil est la vitrine du site qui présente mes meilleures photos et c'est donc volontairement que j'ai rendu la liste des albums "bruts" un peu moins facile d'accès. L'élément principal est désormais la colonne de gauche qui contient le texte d'introduction et la liste des catégories. Au lieu de donner accès aux pages listant les albums correspondants, ces catégories donnent désormais accès à des sélections qui s'affichent directement sur la page d'accueil, à la place du contenu précédent.

Tout cela repose sur la technologie AJAX pour récupérer la liste des photos à afficher, et la librairie script.aculo.us pour offrir de jolis effets de fondu. Ainsi, l'affichage du, ou plutôt des, "best-of" se fait directement sur cette page sans aucune coupure.

Bien entendu, tout le contenu précédent reste accessible : le dernier album ajouté est présenté sur la page d'accueil et le lien "tous les albums" en haut donne accès à... tous les albums. A partir de cette (longue) page, il est possible d'accéder à n'importe quel album et la recherche via "ctrl+F" est fortement conseillée.

Au niveau de ces albums, les modes d'affichage restent parfaitement identiques à ce qu'il y avait avant, l'essentiel des modifications étant sur la page d'accueil.

En dehors de la page d'accueil, peu de changements : la bannière en haut a été redessinée pour être plus compacte et des changements très légers ont été faits dans les feuilles de style CSS. Pratiquement aucun changement n'a été fait dans le code PHP de la plupart des pages, hors quelques corrections et optimisations. J'en vois certaines à faire, mais ce sera pour plus tard et cela aura beaucoup moins d'influence sur les visiteurs.

Je pense que cette nouvelle page d'accueil permet de résoudre le problème que j'avais soulevé auparavant, en favorisant la mise en valeur des meilleures photos tout en permettant de continuer à mettre en ligne un grand nombre d'images "pour les souvenirs". Et vous, qu'en pensez-vous?

Retour à la liste

Commentaires:

par Roland - 2008-10-27 02:59:12
Le passage du fond noir de la page d'accueil au blanc du reste du site surprend un peu mais j'aime bien ce que tu as fait. Notamment le texte bleu ciel sur la page d'accueil. C'est juste dommage de ne pas avoir les infos (date, ...) sur les photos que tu as gardées comme les meilleures.








(c) Maxime Storn 2005-2024, photos sous license Creative Commons BY-NC-ND.