Après avoir bricolé quelques sites au contenu intéressant, mais au design assez épuré (par exemple http://bilal.enki.free.fr, qui totalise 20 000 visites par jour, mais qui est très moche), j'ai commencé pour moi et puis pour d'autres à bosser sur des sites un peu plus construits. Cette page en regroupe quelques-uns, plus ou moins aboutis.

Ce site est juste un petit délire xhtml/css. Pour l'instant, aucun contenu. Je voulais juste tester la possibilité d'avoir un corps xhtml très épuré avec un design un peu complet. Ce site, bien que valide w3c, doit avoir un léger bug avec IE. Mais mon but n'était pas ici de faire du IE-compatible. Juste de suivre la norme xhtml.

• Lien vers Heliomass

J'ai réalisé dans le cadre d'un emploi et d'un stage deux sites fonctionnant en Zope/Plone. Dans les deux cas, il s'agissait de créer tout le site à partir d'une charte graphique déjà existante. J'ai cependant dû réaliser quelques Products spécifiques aux besoins de ces sites.

• Le site du LINA, Laboratoire d'Informatique de Nantes Atlantique (à l'Université de Nantes). Malheureusement, ce serveur n'est pas très robuste, et ne répond pas tout le temps;
• Le site du projet ATL, travaillant sur les espaces techniques et la modélisation objet.

Cela faisait quelques temps que Linux-Nantes voulait refaire son site. Plusieurs personnes se sont proposées pour le faire. Nous nous sommes donc séparé le boulot. Le site fonctionnera grâce à Spip. Pour ma part, je m'occuperais du design, et par la même occasion de la charte graphique de LNA. Pour l'instant, vous trouverez en ligne, une étude de l'historique de la charte graphique de l'association, puis le compte-rendu de la réunion de réflexion autour du site dans l'association, et enfin la page consacrée aux maquettes préliminaires du site.

J'ai commencé pour une amie une série de logos et de banières/entêtes de pages web pour un site qu'elle va réaliser. Il s'agit d'un site de club de GRS (Gymnastique Rythmique et Sportive). Pour l'instant je n'ai pas beaucoup avancé, c'est assez récent. Le ton général sera le bleu, comme la couleur du Club (pas plus de précisions pour l'instant).

• Voici les premières ébauches;
• Voici une proposition de design du site. j'ai utilisé le logo de l'association, mais de manière discrète, car il ne rend pas très bien au format numérique.

Je suis en train de travailler sur le webdesign d'un site qui proposera un espace de stockage sur internet: Votre clef usb sur internet. La seule contrainte était de faire un thème pour le moteur NPDS. Une page du wiki décrit ce travail.

En dehors de ces projets plus aboutis, j'ai réalisé d'autres projets moins intéressant d'un point de vue webdesign. En voici:

• Random Web Page;
• Ma page personnelle, avec CV et tout le toutim'...

La plupart des moteurs de site (wiki, CMS, etc) sont configurables, du point de vue de l'apparence, soit à l'aide de squelettes, soit par CSS tout simplement. J'ai eu l'occasion de faire différents thèmes pour wikini, que je vous présente ici:

• Tout d'abord, j'avais réalisé le wiki de ce site, de largeur fixe, aux couleurs chaudes (il a changé depuis);
• Mais aussi un projet de wiki pour un travail collectif d'associations autour du Burundi, dans les tons verts de l'association Webvolcans.
• Je viens de réaliser un nouveau skin pour wikini, qui a été choisi comme moteur du site de Libre Attitude.
• Je viens de réaliser un nouveau skin pour wikini, qui reprend l'esprit du précédent, mais pour la partie wiki des projets (exemple sur le site Ateliers du Libre).
• Un nouveau thème pour wikini. Cette fois-ci j'ai modifié un peu de code php, tout d'abord pour la présentation, mais surtout pour la partie authentification: ce wikini est maintenant complètement couplé à un forum en punbb: le wiki de végéweb. L'authentification et le look sont donc communs...
• En reprenant les idées de modification php de vegeweb, et le design de jmtrivial (cuivre), je viens de faire un mix adapté des deux pour le wiki du site... Site, blog et wiki ont maintenant une petite touche reconnaissable, un air de famille quoi.

