Le but : se retrouver une fois par semaine, 1h sur Twitter autour du thème du webdesign et aborder des questions sur le métier.

Les questions peuvent être posé ici : http://www.formspring.me/wdfriday, certaines d’entre elles seront abordées la semaine suivante. Pour suivre la discution, le jour J utilisez le hashtag #wdfr sur votre Twitter.

Tous les vendredis à 13h sur Twitter #wdfr

En savoir plus :
http://www.fran6art.com/
http://twitter.com/wdfriday

Ce site vitrine est conçu entièrement en  Flash. La direction artistique et la conception ont été confiées à l’agence Grouek située à Paris. Huit  illustrateurs et un animateur ont travaillé sur ce projet dans le but de représenter au plus près l’univers de la marque.

Pendant le chargement de la page d’accueil, un petit (trop petit ?) encart explique l’utilisation de la souris et le principe de navigation. Point intéressant et ludique : vous pouvez changer les couleurs des graphismes en cliquant sur les différents éléments (arbres, sol, nuages, buissons).

La visite du site est guidée par un petit personnage auquel vous indiquez la direction à prendre en déplaçant la souris.
Dirigez le curseur de droite à gauche en bas de la page, le personnage marchera d’une rubrique à l’autre. En dirigeant le pointeur vers le haut de la page, le personnage s’envole et devient un mini-super héros. Vous êtes pressez ? optez pour la navigation à l’aide du menu, notre « petit bonhomme masqué » s’envolera pour un trajet plus rapide.

Le site contient peu de pages, 3 exactement, en plus de la page de chargement.
« L’atelier effervescent  » : cette page représente un paysage urbain, au milieu du quel se trouve l’atelier de fabrication.
On y trouve les informations sur l’équipe et la fabrication des jouets.

La page « Collection » offre un décor de « maison zen et son jardin », un lieu d’amusement pour les enfants. La maison est un air de jeu présentant les produits entreposés ça et là. Une roulette disposée sur le côté de la maison permet d’accéder aux autres pièces. Celles-ci apparaissent à la façon d’un livre dont on tourne les pages.

La page « Contact » représente une « forêt enchantée » très colorée ou vivent des animaux rigolos.

Globalement le site est très vivant, il se passe toujours un événement : une grenouille passe en scooter, les enfants jouent, de la fumée s’échappe des cheminées… Les sons aussi sont amusants, avec des bruitages aux survols des boutons, ou en ouvrant les encarts d’informations.

Un site presque parfait mais quelques points auraient mérité à être développé avant la mise en ligne :
les pages « Actualités » et « Goodies » ne sont pas terminées ce qui nous laisse un peu sur notre faim après la découverte d’un tel site.
Dans la description, les jouets sont assez petits et il est impossible de les agrandir.

Voir le site en ligne :  www.djeco.com
Le site de l’agence Grouek : www.grouek.com

Je ne pensais pas passer autant de temps pour trouver ces pages 404…
Mais en cherchant, j’ai fini par trouver une belle collection, dans des domaines très variés.

L’ erreur 404 est un code d’erreur dans le protocole  HTTP qui signifie que la source (généralement une page) n’a pas été trouvée.
Nous avons tous déjà rencontré cette page.

Mais il en existe des plus originales.
Je commence avec les pages 404 dans le domaine du graphisme : les agences, les freelances et les blogs, puis des pages dans des activités très différentes.

Portfolio de Philippe Mignotte [ephfx] – Graphiste indépendant

Clear Ideaz – Webdesigner

Demain j’arrête – Blog BD de Christophe ANDRIEU

IMD Conseil

Robin Clédière – Webdesigner

Pixanimal Studio

WebGraphik – Graphiste freelance

Blog Bibox – Portfolio de Vincent Dassens

Portfolio de Jessica Perilhou – Webdesigner

Portfolio de Damien Alexandre – Web-développeur

Mon portfolio – Du bout des yeux

Nextum – Développeur freelance

Benjamin DS – Administrateur réseaux

Behind the web design – Developpement web freelance

