Retour sur le site Paris Web 2008

Je redeviens un poil plus technique, mais je reste sur le sujet Paris Web.

Pascale m’en faisait la remarque cette après-midi même : les liens visités ne sont pas assez contrastés par rapport aux liens normaux sur le site de Paris Web 2008.

Dernier correctif donc, rapidement mis en place, mais le dernier aussi d’une longue liste de retours (pas complètement corrigée, j’ai quelques ajouts personnels) que j’aimerais réduire pour l’an prochain.

Le design

Avant tout, un grand bravo encore une fois à Laurence qui nous a signé une bien bel habillage.

Ça n’a l’air de rien comme ça… mais il passe en 800 × 600 ce design. Il est moderne, clair, modulaire…

Il ne lui manque à mes yeux qu’une couleur chaude pour contraster un peu. Mais c’était sans doute un parti pris.

L’intégration

J’ai réalisé toutes mes maquettes dans mon petit coin avant de les soumettre au reste de l’équipe. Outre quelques SSI et la bibliothèque jQuery, rien de dynamique à ce stade.

Mes objectifs initiaux étaient les suivants :

  • respect du design ;
  • modularité de la structure ;
  • code sémantique ;
  • validité complète du XHTML et du CSS ;
  • accessibilité ;
  • performance ;
  • et aussi quelques microformats pour faire joli.

Le CMS

C’est cette année encore SPIP qui a été retenu. Fabien aux commandes !

Je ne connaissais pas bien ce CMS, mais il s’est avéré puissant et souple. Sa gestion des langues est un pur bonheur.

Nous avons par contre essuyé quelques petits soucis avec le flux RSS et les URL que nous ne pouvions pas facilement personnaliser à notre convenance.

Ce dont je suis assez content

Tout d’abord, les objectifs initiaux sont assez bien remplis. Et ce, avec les aides ponctuelles de Stéphane sur l’accessibilité, d’Éric sur les performances, de Cédric sur l’ergonomie et de toute l’équipe sur une multitude de petits détails.

  • Les polices sont suffisamment contrastées et extensibles.
  • Le design est plutôt bien respecté sur la plupart des navigateurs.
  • Il est possible de passer facilement d’un design à une colonne à un design à plusieurs colonnes.
  • La cohérence de l’ensemble est bien respectée.
  • La structure sémantique du code me semble chouette.
  • La CSS d’impression marche bien.
  • Le rendu sur iPhone n’est pas trop mal non plus.

Bref : plein de bonnes choses.

Ce que j’aurais aimé améliorer

À l’inverse, comme tout les projets qui me tiennent à cœur, bien des points seraient à revoir à mes yeux.

Notamment aux niveaux des performances, domaine dans lequel j’ai encore beaucoup à apprendre. Clairement, minifier et optimiser les JS et les CSS à la main, cela n’a rien de très pratique par exemple.

Outre quelques soucis avec Google Maps, il y avait aussi les microformats qui ont été un peu abimés (pour des questions de délais essentiellement). Et puis aussi les pages « inscriptions » sur lesquelles je n’avais pas la main directement. Et aussi quelques points concernant l’accessibilité à retravailler.

Le flux constant d’informations à publier sur le site n’était pas non plus une mince affaire. Ne connaissant pas bien SPIP, je me suis privé de certains automatismes et je le regrette.

Il aurait sans doute été chouette aussi de mieux séparer les « pass » techniques et « decideurs » ? Et d’écrire peut-être aussi un topo plus complet sur l’évènement ? N’hésitez pas à compléter et à apporter vos avis.

Quelques remerciements

Ça va être un peu bête, je sais bien… mais tant pis !

Merci à toute l’équipe pour la confiance accordée sur le projet et pour vos conseils. Et merci à tous pour vos retours constructifs, amicaux ou critiques depuis la mise en ligne.


3 commentaires ↓

#1 Stéphane Deschamps le 11.19.08 à 23:54

Du fuschia, du fuschia !

Sinon, pas mal. :)

#2 Cédric le 11.20.08 à 21:07

Allez pour l’an prochain vous pourrez utiliser SPIP 2.0 qui peut minifier assembler et gzipper (pour éviter à Apache de le faire à chaque hit) automatiquement les CSS et JS.

Il y a aussi un système d’URL plus souple !

#3 Adrien Leygues le 11.23.08 à 0:20

Merci Vincent !

C’est du bon boulot sur la durée =)

Je ne suis pas allé regarder en détail mais je sais que tu t’es arraché comme d’habitude !


Laisser un commentaire

Mise en forme : vous pouvez utiliser la syntaxe Markdown. Vous verrez, c’est chouette !