J’ai effectué cette sélection pour montrer que Flash ne veut pas forcement dire « images qui bougent dans tous les sens » et « maux de tête ». La simplicité et l’ergonomie, c’est aussi possible !

Une interaction judicieusement conçue peut rendre le site ludique et intéressant.
L’utilisation de Flash permet de réaliser des sites très créatifs et originaux.

Oneofus

Oneofus est un collectif de freelances.
L’équipe est présentée dès la première page.
Le design est simple et ergonomique. Pas de superflu, ici on va directement à l’essentiel et c’est très bien ainsi.

Nowooo

L’agence Nowooo a joué la carte de l’humour pour son site.
Vous trouverez sur chaque page une petite animation, avec leur mascotte, présentant la rubrique.
Le site est fluide et la navigation facile.

Danka Studio

Un design minimaliste qui fonctionne bien.
La navigation est simple et intuitive. Le  menu en cercle en fait un menu atypique et original.

Mille et un rêves

La navigation du site est intéressante. Le menu réagit au survol, le visiteur sait exactement ou il se trouve.
Les photographies utilisées pour le « background », change à chaque lien.
Dès la page d’accueil, des petits personnages illustrés vous invitent « à cliquer ICI ». Le lien envoi vers une vidéo informant la récente fusion de l’agence « Kartel » et « Mille et un rêves ».

DealCOM

Le graphisme de la rubrique « projet » est très bien faite, reconstituant une machinerie. Cependant, le menu en forme d’étoile passe presque inaperçu.
Point négatif : sur la page d’accueil, le personnage ricanant, au survol de la bouche d’égout, est plutôt énervant.

Nico and Co

Rien d’extraordinaire pour ce site, mais le graphisme sobre et élégant est plaisant.
4 petites icônes en haut du menu permettent de choisir la couleur du design.

Big boss studio

Plusieurs petits personnages vous accueillent sur la page d’accueil.
Chacun d’eux propose un mini-jeu. Mais sans explication, il faut parfois un moment de réflexion pour comprendre le principe. Il y a beaucoup d’interaction dans ce site, il faut fouiller un peu partout.
La mosaïque centrale est en fait un grand menu. Un deuxième menu est situé en bas de page regroupant les principales rubriques.

Shining Karma

Ce site a été vu plusieurs fois et référencé dans les sites d’inspirations graphiques, mais sa navigation particulière valait le coup de le représenter à nouveau.
Le site est ergonomique et la navigation intuitive, au clic ou avec la molette de la souris.

Riofluo

Riofluo est un collectif de créatifs.
Le site est simple. Les pages s’adaptent selon l’image centrale. Le « background » est aléatoire à chaque chargement du site. La navigation est ergonomique, seul petit point qui a faillit m’échapper : pour chaque projet, il faut cliquer directement sur l’image pour voir des captures supplémentaires.

Tropism

Chaque page illustre un univers différent avec des petites animations. Les illustrations du design sont réalisées en aplat de couleurs blanches et en filigrane.
Le menu peut être caché pour me pas gêner la navigation. L’ergonomie mériterait à être revue pour éviter des confusions à certains moments (on en sait plus trop ou l’on se trouve parfois).

IP.3

Le design de ce studio graphique se veut sobre et minimaliste en noir et blanc.
La navigation est ergonomique, on ne peut pas se perdre !

Vertu

Le site utilise plusieurs niveaux de navigation qui fait que l’on aurait tendance à se perdre.
Après avoir sélectionné une première rubrique, les projets s’affichent dans un encart au centre de l’écran, et parfois d’autres liens en bas de page. On ne sait pas trop ou cliquer, et le mouvement des  images de fond n’arrange rien. Dommage le site est agréable avec ses grandes photographies et l’arrangement de la typographie des menus principaux ‘fonctionne’ bien (sur les menus des 2 première pages du site).

Divine Agency

La page « actualité » fait un peu mal au yeux (je vous aurais prévenue).
Le reste du site est sobre, à dominante de noir. La navigation est simple et les travaux présentés sous forme de mosaïque.

Stargraf

Bien que le portfolio soit en construction, il est possible de voir les principaux projets réalisés sur la page d’accueil (en déplaçant les flèches de droite et gauche). Le design est sobre malgré les imposantes photographies et la typographie utilisée en taille élevée.

Eve agency

La présentation de l’agence est intéressante (Eve corporate).
Les activités et services sont présentés sous forme d’une vidéo dans leurs locaux.
Par contre, aucune référence en qui concerne les projets réalisés, ni les clients.

Blanc foncé

Ce site simple avec peu de contenu (seulement 4 rubriques), affiche en « background » une vidéo de style « vintage ».
Mais que l’on ne si trompe pas, l’agence réalise des projets modernes.
D’ailleurs en regardant de plus prêt, on peut voire que l’agence utilise régulièrement la vidéo dans ses projets.

Café Crème

Un site en Flash très sobre, au ton feutré. Aucune chance de se perdre, il n’y a que deux rubriques.
Les travaux s’affichent dès la page d’accueil, et les projets passent de l’un à l’autre avec un basculement de l’image de fond.

Je ne suis pas pour utiliser Flash dans tous les projets, ni pour que « ça fasse joli et que ça bouge » (© certains clients).
Mais dans des cas particuliers, avec un bon concept et de bonnes idées, un site en Flash peut être très accrocheur.

Quelques liens de « showcase » Flash :

- TheFwa
- Creattica
- Pixel perfect portfolio
- Best Flash Gallery

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