Tilt Studio

Agence Luna Web

Area 17 Agence

Blog de l’agence Jackson & Kent

Agence Soleil Noir

L’agence Nealite

Agence web Alsacreations

L’agence Capasite

L’agence « Innovablog »

Groupe Reflect

Le blog « Blup ! »

Le journal du geek

Blog Parle de .com

Blog Parle de .com

Blog Regards sur le numérique

Le blog « Wisibility »

Geek and Hype
La page 404 complètement geek !

Blog « Gouik » – BD

Les magasins « Printemps »

Les magasins « La Halle »

Les magasins « La Redoute »

Les magasins « 3 Suisses »

Les restaurants « Hippopotamus »

TKaap – Communauté dédiée aux défis

Dailymotion
Une page 404 avec une vidéo qui aléatoire, très bonne idée !

Le blog Auto

Le blog « Brave patrie »

Le site « Flyprovence »

Blog de préparation à l’accouchement

Le blog « Univers Harry Potter »

Le site du fan club francophone « Hello Kitty »

Le site de la société « Kbane »

Blog Maccilabo

Océanopolis de Brest

Paris CE

La rue des hommes – E-commerce

Mairie de Taverny

La tireuse à bière

TvCampus

Yvelines informations jeunesse

Wibox – Fournisseur d’accès internet

Je termine l’article avec la page de ce blog
La page 404 de 95%

Les pages 404 ne sont pas les pages les plus visitées, pourtant je pense qu’il y a un intérêt à les adapter à la charte graphique du site. Pour exemple, j’ai récemment retrouvé un lien erroné vers mon portfolio sur un site. Une page inesthétique attendait les visiteurs…

A ce moment, soit la page est fermé car sans intérêt, soit le visiteur est un peu curieux et cherche à revenir sur la page d’accueil par lui-même.

La page 404 invite à un retour au site sans trop d’effort.

Avoir sur le même sujet :
Speckyboy Design Magazine : 50 exemples de pages 404
Article de Nextum : créer votre page 404 personnalisée

Bonjour Gilles, peux-tu te présenter en quelques lignes :
Bonjour. Je m’appelle Gilles Vauvarin et je vis à Draveil dans l’Essone depuis presque 3 ans maintenant. J’ai grandis en Normandie entre une tarte Tatin et un Camembert au lait cru, puis j’ai émigré vers Paris l’année de mes 27 ans pour raisons professionnelles. J’aime le web, la nature, le sport, la diversité et la création sous toutes ses formes.

Quelles études ou formation as-tu suivies, et depuis quand exerces-tu ce métier ?
J’ai suivis des études de Biologie Marine à l’Université de Caen que j’ai clôturé en 1994 à Jussieu par un DEA d’Ecophysiologie des invertébrés.

Ne trouvant pas un poste en accord avec ma formation et mes envies, je me suis reconvertis aux technologies web en autodidacte. Mes connaissances se sont étoffées au cours de mes différentes expériences professionnelles en tant que webmaster, intégrateur, analyste-développeur, chef de projet puis responsable informatique.

En 2006, lasse du statut de salarié et de la technique, je négocie un départ de la société dans laquelle je travaille. Je m’investis alors à temps plein durant deux années pour me perfectionner en autodidacte au design et au graphisme numérique. Les connaissances acquises durant cette période d’autoformation ont été synthétisées sur mon blog www.pixenjoy.com.

En octobre 2008, je me suis installé comme webdesigner freelance sous un statut d’artiste auteur.

Quel est le type de client avec qui tu travail le plus ?
C’est variable. Je travaille soit en direct avec des entrepreneurs, des organismes, des PME-PMI; soit en sous-traitance pour des agences web ou des SSII.

Quelles sont tes spécialités ?
Je réalise uniquement des prestations de création graphique sur des applications/sites web standard (html/css/js). Pour le moment, les projets sur lesquels j’ai eu l’occasion de travailler en freelance ont essentiellement été des sites de contenu et des sites corporate.

