Les sites de groupes de musique changent très régulièrement de design, dès la sortie d’un nouvel album par exemple, ou encore pour coller à l’image d’un tournée. Dans tous les cas, ils constituent une source d’inspiration de qualité.

J’ai sélectionné quelques webdesign en me basant sur mes goûts graphiques mais aussi mes influences musicales. Partagez vos liens sans hésiter en laissant un petit commentaire !

Un article inspiré par Nettus +.

Je rattrape ce mois de juin pauvre en nouvelles fraîches, avec la sélection des webdesigns incontournable de juin 2010. Elle est ici, rien que pour vos yeux et votre inspiration.

Killspill

Drexler

Dconstruct

Stickybits

AussieBBQLegends

Kaleidosopepp

Bulletpr

Amy Herndon

Mariecatribs

RGA

Olivier James Gosling

Launchlist

Artisan Media

Wandesign

Freelance Logo

Monster Suit

Tylertermini

Brigtbuldstudio

Le mois de juillet s’annonce haut en couleur, pas de repos pour les créatifs ! Je vous donne rendez-vous fin du mois pour une nouvelle sélection. D’ici là je vous concocterai quelques bons petits articles…

Déjà presque un mois de passé depuis la dernière sélection des incontournables ! En voilà, la fraîche collection des sites qu’il ne fallait pas rater ce mois ci.

Frontier Room

The Visual Click

MicroTyp

Rekkiabily

Avatostudios

Hdqt

Tresinteractive

Grip Limited

All For Design

Elysiumburns

Veerle Duoh

Cutler

Mozilla Labs

Panda Web

Dsignart

Une tendance déjà bien en place depuis quelque temps, le webdesign lisse et poli fait rage sur le web. Petit tour d’horizon de ce style graphique très employé.

Certains parlent de l’évolution des reflets du web 2.0, d’autre diront que les interfaces d’Apple sont les signes précurseurs du style. Quoi qu’il en soit, ce type de webdesign se retrouve dans de très nombreuses créations. Premier exemple, avec le site Metalab.

Ce site présente tout les aspect d’un webdesign « lisse et poli ». Un large titre ombré, qui donne un effet de relief creusé, des dégradés légers bien maitrisés, le tout sans fioritures. Ce site n’est pas nouveau mais à probablement contribuer à ouvrir la voie.Un exemple avec ce site que je pense très inspiré par Metalab :

Dans le même style, le site d’une entreprise qui développe des application I-Phone.

Robocat reste dans la même veine, avec des éléments creusés et du relief. Les reflets très léger donne du volume au design.

À la loupe à présent, le porfolio de Dalton Hurd :

Les deux blocs clairs contrastent bien sur le fond sombre. Le très léger dégradé contribue à donné du relief, ainsi que les ombres sur les boutons.

Sur le site de Campaign Monitor certains éléments sont mis en avant par cette technique, comme la navigation sur la capture ci-dessous.

L’utilisation massive des CSS 3 permet petit à petit de remplacer les images pour créer des bordures arrondies, ou des ombres par exemple. Pour conclure, on peut clairement voir que cette « tendance » est déjà bien en place et a en croire le développement des CSS 3, les designs lisses et polis ont encore des beaux jours à vivre.

D’un autre coté, l’utilisation trop massive de cette technique fondra petit à petit ces webdesigns dans la masse,qui perdrons leur originalité. À vous webdesigner de demain, d’innover et de créer le style phare des prochains mois !

Pour aller plus loin :

5 technique de webdesign lisse et poli chez Line25

Le mois d’avril à présent derrière nous, voici l’occasion de faire une sélection de webdesign frais et visuellement inspirant pour vos créations futures. Les désormais traditionnel webdesigns incontournables du mois vous attendent !

Un mélange de portfolios, de sites de vente en ligne, d’agences de communication bref un bon cocktail de webdesign !

Rich Brown

SLV rent

DnaDarwin

BellTea

DmottCreative

BoxWishDesign

Jean Delbrel

Brizk

Omnia

Rain Creative Lab

Creanto

Blakeallendesign

Mstyle

Waterlife

HardlyCode

Fajnechlopaki

WineShop

Je vous dit à fin mai pour une nouvelle sélection de webdesign sensas’ ! Et à dans trois jours pour un nouveau post.

Bien plus qu’une simple tendance, la page « ouverture prochaine » se fait de plus en plus belle et soignée. Elle est même quasi-obligatoire pour créer un buzz avant même l’ouverture d’un site. Pourquoi les webdesigners apportent-ils un tel soin à cette page temporaire ? Quelques réponses et conseils pour créer une page « coming soon » efficace.

