Aôut n’est pas synonyme de vacances pour les webdesigners du monde entier. En effet ils nous offrent à nouveau quelques bijoux ce mois-ci. Pour vous, une sélection de 11 webdesign incontournables.

Petite particularité ce mois-ci, beaucoup de sites avec des illustrations. Coïncidence ou tendance du moment ? L’avenir nous le dira ! Et vous, vous en dites quoi ?

Mojo Theme

Bundlehunt

Momento-images

Bokicabo

HD live

Solid Giant

LBDsociety

Wing Cheng

Tahoetechtalkconf

Yipori

Therestudio

Je publie souvent des liens vers des tutoriels anglophones, c’est donc avec plaisir que je partage ce tutoriel webdesign en français avec vous !

En effet ce petit article pour vous informer de la publication d’un tutoriel Photoshop réalisé par mes soins pour Living Tuts. Le nouveau site de tutoriels propose en effet déjà quelques superbes tutos pour apprendre et vous perfectionner. Illustrator et Photoshop mais bientôt aussi des tutoriels web évidement ! Intitulé « Créer un design bleu et aéré pour un blog« , vous apprendrez étapes par étapes à construire ce design de blog sous Photoshop :

À découvrir et à faire sur Living Tuts >>

C’est aujourd’hui qu’ouvre Living Tuts, le nouveau site de référence pour tutoriels. Au programme webdesign, digital painting, développement web, Flash et bien plus ! Tout ça avec des tutoriel écrits, vidéos et in French please !

Mûrement réfléchi et durement mis en œuvre depuis quelques mois, Living Tus sort enfin de terre. Parti de l’initiative de Gaétan Weltzer aka Design Spartan, rejoint Yoann Marie, Living Tuts compte offrir d’ici quelques temps, des dizaines de tutoriels de qualité. C’est bien beau tout cela mais au fait qu’est-ce que Living Tuts ?

Vous avez dit Living Tuts ?

Il s’agit d’un site  de tutoriels écrits et vidéos. Cette initiative est née à la suite d’une triste constatation : pourquoi faut-il toujours aller sur des sites anglophones pour trouver de bons tutoriels et surtout de haut niveau ?..

Le but est donc d’amener une solution à cela en espérant créer un site incontournable dans le domaine se démarquant non pas par la quantité, mais bien par la qualité ! Et pour élargir le site, il ouvrira dans quelques temps en version anglaise. Il ne s’agit donc pas d’un énième site de tutoriels proposant des tutos pour débutants vus et revus, mais d’un projet solide de partage et d’entraide.

Les tutoriels

Il me semble important de parler des tutoriels, vu qu’il s’agit du cœur du site. Ils seront écrits et décriront une technique étape par étape ou alors en vidéo, avec ou sans commentaire. Les logiciels et sujet traités peuvent être variés. Vous en avez un aperçu avec le menu des catégories sous le logo mais d’autres pourraient facilement voir le jour. Dans les prochaines semaines s’ajouteront donc aux tutoriels déjà présents des tutoriels de webdesign, d’intégration HTML/CSS, de développement, d’Action Script 3, sur le CMS WordPress, des tutoriels d’effets de textes ou de matte painting sur Photoshop, etc…

Living Tuts est un projet qui me tiens personnellement à coeur, car je fais parti des rédacteurs du site, prêts à partager trucs et astuces avec vous ! Le rendez-vous est donné sur Living Tuts !

Sources :  article d’ouverture de Living Tuts

Voici arrivé le 100ème article de Webdesigner Trends ! L’heure de faire un petit bilan, histoire de revenir sur vos articles favoris, l’évolution du blog et bien plus encore…

Ouvert le 4 octobre 2009, le blog comptabilise au total 100 articles avec 180 commentaires. Traitant des sujets variés comme le webdesign, le graphisme, l’évènementiel, la photographie, ou encore l’actualité du web certains articles se détachent réellement au niveau du nombre de lectures : les articles le plus lus sur Webdesignertrends sont les sélections mensuelles des webdesigns incontournables. Ces articles visent à mettre en lumière une vingtaine de sites web par mois, tout ça pour développer votre imagination et booster votre inspiration.

En tout 9 neufs articles correspondant aux 9 mois d’existence du blog :

• Les incontournables de mai 2010

• Les incontournables d’avril 2010

• Les incontournables de mars 2010

• Les incontournables de février 2010

• Les incontournables de janvier 2010

• Les incontournables de décembre 2009

• Les incontournables de novembre 2009

• Les incontournables d’octobre 2009

Autre série à succès, les articles sur les tendances du webdesign. Pour être en phase avec le web, ces articles fournissent un aperçu de ce qui ce fait actuellement en matière de webdesign. En tout 7 articles :

• Coming Soon Pages soignées

• Minimalisme

• Diaporamas

• Perspective et 3D

• Faut il suivre les tendances ?

• Typographie

Un rapide point par rapport à la fréquence de parution des articles, mon emploi du temps ne me permet plus d’être aussi rigoureux qu’au début de la création du blog. J’espère rapidement inverser la tendance et publier de manière plus fréquente, pour rester à la page. Concernant l’avenir du blog, je compte rester sur un édito très webdesign. C’est tout simplement la catégorie la plus sollicitée, la plus en phase avec l’image et du blog. Un redesign est également prévu à plus ou moins court terme, restez donc branché !

Je vous rappel que j’écris également pour le blog Graphistes World, qui publie régulièrement mes articles webdesign. Autre projet qui me tiens réellement à cœur, je fais parti du groupe de rédacteurs du futur site de référence en tutoriels webdesign, Living Tuts. Pour en savoir plus sur ce projet d’envergure qui va très bientôt voir le jour, je vous invite à lire cet article sur Design Spartan.

La parole est à vous, je vous invite à me contacter, ou un laisser un commentaire pour me donner votre avis sur le blog, et sur la manière dont vous souhaiteriez le voir évoluer. Je remercie également tout mes  bloggeurs préférés de la blogoliste. Dernière chose, je vous invite à suivre Webdesignertrends sur Facebook ou via Twitter.

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.