A côté de mon activité de freelance, j’enseigne le webdesign dans une licence professionnelle multimédia à l’IUT de Corté. Je participe aussi cette année comme bénévole à l’organisation du Paris Web 2010, l’événement incontournable pour les amoureux du web et des standards.

Enfin, je travaille sur un projet personnel avec d’autres indépendants du web. Mais pour le moment ce projet est encore à l’état d’ébauche.

Quels sont tes principaux outils de travail ?
De ce côté la, je suis un peu un extra-terrestre dans le monde du graphisme. En effet mon environnement de travail est 100 % Open Source : PC et système GNU/Linux. Pour le travail sur fichier bitmap, j’utilise Gimp avec quelques extensions qui élargissent ses fonctionnalités. Pour les traitements par lot, il m’arrive d’écrire un petit script qui exploite les possibilités de la librairie ImageMagick. Pour les travaux vectoriels, je dessine avec Inkscape. J’ai également une tablette graphique que j’utilise lorsque je veux faire du détourage précis ou pour des travaux d’illustration un peu plus complexe.

Il m’arrive également de produire moi même certaines photographies. Pour cela, j’utilise un reflex numérqiue Olympus E1 et un pied Monfrotto.

Je ne possède qu’un seul écran de 19 pouces mais parfois je me dis qu’un deuxième écran ne serait pas du luxe.
Je tiens à préciser aussi que j’utilise encore beaucoup le papier et le crayon. Pour faire du brainstorming, de la conception, de la recherche d’idées, rien de mieux que les croquis sur papier. C’est rapide, jetable et notre esprit n’est pas pollué par des préoccupations techniques lié à l’utilisation de l’outil informatique.

Où puises-tu ton inspiration ?
A cette question, je pense que tous les créatifs répondront la même chose : « partout ». Que se soit sur le web, le print, dans le cinéma, la publicité, la photographie, la peinture, notre environnement urbain, la nature … il y a toujours quelque chose à prendre pour nourrir notre inspiration.
Il faut savoir être attentif au monde qui nous entoure, être curieux et emmagasiner un maximum d’idées et de visuels. Même si on ne sait pas ce qu’on en fera sur l’instant, il y a fort à parier que cela nous servira un jour. C’est un peu ça se faire un oeil, c’est enrichir notre « base de donnée » visuelle pour que le jour où nous devrons créer une oeuvre graphique, nous puissions disposer d’un vivier d’idées dans lequel piocher.

Comment aimerais-tu faire avancer ta carrière (ton but à court ou long terme) ?
J’aimerais améliorer mes compétences en illustration pour élargir mes possibilités graphiques. Je souhaiterais donc consacrer plus du temps à des activités comme le dessin, le digital et le matte painting, le lettrage etc
Être un bon webdesigner c’est aussi être un bon communicant. Il faut savoir faire passer des messages, donner du sens à ses créations, produire des design cohérent qui remplissent des objectifs concrets. Etre un bon communicant, c’est aussi savoir transmettre ses idées et défendre son travail devant une assemblée. J’aspire donc aussi à perfectionner mes aptitudes à communiquer.

Que penses-tu du niveau de webdesign en France ?
Que ce soit en France ou dans les autres pays, il y a toujours des talents. Le problème des webdesigner Français c’est qu’ils sont peu connu par rapports aux designers Anglo-saxons. Peut être ne travaillent ils pas suffisamment leur visibilité sur le web.

