Aujourd’hui, c’est un assez gros coup de coeur que le design du portfolio d’Adam Dannaway. La page d’accueil représente bien le côté parfois schizophrène dans la création de site web. Avec d’un côté le graphisme du site et de l’autre le développement.

On sent que le site est bien fait, bien fini. Les légères animations Javascript (faites avec Mootools) apporte un plus. Le design reste néanmoins assez sobre avec son fond blanc et ses textes en noir. Ses réalisations sont bien mises en avant.

Pour moi, c’est un site à garder précieusement dans mon Delicious !

Pas encore de billet sur le même sujet !

Une fois n’est pas coutume, je vais parler d’un site fait en Flash… (n’en déplaise au pro-Apple ). Proximity Philippines est (apparemment) le site d’une agence de com’.

Dès que l’on arrive sur le site, le mode plein écran est activé par défaut. On se retrouve avec un fenêtre où tout un navigateur et un site ont été re-dessiné à la main. Lors de la visualisation du portfolio, on se retrouve même avec plusieurs « onglets » ouverts.

Je trouve le site vraiment bien fait avec un léger humour second degrés : il faut essayer le « panic button » par exemple ou bien cliquer plusieurs fois sur la croix en haut à droite pour fermer le site !

Sur le même sujet :

1. Les web designs de la semaine

Un des rares sites où j’ai fait wOoh en tombant dessus. Je suis totalement fan du design du blog thepixel.com. Les illustrations du header et du footer sont impressionnantes, très bien réalisées et bien intégrées dans le site. Au final on se retrouve avec un blog au design original, sans cadres pour le contenu, avec des couleurs flashy.

Sur ce, je retourne bosser !

Pas encore de billet sur le même sujet !

Le site Raleigh Dead Drop est un site assez coloré malgré le fond gris. Le design assez minimaliste est également moderne. Les coleurs de la charte graphique sont bien choisis, le compte à rebours (en Flash) est également bien réalisé.

Je n’ai pas bien saisi le pourquoi du comment du site (pas trop d’explications quand même). Le plus impressionnant graphiquement reste quand même le logo !

Pas encore de billet sur le même sujet !

Le site d’Orman Clark est le portfolio d’un web designer. Le design tout en illustration vectoriel. Le site est composé d’une seule page séparée en plusieurs sections. Avec un effet de scroll (fait avec JQuery) on peut parcourir ces différentes parties. A noter qu’on trouve également un slider JQuery.

Tous les éléments du site sont travaillés graphiquement, même les champs du formulaire de contact. J’aime assez ce genre de portfolio utilisant des techniques modernes !

Pas encore de billet sur le même sujet !

Pour aujourd’hui ça sera un site différent des autres : le portfolio/CV en ligne de Ben Lind. Ce site est différent des sites de cette série (pour tout les ‘web design du jour‘ c’est ici) de part son style. Le design du site de Ben Lind est un design que l’on peut qualifier de minimaliste. Très peu d’éléments graphiques, il présente sobrement ce qu’il a fait.

Je suis fan de l’effet typo sur le I’m Ben dans l’en-tête (avec le ‘m’ et le ‘B’ mélangés…). Les couleurs utilisées sont simples et le rouge égrainé un peu partout accroche bien l’oeil.

Pas encore de billet sur le même sujet !

Pour ce site du dimanche, je vais présenter Hull Digital Live. Le site présente une conférence sur les technologies numériques dans la ville de Hull en Angleterre. Le design simple, assez minimaliste et clair m’a plu. Les effets crayonnés sont bien réussis.

J’ai également bien aimé le footer du site, avec les effets de vagues, les couleurs utilisées et le compte à rebours mis en forme de manière originale.

Pas encore de billet sur le même sujet !

Le site du jour est le site web d’une web agency slovaque : Trust Solutions. Le design très moderne du site et les couleurs utilisées m’ont plu. La charte graphique Noir/Vert/gris me fait invariablement penser aux couleurs XboX…

La simplicité de la page d’accueil la rend plus efficace je trouve. Le slider (fait en utilisant MooTools et un plugin) est bien mis en avant et en valeur. Et pour continuer avec MooTools, il y a aussi un petit menu déroulant (vert flashy…) !

Pas encore de billet sur le même sujet !

Le site du jour est un blog espagnol parlant de design web, de nouvelles technologies et de gadgets. Le nom Blog Me Tender provient d’un jeu de mot avec une chanson de Elvis Presley (Love Me Tender -> merci à @colinblane pour la correction).

Le fond du site est composé d’une photo d’un ciel nuageux sur lequel ont été ajoutés des croquis. Je trouve les dessins ‘crayonnés’ très réussis. Pour le reste du blog j’apprécie la légèreté qu’il y a dans les listings des articles, il n’y a pas de vrai séparation entre les billets. Ça donne un aspect aérien à l’ensemble.

Pas encore de billet sur le même sujet !

Troisième blog français dans cette série : Blup! Derrière ce nom, se cache en fait Dew, le créateur du Dewplayer, le petit player audio flash que l’on trouve sur des milliers de site (mais si tu sais le vert et gris !).

En tout cas, j’aime bien le design de son blog. Outre les effets papiers et post-its chiffonnés dans la colonne de droite, le design contient dans l’en-tête et dans le pied de page tout ce qui plaît à Dew. En vrac on retrouve du réglisse, Toad, Nathalie Portman, le Doc Emmett Brown… Le tout est bien agencé et ne fait pas trop surchargé et l’ensemble est très coloré !

Pas encore de billet sur le même sujet !

Pour une fois ce sera un site de fille ! Le site Rut m.fl est (apparemment) le site d’une boîte suédoise de création de vêtements (désolé mais je ne comprends pas bien le suédois…). Le design est assez réussi, il est très propre.