Depuis que je suis installé à Clermont-Ferrand, j'ai fait connaissance de Jane, membre active d'une association locale de défense des animaux. Je lui avais promis il y a quelques temps de faire un site web pour l'association, qui viendrait en renfort du blog (dont le but premier a été détourné).

C'est enfin chose faite, je viens de lui transmettre les clés du site, il reste le contenu à ajouter, et la forme subira peut-être encore quelques modifications.

Rendez-vous sur http://vacherouge.free.fr.

Nous avons lancé avec une amie un forum consacré au végétarisme et à toute la culture qui gravite autour. L'objectif est de faciliter les échanges des végétariens. Pour le design de ce site, je suis parti d'un moteur punbb. Après l'ajout de différents mods pour les fonctionnalités, j'ai réalisé une CSS. Ainsi, encore une fois le moteur n'a pas été modifié pour changer le style: ce moteur est vraiment bien conçu pour laisser libre court à toute modification via CSS

Le lien du forum: http://vegeweb.org

Comme je l'ai indiqué un peu plus haut dans cette page, le forum vegeweb dispose maintenant d'un wiki: http://vegeweb.org/wiki/, avec un style identique...

L'association LinuxArverne a décidé de relooker son site internet, et a opté pendant l'année dernière pour une solution basée sur Joomla. Cependant, le template par défaut n'était pas satisfaisant, et ce pour plusieurs raisons.

J'ai donc relevé mes manches, et guidé par Romuald, qui connaissait déjà le moteur, nous avons réalisé un template spécifique.

Le site de LinuxArverne: http://www.linuxarverne.org

Outre le site des Vaches rouges présenté sur cette page, j'ai réalisé différents squelettes pour SPIP. Bien qu'un peu limité par défaut en terme de fonctionnalités, il est possible de réaliser des choses assez sympathiques en jouant sur les squelettes.

• J'ai passé un peu de temps depuis que je suis à Clermont-Ferrand pour réaliser le site web de libre-experts, une société de services en logiciels libres. Guidé par les besoins et envies de Patrick, je suis arrivé à quelque chose d'à peu près stable.
• J'ai également réalisé pour mon ancien laboratoire de recherche (l'ERIM) un site en SPIP, qui apporte plus de fonctionnalités et de lisibilité que le site original.
• Pour un ami bordelais, j'ai repris rapidement ce dernier squelette, et nous l'avons adapté pour qu'il illustre le sujet principal de son site internet: les mathématiques. L'adresse du site: http://gwendal.haudebourg.free.fr/spip/.
• Pour les RMLL 2009, je viens de réaliser en collaboration avec l'équipe de com' un design sur du spip (voir plus bas).

Bonnes visites!

J'avais il y a quelques temps travaillé sur un thème dotclear pour fimagina. J'étais alors parti d'un thème déjà existant pour l'adapter à ses besoins.

Cette fois-ci pour knaki, j'ai refait un thème à partir d'un thème existant, en faisant le look de A à Z. Je l'ai naturellement Le thème est sous GPL, et vous pouvez le télécharger ici: theme-knakicook-1.1.pkg.gz. Les couleurs sont chaudes, les formes arrondies, la largeur fixe, et les photos de knaki. Le seul plugin nécessaire est lastComments

Quelques jours plus tard, j'ai récidivé en créant un thème pour mon blog, qui jusqu'ici avait un thème assez banal. Encore une fois, j'ai refais le look de A à Z, et il est sous licence libre. Vous pouvez le télécharger ici: theme-jmtrivial-1.1.pkg.gz. Les plugins nécessaires sont multicat et lastComments

Je viens de migrer mon site personnel en wordpress, et j'ai donc refait le thème pour ce moteur. Vous le trouverez à l'adresse suivante: jmtrivial.tbz2.