Avant même la mise en ligne d’un site web, faire une belle page d’ouverture, permet d’avertir vos futurs visiteurs. Il est alors immédiatement possible de communiquer l’adresse de votre futur site. Les internautes ne se retrouveront pas devant une page dans un style trop vu et revu et très 90’s comme celle ci :

La page coming soon ne doit pas être une option. Elle permet de faire connaître votre futur site et surtout doit donner envie, faire saliver et susciter la curiosité des internautes. Pour vraiment marquer le coup, il est important d’avoir une identité forte dès le début. Pour y arriver, on peut dans un premier temps mettre en avant son logo et donner immédiatement une idée de ce que va être le design. Une phrase de présentation du site peut être également bienvenue. Attention à faire court et précis pour donner envie à vos futurs visiteurs !

Le futur site de Weode annonce directement la couleur, en plaçant son logo de manière imposante et centrale.

Un deuxième point qui peut contribuer à créer le buzz avant l’ouverture du site, est de placer des liens vers différents réseaux sociaux. Bien sûr pour avoir un impact convenable ceux-ci doivent être régulièrement animés.

En troisième point, en plus des réseaux sociaux, un formulaire d’inscription à une newsletter permettra à vos futurs visiteurs d’être informés de l’ouverture du site. C’est une manière fiable pour permettre aux internautes de suivre l’avancement de votre projet. Quelques exemples :

Une autre stratégie est de faire durer le suspense, en mettant en place un compte à rebours par exemple. Mais attention de ce cas, à bien tenir les délais !

Un autre exemple avec le site Simply Order, qui dévoile petit à petit son design derrière un rideau :

Conclusion :

Une page « Site à venir » réussie est une page avec des couleurs qui en jettent, axée sur la charte graphique du futur site, avec un design fun ou d’où moins qui attire l’attention. En plus de cela, amener un aspect communautaire avec des liens vers des réseaux sociaux, une newsletter permet de tenir en haleine vos futurs visiteurs. Tout cela bien sûr en gardant une part de mystère pour faire durer le suspense ! Quelques raisons qui permettent de comprendre le soin apporté à ces pages temporaires.

Source : YouTheDesigner – 45 exemples de coming soon pages.

Des webdesigns de toute beauté, un mois de liens récolté pour le plaisir de vos yeux et pour votre inspiration. Les incontournables du mois de mars 2010 sont là !

Le printemps à fait germer de nombreux design de qualité… Cette petite sélection de 18 sites vous permettra une fois de plus de voir ce qui ce fait en moment et de trouver de l’inspiration pour vos projets à venir ! À noter que la sélection présente quelques sites HTML5/CSS3 (avec de superbes effets), comme par exemple Jeroen Homan, Fesh01, Bounty Bevo ou encore Curious Generation. À découvrir tout de suite :

Jeroen Homan

Crushlovely

Fresh01

Wenear

The Brown Corporation

Curious Generation

Abeall

We are Hughes

Antpaw

Wrk Born

Frish

Awpny

Hiidef

Shout Digital

I am Mago

8 interactive

Minimalist Design

Bounty Dev

J’espère que vous avez aimé cette sélection. N’hésitez pas à partager vos trouvailles du mois de mars !

Je ne sais pas si on peut à proprement parler de tendance, mais les sites web au design minimaliste poussent comme des champignons en ce moment. Pour faire le point, je vous propose un petit tour d’horizon de la tendance minimaliste.

Commençons tout d’abord par donner une définition de ce que représente le minimalisme : « le minimalisme (ou art minimal) est un courant de l’art contemporain, né dans un groupe de plasticiens au début des années 1960 aux États-Unis, basé sur le principe de l‘économie maximale des moyens. » (via Wikipédia)

Certes cette explication est un peu trop générale pour être appliquée au webdesign mais l’idée est là. « L’économie maximale de moyens » me fait immédiatement soulever cette question : à quoi bon en faire des tonnes quand un design minimal suffit ? Il est n’ai pas nécessaire de surcharger l’espace d’éléments visuels inutiles, voir gênants pour l’utilisateur. Il est important de se concentrer sur le message à faire passer, le produit à vendre, la cible visée etc. En se focalisant sur ce point, le design s’épure de lui-même petit à petit tout au long de sa conception. En utilisant des mises en pages basées sur des grilles, par exemple, il devient très facile d’avoir une ligne directrice pour la création. N’ayez pas peur des espaces blancs en webdesign ! Au contraire, ils peuvent avoir plus d’utilité que l’on ne le pense…

Certes mais alors comment créer un design élégant, ergonomique et surtout reconnaissable au premier coup d’œil ?

La recherche d’originalité  est un élément incontournable pour se démarquer de ses concurrents. Paradoxalement trop de singularité peut nous amener à créer un design trop perturbant, trop chargé et inévitablement plus du tout ergonomique. Il faut trouver le juste milieu, pour avoir une identité de numérique forte sans en faire des tonnes. Prenons par exemple le site web du studio de webdesign anglais, Envento :