On y retrouve un travail sur les nuances de gris (le site est principalement blanc/gris/noir) et des touches de rose (bah ouais c’est pour les filles   ). Je trouve que l’effet ‘papier déchiré’ dans l’en-tête du site est bien rendu. Les diverses éléments (cassette audio, papillon…) sont également bien intégrés au design du site.

Pas encore de billet sur le même sujet !

Le site du jour est un site que j’aime particulièrement. Websarga est une ‘company’ indienne de webdesign. Le design avec des photos en plein écran, photos qui changent à chaque page (ma préférée restant celle de la page d’accueil).

Les effets de transparence sont classes, les formes des blocs (de la page d’accueil une fois de plus) sont aussi modernes et donnent du dynamisme. Les couleurs assez pâles ajoutent au côté « classe » du site.

Pas encore de billet sur le même sujet !

Le web design du jour est le site du web designer colombien Juan Diego Velasco. Le site, très coloré, est bien rendu : les effets, les textures (bois, herbe…) sont du plus bel effet.

Le contenu est sur un fond gris semi-transparent et les photos de chacunes de ses réalisations peuvent défiler à l’aide d’un slider réalisé avec JQuery.

Pour moi c’est du tout bon !

Pas encore de billet sur le même sujet !

Le site de Guillaume Verdon (un graphiste freelance de Rennes) est assez original. Tout d’abord par sa forme, la page d’accueil est telle que tu peux la voir ci-dessus, une image de fond en plein écran, très peu d’informations apparaissent sur la page et les éléments de navigation sont disponible dans le bas de la page. Ensuite en restant quelques secondes sur la page, on peut voir le fond qui change en laissant apparaitre successivement des lettres (je te laisse te débrouiller pour trouver le mot final ).

Chaque page (notamment « profil » et « services ») a un fond différent. Les pages « print » et « web » et les autres pages présentant ses réalisations n’ont, quant à elles, aucune image de fond histoire de bien mettre en avant ses travaux. Pour conclure je peux ajouter qu’il y a une utilisation de Mootools (un autre framework JavaScript) sur les pages présentant les réalisations.

Pas encore de billet sur le même sujet !

Hugs for Monsters est le portfolio et le blog du « visual artist » Joe Lifrieri. Le design du site est fait tout en effet « handdrawn » (fait à la main). Je trouve le header du site très réussi, l’effet aquarelle, toujours dans l’en-tête, est bien réalisé.

Malgré le fond gris du site, le design est assez coloré. C’est apparemment une constante dans ses différents travaux. J’ai également bien aimé les quelques photos présentes sur son site, elles ont vraiment une touche personnelle. Enfin, à noter l’utilisation discrète de JQuery avec principalement l’utilisation du plugin FancyBox.

Pas encore de billet sur le même sujet !

Le site d’aujourd’hui est le site d’une illustratrice anglaise : Camellie. La structure du site est assez originale, une illustration est présente en fond de la page dans le coin inférieur gauche, le menu est collé tout en bas de la page (sans scrollbars). Quand un lien est cliqué, le contenu apparaît uniquement sur la partie droite de la page (le plus simple c’est d’aller voir par toi-même ).

Quand au design en lui-même, il est assez minimaliste (mise à part l’illustration). On se retrouve avec un fond bleu-gris et une illustration en noir&blanc par dessus. Le bloc contenant le contenu est aussi simple, on se retrouve avec juste un fond blanc mettant bien en avant les illustrations présentées.

Pas encore de billet sur le même sujet !

Deuxième blog français dans la série des web designs du jour, le blog de Gruny m’a frappé notamment au niveau de l’en-tête du site. Le montage et les images sont bien nets, les effets de pelouse sont bien rendus et le fond en effet « tapisserie » met bien en avant le contenu du blog.

Sur le blog en lui-même, j’ai bien aimé les petites icône à gauche de chaque article pour rappeler la catégorie de l’article (icônes également reprises dans la première colonne de droite). Par ailleurs le contenu en lui-même du blog est intéressant, la baseline du blog étant « Lifestyle | design & considérations personnelles ».

Pas encore de billet sur le même sujet !

Le site du jour (Rolando2) est  le site d’un jeu vendu sur Iphone (pour la modique somme de 9.99$…). Le site web est tout en illustrations sur le thème plus ou moins de « la chasse au trésor » avec îles désertes et pirates ! L’univers est donc très coloré avec des personnages simplistes. Tout le contenu est intégré à l’illustration du fond de page, il n’y a pas de conteneur global pour le contenu de la page.

A noter une grosse utilisation de JQuery avec des informations apparaissant au survol, une manipulation du DOM (pour les vidéos et les galeries photos), des sliders (en cliquant sur « view screenshots » sur les différents liens placés sur la montagne… ) .

Pas encore de billet sur le même sujet !

Un gros coup de coeur pour le design du site de Duirwaigh Studios, studio qui apparemment fait des… choses créatives telles des livres, des films…

L’illustration en fond de page est tout simplement énoorme (oui avec deux « o »). On sent qu’il y a un gros travail derrière… Les effets de transparence pour les deux colonnes sont biens rendus. J’ai également bien aimé le petit champ de recherche calé très discrètement dans l’en-tête de la page !

Pas encore de billet sur le même sujet !

Pour aujourd’hui, le web design du jour sera un blog français : le blog de David Torondel. C’est un coup de coeur que j’ai eu il y a quelques temps quand j’ai découvert son blog sur lequel il présente ses travaux en illustration, web design et Flash.

Le design du blog, tout en illustration est très réussi. J’aime particulièrement les typos utilisés pour le logo du blog et pour les images dans la colonne de droite. L’illustration de fond (quasiment) tout en nuance de bleu est assez apaisante !

Pas encore de billet sur le même sujet !