Un peu plus haut dans cette page, j'ai présenté le relookage du site Joomla! de LinuxArverne, que j'avais fait avec Romuald. Voici d'autres sites Joomla! relookés ou en cours de refonte:

• En cours: le Joomla d'une radio, neomilum404. Voir le wiki de travail.

Pendant longtemps, j'ai pensé que mediawiki était un moteur de wiki très difficilement skinnable. Et puis pour le site de mediabox404, nous avons eu besoin d'en faire un. Et finalement, c'est assez simple et bien pensé: je me suis bien amusé.

• Le site de mediabox404

Jusqu'à présent le seul moteur de blog pour lequel j'avais fait un thème était dotclear. Pour les besoins d'un groupe d'associations, j'ai mis le nez dans les thèmes wordpress... Et bien c'est assez simple à utilisé, et je me suis bien amusé.

• Le site de solidarité internationale permet à plusieurs associations de communiquer sur leurs actions communes autour de l'entraide des pays d'Afrique... Un chouette projet. Le thème du site est très largement inspiré d'un thème déjà existant, suivant les souhaits des webmasters.
• Un peu plus haut dans cette page, vous trouverez également un thème wordpress pour mon blog principal.
• Récemment, j'ai démarré un nouveau blog basé sur wordpress, traitant de cuisine végétale.
  
  Vous trouverez l'archive du thème disponible à l'adresse suivante: cuisine.tar.gz.

Pour présenter la prochaine activité de l'association Libre-Attitude, j'ai réalisé un rapide design, très simple, un peu insipiré des looks web 2.0 à la mode, mais en plus simple. C'est par ici:

• Hébergement d'artistes libres, la présentation.

Cette fois-ci en collaboration avec Thomas Petazzoni, nous avons travaillé sur un design pour le site internet Libre en Fête, le pendant libre de la fête de l'internet. Voici le design que j'ai proposé en réponse à son cahier des charges, et après améliorations lors de nos discussions:

• Libre en Fête.

J'avais naîvement oublié que j'utilisais un navigateur en 1600x1200, et que tous les internautes n'utilisaient pas une telle résolution. Thomas m'a fait la remarque que le bandeau de haut de page était trop haut. J'ai donc entrepris une modification dans ce sens:

• Libre en Fête, pour écrans normaux.

J'ai aussi commencé une série de fonds d'écrans et autres flyers pour l'événement: fonds d'écrans Libre en Fête.

David Mentré cherchait depuis quelques temps à faire un look commun à plusieurs de ses pages. Il m'avait demandé un coup de main il y a quelques temps, et au fil des échanges par mail, les idées se sont précisées, guidées par ses envies. Les couleurs, le texte apparent, la forme générale, tout a été soigneusement pesé, pour arriver à quelque chose de sympathique...

• La maquette html du design de David

Wikini a été pendant longtemps le moteur de wiki que j'installais par défaut. Depuis quelques temps, j'ai changé cette habitude, et j'utilise dokuwiki, que je trouve plus modulaire, plus extensible et plus complet. Très pratique.

• J'utilise depuis le début de mes activités de recherche un wiki. Initialement wikini, je viens il y a peu de le migrer en dokuwiki. J'ai créé pour ça un template dédié, ainsi qu'un plugin qui enrichit la synthaxe, me permettant de griser facilement du texte.
  

En 2009, les RMLL se dérouleront à Nantes, la ville de mon enfance. J'y ai encore pas mal de contacts, et c'est avec joie que j'ai accepté de participer à l'équipe de com' qui s'est occupée du site web, des affiches, des flyers, et de tout ce qui va avec.

J'ai été la petite main du site internet, qui a proposé les designs, suivant les grandes lignes définies, et qui a adapté le tout aux remarques de l'équipe. Au final, on arrive à un site en largeur fixe, reprenant comme thème le libre, le monde (la carte en haut de page), et Nantes (le profil de la ville en bas de page).

• La maquette de la première page du site ;
• La maquette d'une rubrique du site ;
• La maquette d'une sous-rubrique du site ;
• La maquette d'un article du site.