Il possède une interface minimaliste, avec du bleu et quelques nuances de gris. Le tout forme un beau mélange, pour au final avoir un site clair et propre où l’information peut-être trouvée facilement. De même pour le portfolio du freelance australien, David Jonsson :

L’immense « Welcome » sur la page d’accueil donne vraiment du caractère à son site. Il est original et minimal à la fois, preuve que les deux ne sont pas incompatibles ! L’utilisation massive de belles icônes et d’un header personnalisé sur chaques pages rajoute encore une bonne dose de personnalisation.

Comment ne pas tomber dans le coté TROP minimal ?

Attention, en supprimant trop d’éléments que l’on pense superflus, il est rapidement possible de se retrouver avec un design trop minimal. Celui-ci donnera l’impression de ne pas avoir été travaillé suffisamment. Au final une interface trop pauvre et sans saveur n’a aucun intérêt…En ce moment de nombreuses organisations se dirigent vers un design minimaliste pour la nouvelle version de leur site web. Je parlais récemment sur le blog du redesign de l’agence Saizen Media. L’ancienne version du site était tout simplement exceptionnelle, avec de nombreuses illustrations, qui offraient un véritable choc visuel. Le redesign dans un style minimaliste est vraiment classe lui aussi mais perd un peu de son originalité en devenant « plus quelconque ».

Pour conclure :

Réussir à créer un site original n’est pas simple et demande beaucoup de travail de  recherche et d’investigation. Il convient de trouver le juste milieu entre superflu, minimalisme et simplicité pour créer LE design qui conviendra à votre client. Un design minimaliste n’est pas forcément adapté à tout projet, mais parfois indispensable pour d’autres. Un site communautaire comme Facebook par exemple n’a pas vraiment d’autre choix que d’offrir un site minimaliste, tant il possède de fonctions. Avec un design « compliqué », l’ergonomie serai grandement revue à la baisse et l’utilisateur perdrai vite ses petits…Pour se rapprocher du design idéal, le tout est une histoire de dosage.

Des ressources :

Si vous en voulez encore plus sur cette « tendance »  je vous invite à cliquer sur les liens ci-dessous :

• Pour votre inspiration : 80 beaux sites au design minimal
• Je vous invite également à lire le très bon article de Gilles Vauvarin, sur la simplicité dans le design.
• Minimalsites, une galerie de site au design minimaliste.

Et vous quel est votre avis sur la question ? Trop de simplicité peut elle nuire à l’image du site ? Ou au contraire es-ce que rester minimal est la solution pour avoir un site propre et clair ?

Début mars arrive, le printemps c’est pour tout bientôt, enfin les oiseaux, les fleurs … Hum certes tout ça pour dire qu’elle est arrivée ! Je parle bien sûr de la sélection des webdesigns incontournables de février 2010 !

Ce mois-ci encore, des sites d’agences, des portfolios, un micro-site automobile, de belles créations pour ce mois de février !

Usine2Prod/Sublimage

Flaek

Artcore Illustrations

Checkland

Mikioinose

Ad60

Agenciart

GiangNguyenDesign

Ryanmerrill

t/

Audi A1

Davi-T

CarrotCreative

Sam Frith

DijitalPark

Macheist

Tj-Todo

Alerte Orange

Bohenmiancoding

Avec le développement des librairies Javascript,  les « diaporamas » (ou SlideShow) se multiplient sur les sites web. Ils constituent un moyen idéal pour présenter de l’information à vos visiteurs.

Agréables à consulter, faciles à comprendre et à mettre en œuvre, la popularité  des sliders s’explique facilement. Voici une liste de sites web utilisant ce principe, se basant sur Flash ou sur Javascript.

UEM Metz

En Flash, avec de bonnes transitions floues, l’effet est vraiment réussi.

Tutorial 9

Le site de tutoriels utilise son « Featured Content Slider » pour mettre en avant ses derniers articles.

SanctuaryCov

Le même slider que sur Tutorial 9.

Are You Frank

Le slider est bien intégré, de manière discrète, dans le site. Mais en même temps l’effet est bien là !

Nealite

Cette tendance s’accorde parfaitement à un autre, celle des mises en pages horizontales. Bonne utilisation sur le site de l’agence Nealite.

Ricoverdeo

Ici le slider constitue à lui seul tout le contenu central du site.

Article inspiré par : Instant Shift. Retrouvez 66 exemples de sliders sur cet article.

Ressources :

Mettez vous aussi en place un diaporama de ce type sur votre site :

- Les 15 meilleurs exemples chez Vision Widget

- 13 scripts Jquery chez WDL

- 1 nouveau tutoriel Jquery chez Build Internet