Quels sont les sites de références selon toi dans le métier ?
Un site Français à suivre qui devrait devenir une référence dans le métier notamment pour tout ce qui est process, c’est le blog de Laurent Demontiers. (http://demontiers.com/). Je suis également les blogs Francophones suivant : All For Design de Aurélien Foutoyet, (http://all-for-design.com), Design Spartan de Gaétan Weltzer (http://www.designspartan.com), bbxdesign (http://bbxdesign.com/), DigitalThink de Denis Allal (http://www.digitalthink.fr) … et bien sure maintenant 95%

A l’étranger, je trouve que Smashing Magazine (http://www.smashingmagazine.com/) fait un très gros travail dans le domaine du webdesign. Les articles sont riches et de qualités. Il existe de nombreux autres sites Anglophones intéressants , je citerais en vrac : le blog de l’agence web Viget Inspire (http://www.viget.com/inspire/), le blog de Andy Rutledge (http://andyrutledge.com/), le blog Webdesigner Wall (http://www.webdesignerwall.com/), le blog Asthéria (http://astheria.com/), Abduzeedo (http://abduzeedo.com) …

Un mot à ajouter ?
Battez-vous pour faire ce qui vous plait dans la vie et si vous ne savez pas, continuez à chercher.

Je te remercie, Gilles, pour ta participation et de nous avoir permis de faire mieux connaissance avec ton univers. Je suis tout à fait d’accord avec ton avis sur le webdesign en France, je rajouterais qu’il faut parfois creuser pour trouver des trésors !
Je te souhaite une bonne continuation pour tes projets à venir.

Je les ai réparti en plusieurs catégories :
- les « graphiques » : pour leur idée originale et la conception,
- les « chics » : pour la sobriété et le côté haut de gamme
- « J’aime aussi » : les sites plus basiques mais avec des petites touches graphiques que je trouve originales.

Les « graphiques »

Absorba :
Le site nous emmène dans un univers enfantin, un brin vintage. Le thème est parfaitement respecté et les bruitages du site ne font que le renforcer.
Des photographies sont traités façon rétro, rehaussées de couleurs pour dynamiser l’ensemble.
Côté technique, le site est mixte : mélange de Flash et JavaScript.

Lili Gaufrette :
Le design est simple mais fonctionne bien. Les photographies entourées d’une bordure blanche et petits pointillés donnent une impression d’images découpées. Le site est entièrement en Flash. Du côté de l’information, les produits sont peu détaillés : pas de zoom sur les articles, ni de prix. Le site reflète bien la ligne de vêtement : chic, mode et intemporelle.

Catimini :
Les rubriques de ce site sont présentées sous forme de boites. La boite s’anime et dévoile une scène différente pour chaque rubrique. L’idée est très bonne, le site est ludique. Des jeux en Flash sont également proposés (mais le premier ne fonctionne pas).
Les catalogues de produits sont originaux, mais sans renseignement concernant les prix. Il n’y a pas de zoom sur les produits.

La queue du chat :
Mon coup de cœur ! Si vous avez des petits, visitez ce site avec eux.
L’univers est enfantin avec des ballons et des animaux rigolos. Le site est également intéressant pour ses articles en coton biologique et son principe de commerce équitable.
Bien que le site soit français, il a été réalisé en Espagne.
Je vous invite à visiter toutes les pages.

Les « chics »

Alice à Paris :
La boutique est sobre et élégante. Les vêtements sont joliment présentés. Les prix apparaissent au survol.
Le site donne une impression de petite boutique Parisienne et haut de gamme, pourtant les articles sont abordables.
Ce site est réalisé en JavaScript.

Marèse :
Ce site en Flash a un design sobre et assez strict. Ici l’univers n’est pas enfantin, la cible c’est bien les parents.
La boutique en ligne est en construction, seul le catalogue est accessible.

Chipie :
Le site est consacré à la mode féminine pour petites filles, adolescentes et femmes.
Le design est assez épuré. Le logo au centre de la page est également un menu.
Chacune des rubriques sont représentées par 3 ambiances différentes : matériaux type Jean’s pour les enfants, plus urbain chez les ados, branché et chic pour les femmes.
Le site est en Flash.

3pommes :
Le site est sobre, les photographies donnent aux enfants un esprit de « petits rebelles » à la mode tendance.
Il y a peu d’information sur les vêtements et leur prix. Un making-off des séances photos est disponible sous forme de vidéo.
Le site est en Flash.

Tartine et Chocolat :
« Il était une fois » … présente des enfants bien sages.
Ce design sobre avec une typographie manuscrite semble nous plonger dans un comte pour enfant où le monde est beau et gentillet. Ici pas d’information sur les prix des articles, mais on identifie une gamme chic et haute gamme.

Bonpoint :
On reste dans le haut de gamme, et le site en a l’allure : épuré et chic.
La gamme de produits s’étend de la naissance jusqu’aux vêtements de grossesse.
Les vêtements sont présentés de façon original sous forme d’ensembles assortis. Les enfants semblent exigeant avec les bulles « Je le veux ! » intégrées dans le catalogue.
Le site de la maison Bonpoint est plus original et ludique avec des illustrations et animations. (lien en bas de la boutique)

« On aime aussi »

Sergent Major :
J’aime :

- l’environnement scolaire : feuille à carreaux, collages et découpages d’images,
- le jeux avec la taille de la typographie sur les majuscules et minuscules,
- la rubrique sur l’évolution du logo.

Le dressing des canailles :

J’aime :

- l’esprit nature, la clarté et la simplicité,
- la présentation des vêtements sur un fil à linge.

Mode en herbe :

J’aime :

- les dessins crayonnés,
- les couleurs,
- son contenu : une mode éthique et écologique.
On aime moins : les séparateurs de contenu en herbe un peu trop répétitif.

Gazouilli :

J’aime :

- la dynamique donnée par les rubans et les étoiles,
- son contenu : une mode enfantine éthique et poétique.

Les petites Choses :

J’aime :

- le menu et les titres des rubriques en crayonné,
- la simplicité et la clarté.
On se pose une question : à quoi servent les couleurs en haut à droite du site ?

Smallabe :

J’aime :

- le logo,
- la simplicité et la clarté,
- l’effet crayonné sur les menus.
On aime moins : la grande zone de lien en bas de page.

Du pareil au même :

J’aime :

- les illustrations
- la rubrique de jeux
- les petites illustrations représentant chaques rubriques

Little Boutique :

J’aime :

- le logo en typo crayonné
- la simplicité
- les petits dessins dans rubriques principales
- les vêtements suspendus au fil dessiné au crayon

Il existe de nombreux sites e-commerce dans le domaine de la mode pour enfant. Le webdesign de la plupart de ses sites ne sont pas confié à des professionnels. Du coup, bons nombres perdent en crédibilité.
Un marché à exploiter pour nous, les webdesigners !

J’ai visité pour cela environ 700 sites de mairies sur toute la France.
Sur un échantillon de 100 sites, voici mon constat :

- 24% des sites ont un design moderne (utilisant du JavaScript ou bannière Flash, structure en « div », couleurs harmonieuses mais restent basiques et n’ont rien d’exceptionnels…)
- 67% auraient besoin d’un sérieux coup de jeune. (site « vieillot », structure en tableau, pas de cohérence graphique…)
- 7% sont très laids (image de fond répétitive avec une image mal calée, gifts animés à profusion…)
- 2% sortent du lot avec un design travaillé, moderne et original.

Voici ma sélection parmi tous ces sites :

Le site de Villeurbanne est très moderne, aussi bien graphiquement que par les technologies utilisées pour son développement (bannière Flash et  JavaScript). Les normes d’accessibilité y sont respectées.

Le design du site est simple mais très propre. Le pied de page d’allure « web 2.0″ est agrémenté d’un paysage en ombre chinoise campagnard très frais. Un menu dynamique affiche simplement l’ensemble des rubriques organisées par catégorie. Un agenda regroupe sur la page d’accueil les événements à venir sous la forme d’un carrousel.

Le site de la ville de Montluçon utilise un style de menu complet semblable à celui de la ville de Chécy. Ce genre de menu est bien pratique pour éviter de tourner en rond à la recherche d’une information. Cependant, ce site le pousse peut-être un peu trop loin par moment avec la rubrique « Infos Pratiques ». L’entête du site est occupé par une bannière animée contenant des focus sur les actualités importantes. Enfin on retrouve dans le pied de page l’habituel et bien utile plan du site.

Le site est actuellement en refonte (ouverture prévu début 2010). La page de présentation semble prometteuse.
Pourtant le site existant n’est pas si mal  http://www.ot-lagrandemotte.fr
A surveiller  !

Le site est simple, mais il est habilement dynamisé par l’utilisation d’entêtes de rubrique et un logo disposés de travers.

Ce site réalisé dans les tons pastels se différencie par sa structure. Elle n’est pas faite en trois colonnes comme la plupart des sites de mairies. Petite déception, le site semble inachevé et de nombreuses pages sont vides. Autre remarque, le script de chargement des images de la bannière ne semblent pas fonctionner tous les jours.

Le site de Sautron est agréable avec son aspect « écolo ». Une petite bannière Flash, discrète se fond sous le menu.
Dans les pages intérieures, l’entête disparait et semble laisser un vide. De même, le pied de page semble vouloir passé inaperçu.

Très agréable, ce site nous emmène dans la région de Luz-Saint-Sauveur avec  vue sur les Pyrénées. L’atout principal est la bannière Flash.

Le site donne une impression de ville dynamique ! L’évènement faisait l’actualité s’affiche en background.
Une carte interactive permet de situer les différents quartiers.

Ce site est intéressant car son apparence semble changer selon la saison. Actuellement, l’entête à l’aspect d’un paysage d’automne. Ce site est développé utilise le CMS Joomla.

Le graphisme met bien en évidence le bord de mer sur lequel se trouve la ville. Pas de bannière Flash, ni d’animation, le site manque un peu de vitalité.

Comme on pouvait s’y attendre, le design du site de la ville d’Evian est axé sur le thème de l’eau. Le liseré sous le menu ajoute une pointe de couleur bienvenue dans cette ambiance sobre et reposante. Des petites bulles discrètes animent sur la bannière Flash contenu dans l’entête du site. Le menu est développé en JavaScript.

Le design est simple et le site est très agréable. Les couleurs sont cohérentes et  le graphisme très propre.
La bannière Flash est basique mais reste parfaitement dans l’esprit du site.

L’ambiance est donnée : Houlgate est au bord de la mer ! Pas d’animation sur ce site, juste un roll-over sur le menu qui fait apparaitre une image supplémentaire dans le décor principal qui enlaidie un peu le tout, dommage !

Le site de Fismes est  agréable de par son homogénéité de couleur. La fluidité du menu est très agréable.
Un peu déçu par le pied de page qui semble ne pas appartenir à ce site.

Le graphisme donne une légèreté au site par les illustrations crayonnés des boutons. Le menu représente à lui seul une grande partie du design.

Les grandes photographies en backgrounds sont le principal atout graphique du site. Les actualités à la une sont affichés dans un encart fonctionnant en JavScript. Le logo est dépassé et aurait du être actualisé pour mieux s’accorder avec le reste du site.

La ville de Châtellerault n’a apparemment pas d’identité visuelle précise. Il n’existe pas de logo. On peut s’en rendre compte en sélectionnant les différentes feuilles de styles (située en haut à droite du site).
Trois choix sont possible : bleu, vert et marron.
La version « bleu » est la plus pertinente graphiquement. L’entête est moderne même si le graphisme est principalement localisé dans l’entête.
La version « verte » affiche des images mals optimisées. Le rendu est décevant.
Quand à la dernière version « marron », elle est sans grand intérêt graphique.

Le site est actuel et les couleurs harmonieuses.
L’intérieur des pages en cohérent avec l’étiquette du logo (coins arrondis et pages penchées).
Un petit post-it  affiche des informations sur la ville.

Le site est développé sous le CMS Joomla.
Il n’y a pas d’animation Flash, le site est assez simple. La bannière donne l’idée d’une ville « verte ».
Une version du site existe pour Iphone (que je n’ai pas pu tester). Il est possible de suivre la mairie sur Facebook.

J’aime beaucoup ce site, je le trouve simple et moderne.
Le menu principal est en css, le menu secondaire avec les icônes est développé en JavaScript et jQuery.

Pour finir, un petit clin d’oeil à la mairie de Paris qui à récemment décliné une charte graphique pour tous les arrondissements (une couleur différentes pour chacun)

Les sites de tous les arrondissements sur cette page.

Beaucoup de site français traitent du sujet mais peu réussissent à réunir un contenu pertinent et une charte attrayante. J’espérais pourtant qu’un tel sujet donnerai naissance à des perles rares, j’ai du pourtant me rendre à l’évidence que le domaine restait encore en friche graphique !

Voici  14  sites sur des thèmes écologiques.

Agir avec Noé
Mon coup de cœur : le site est très agréable à visiter avec une charte graphique très détaillée. Les illustrations d’animaux et de plantes ainsi que les couleurs verte et terre mettent tout de suite l’ambiance.
Il est très instructif et détaillé. La partie « Pour les petits » réalisée sous forme de mini-jeux est ludique, dommage qu’ils ne soient pas interactifs. Une multitude de couleurs et de petites illustrations le rendent intéressant.

Ekolo[geek].com
Consommer oui, mais « consommer responsable », c’est l’information que transmet l’association Ekolo[Geek].
Les articles sont  illustrés de dessins sympathiques et compréhensibles aux couleurs de leur charte graphique.

Portail Eco-emballages
Le site est intéressant : la page d’accueil s’ouvre sur un mini-jeu pour apprendre à bien trier les déchets.
L’ambiance générale est plaisante avec ces grandes photos dans les rubriques principales. Le contenu est ludique et fait participer le visiteur lors des séquences d’explications au travers de mini-jeux.

Greenpeace France
Le site de Greenpeace France, nouvelle version (site refondu en 2009 il me semble).
Globalement le site est plus moderne dans sa structure notamment avec un défilement d’image dynamique sur la page d’accueil. L’information est bien organisée et facilement trouvable. Les articles sont composés de vidéos et de photographies prises lors d’évènements récents.

Campagne Réduisons nos déchets
Ce site de la campagne « Réduisons vite nos déchets, ça déborde ! » actuellement sur nos écrans télévisés est entièrement en Flash. Bien conçu, il est ergonomique et facile d’utilisation. Les différentes informations sont identifiés par des pastilles de couleurs en animées rendant la navigation ludique.

Fondation Nicolas Hulot
Le site de la Fondation Nicolas Hulot que l’on ne présente plus… Ce site est intéressant pour sa longue bannière s’étalant vers la droite, mais la navigation n’est pas celle espérée.  On a tendance à chercher un moyen de faire défiler ce décor dynamiquement, malheureusement ceci est impossible. Le principe de la chaine de mots est pourtant bien pensée.

Défi pour la terre
Le site de la campagne télévisée de « Défi pour la terre » diffusée sur TF1. Le contenu des rubriques est interactive, ce qui rend le site beaucoup plus agréable à parcourir. De nombreux livrets d’informations peuvent être téléchargés en fichier .pdf .

Les deux sites suivant sont le résultat d’un partenariat entre la « Fondation Nicolas Hulot » et « Défi pour la terre »

Des fraises au printemps
« Pour se nourrir dans le respect de la nature et des hommes », tout est dit dans cette phrase. Le site informe sur l’impact de nos choix alimentaires sur la planète et notre santé.

Eco défi
Tester vos connaissances et gagner des lots, le principe est intéressant. Ce jeu est organisé par la Fondation Nicolas Hulot.

Ecoloterie
Ce mini-site est conçu pour participer à une loterie gratuite et tenter de gagner des lots écologiques. La société organisatrice est Abcvert.

Chouett’ Vacances
Le concept de ce site dit « d’éco-tourisme »  m’a laissée sur ma faim.
Bien qu’il soit agréable visuellement, il s’agit surtout d’un annuaire. La rubrique « festivités et marchés de terroirs » est vide ne laissant s’afficher que le laconique message « Il n’y a aucun résultat pour votre recherche dans cette catégorie« , c’est dommage !  Quant aux « Activités, nature et découvertes » du menu principal,  elles débouchent sur une page d’erreur.

Agence des Espaces Verts d’île de France
Ce site peut se révéler très utile pour les amoureux de la nature vivants en Ile de France. On peut en effet y trouver des idées de balades, des parcours et plans des forêts. La rubrique de jeux pour les plus petits est intéressante et interactive. L’ambiance du site est légère et fraiche.

Je termine cette sélection avec deux sites e-commerce…

Buzibi
Buzibi est une boutique de vélo électrique. Le design est assez sobre, mais avec sa dominante de vert, le côté écolo est bien là.

Terra-éco
La boutique Terra-éco est spécialisé dans l’éco-habitat et propose des solutions dédiées aux économies d’énergie et au confort durable. La bannière du site est fraiche et nature, le contenu des pages est très sobre avec une dominante de blanc, ce qui donne au site une note de légèreté.

Maud Rubeaud – Graphiste et Webdesigner
Un site élégant, moderne et une navigation ergonomique. Vraiment agréable à visiter.

Rose-Marie Guillet – Graphiste
Un univers frais aux couleurs naturelles, Rose-Marie l’appelle d’ailleurs son jardin graphique…

Elodie Hanouna – DA, Webdesigner et graphiste
Le site d’Elodie est entièrement en Flash tout comme la plupart des sites qu’elle réalise. La navigation est simple et agréable, le design original et travaillé.

Laura Lainé – Graphiste et Webdesigner
Le portfolio de Laura est en Flash, la navigation y est facile. Le site contient de nombreuses petites animations discrètes qui ne perturbe pas la visite.

Delphine Mayeur – Webdesigner
Ce site est sobre, élégant et travaillé essentiellement à partir d’illustration en aplat de couleur. Pas de superflue dans la navigation, que l’essentiel.

Coralie Audo – Illustratrice, graphiste et webdesigner
Mon petit coup de cœur ! Le site est très ludique, on y plonge dans un univers enfantin. Des surprises sur toutes les pages, un vrai régal !

Sonia Van Bellegem – Graphiste multimédia
Le site est très agréable par ses couleurs et sa navigation simple. Du rose et du taupe très chic et tendance !

Lisa Laprade – DA, graphiste et webdesigner
Le site de Lisa est moderne et très design. La navigation est agréable et dynamique. L’information se trouve facilement.

Hélène Baudouin – Graphiste et illustratrice
Ce site en Flash possède une navigation intuitive au travers des éléments et objets se trouvant la page. L’univers très agréable et le graphisme détaillé.

Charlotte Mével – Graphiste et illustratrice
L’univers est très épuré, ce qui fait son charme. La navigation est très facile.

Charlotte P. – Poil de chausette – Graphiste et illustratrice
Mon deuxième coup de cœur. Un univers enfantin et naif rempli de couleurs et de gaieté .

Gwénaëlle Bessière – Graphiste et illustratrice
Un site éco-responsable spécialisé dans le domaine de l’environnement. Univers frais et nature !

Sophia Zandotti – Graphiste et illustratrice
Une grande panoplie d’illustrations pour le plus grand plaisir.

Bérénice Robinet – DA, graphiste et illustratrice
Le site est conçu en Flash, la navigation est facile. La planète Bérénice est bien agréable et nous transporte dans son univers.

Audrey Bareil – Illustratrice, graphiste et webdesigner
Le site d’Audrey semble appartenir à un monde imaginaire, peuplé de créatures féériques. La navigation est intuitive et le chargement rapide.

Cécile Dumetier – Graphiste
Le book de Cécile est très sympathique et la navigation intuive. Essentiellement travaillé à partir de dessins, ce voyage dans les nuages est bien représenté.

Emilie Poisson – Graphiste et illustratrice
Tout vêtu de rose, le site d’Émilie est sobre sans trop d’élément graphique. Ses travaux sont bien mis en valeur, la navigation se fait facilement.

J’ai découvert de nombreux sites pendant mes recherches, j’espère en découvrir d’autre qui feront l’objet d’un nouvel article sur le même thème. N’hésitez pas à me communiquer des liens.