Première sélection webdesign de cette année 2012, pour votre inspiration. Nous allons commencer en beauté avec 22 sites à ne pas manquer.

Les tendances du webdesign 2012 tant annoncées sont-elles bien sur la bonne voie ? Donnez-moi votre avis après avoir regardé de plus prêt cette sélection…

CreateDm

Mezcalbuenviaje

Products And Services

Eric Barse

Zoo Advertising

Decode

All Y Creative

Looks Luxux

Dedon

365 Awesome Designers

I am Pomz

Ascension Latorre

Mc Cafe Canada

Saltsurf

Solo Interactive

Intacto 10 years

Goliathsportwear

Sobe

Appgear

Pokki

One Minute With

Bear CSS

Alors votre avis sur cette sélection ?

Webdesigners et intégrateurs font trop souvent souffrir la touche F5 de leur clavier. Grâce à CSS Refresh, travaillez plus vite et mieux !

Les outils de rafraîchissement de page « en live » sont parfois difficiles à trouver. CSS Refresh se présente comme un petit code Javascript à insérer dans votre page. Ainsi il vous permettra de visualiser en direct toutes les modifications CSS apportées à votre fichier. Petit bémol, cela concerne uniquement le CSS et non pas votre fichier HTML. L’outil n’est pas nouveau, mais cette version est facile à installer et à mettre en oeuvre. À noter, la présence d’un bookmarklet qui permet d’ajouter rapidement le script à votre navigateur.

L’outil ultime était un système du genre d’Xrefresh. Cette extension Firefox permettait d’actualiser votre page web même en modifiant votre PHP ou votre HTML. Malheureusement le programme est aujourd’hui remplacé par LiveReload, payant et uniquement disponible sur Mac. CSS Refresh couplé à un outil comme Less ou encore ZenCoding fera de vous un ninja de l’intégration.

CSS Resfresh

Comment s’en sortir dans cette jungle infâme de sites offrant toujours plus de ressources gratuites avec une qualité plus ou moins aléatoire ? Webdesigner Trends est là pour vous guider et ne garder que le meilleur.

Depuis plusieurs mois il ne se passe pas une journée sans « nouveau kit GUI » à posséder absolument ou encore la « collection Ultime des meilleurs PSD » à télécharger etc. L’idéal est de trouver l’élément dont vous avez besoin lorsque vous en avez besoin. Les sites suivants proposent régulièrement du contenu de qualité :

Duck Files

Design Kindle

Icondesposit

Medialoot

365 PSD

PixelDen

Prenium Pixels

Launched Pixels

Et vous, cher lecteur, quel est votre favori ?

Ces quelques perles aperçues sur le web récemment, m’ont donné envie de partager avec vous chers lecteurs. Pour votre inspiration, retrouvez 5 sites e-commerce qui ne passent pas inaperçus…

Produit Intérieur Brut

Le site Produit Intérieur Brut est spécialisé dans la vente de mobilier industriel, de meubles design, d’accessoires de décoration vintage et bien plus encore. L’interface globale est simple, bien pensée et comporte une foultitude de petits détails qui confère une véritable identité au site. La navigation intuitive permet de pénétrer rapidement dans le catalogue, en choisissant directement un classement par prix, par type de produits, par matières…

Indochino

Tout en élégance, le site Indochino propose de créer votre costume sur mesure. Choisissez un produit et personnalisez-le à votre convenance. Le processus de personnalisation est très simple et rapide d’utilisation. Le design, basé sur de larges visuels, met en avant la qualité des produits. Une formule qui a l’air de fonctionner pour cette société basée au Canada, qui se dit n°1 du domaine.

Früute

Essayez de prononcer Früute…enfin bon dans tous les cas, dégustez ! Cette pâtisserie de Los Angeles mise sur la sobriété pour vendre des minis-tartes d’une grande classe. Früute arrive à faire tourner les têtes des plus gourmets avec son interface digne d’une marque de luxe. Le bouton d’achat en ligne est judicieusement placé dans le catalogue de produits. Basé sur un énorme slider, il se parcours tel un succulent diaporama.

Pauleka

La célèbre marque de vêtements propose un site soigné, comportant de nombreux effets Javascript sympathiques pour la navigation. Avec une prise en main intuitive et sans accroche, l’utilisateur se laisse porter par les visuels de produits carrément énormes ! On reprochera simplement une finalisation approximative du design sur la fiche détaillée d’un produit. La boutique est basée sur Magento.

Shop Revolution

Sans faire la révolution, la boutique de vêtements femme, homme et enfant a le mérite d’être très propre. La vision plein écran du slider en page d’accueil donne réellement beaucoup d’importance aux beaux visuels d’accroche. La fiche produit, quant à elle, est présentée sans accro.

Comme vous le faites si bien d’habitude, partagez vos liens :) !

Dernière sélection de cette année 2011 riche en sites web de qualité. Pour finir en beauté, Webdesigner Trends a sélectionné pour vous 20 webdesign pour booster votre créativité en 2012.

Google Maps

Macquarie University

Captain Dash

Big red dog

Team Tree House

Enlighten My Mind

The Gradient App

Matilda

Jibevisuals

Aigadc

Deux Huit Huit

Five Thirty Brew

Nike Chosen Series

Gray Den Poper

Parklafun

10 years in type

Moabeer

Smalls Studio

Inze

Nike Vision

À l’année prochaine !

Voilà qui conclu cette année riche en créativité ! En tout, plus de 290 sites ont figurés dans les sélections des incontournables ! Retrouvez toutes les sélections webdesign de cette année 2011 :

• Janvier / février
• Mars
• Avril
• Mai
• Juin
• Juillet
• Aôut
• Septembre
• Octobre
• Novembre

Dites-moi, quel est votre site web de l’année 2011 ?

Ce mois de novembre à été riche en créations webdesign de qualité. Pour votre inspiration plongez au cœur de ces 26 sites tendances, mixant HTML5 / CSS3 et Javascript.

Nokia

35 ans Premiere

Chocolatier Bouillet

President

Art4web

Cheval Blanc Courchevel

Uchitomi

War Child

Kantt

Saint Antoine

BigBite Creative

Protest

My Nothern lights

Lamoulade

360 Langstrasse

Ownedition

James Silverman

Kikk

HarryFord

HarryFord

Revolver Studio

Fifa12 Scarf

Remember The War

Asiance

Nerisson

We run Mexico

Quel est votre avis sur cette sélection de novembre ?

Les designers de sites e-commerce n’en finissent pas d’être créatifs et d’avancer de nouvelles idées. Rien de tel qu’une sélection pour être au courant des dernières tendance en matière de commerce en ligne.

Le Coq Sportif

Le nouveau site de la marque au Coq, sorti il y a quelques semaines, s’impose dans le paysage du webdesign ecommerce. Avec son interface light, sa navigation intuitive et ses photos de produits vendeuses, il en jette !

Salomon Snowboard

En refondant sa boutique en ligne, Salomon a bien anticipé sur l’hiver qui approche à grands pas. Vous y trouverez tout ce qu’il faut pour fondre la neige sur les plus belles pistes de la planète. Ici, la marque a choisi d’afficher tous ses produits dès la page d’accueil. Un filtre original fixé en haut de l’écran vous permet de faire votre choix et voir les produits qui vous intéressent en 2 clics.

Moment Skis

Continuons dans les sports d’hiver, avec le site Moment Skis. Le design est basé sur des blocs de sliders horizontaux empilés, sur tout la largeur de l’écran. À l’arrivée sur le site, la mise en page générale peux paraître perturbante, donnant l’impression d’un surplus d’informations. En s’y attardant un peu plus, le tout fonctionne très bien et de manière originale.

Men Look

Look épuré et fashion avant tout, la nouvelle version de Men Look enchaine les nouveautés. Le site, spécialisé dans les vêtements homme, n’affiche quant à lui aucun produits sur la page accueil. Il propose de l’information pertinente renvoyant vers les produits. Produits qui sont d’ailleurs très bien présentés en page d’accueil. Le tout est réalisé avec Prestashop.

Sal y Laurel

Amateur de fruits de mers ou non, le site espagnol Sal y Laurel sera ravir vos papilles ou du moins vos yeux de designers. Rien de révolutionnaire non plus, mais un design propre qui fonctionne bien. Basé sur un style illustratif annoncé directement en haut de page mais également soutenu par le pied de page avec de larges pictogrammes. Bonne idée pour contourner des photos de homards ou autres crevettes pas toujours bien présentées.

Que vous soyez un professionnel du web ou un jeune padawan, les tutoriels webdesign permettent d’en apprendre beaucoup sur les dernières astuces et bonnes pratiques Photoshop. Pour vous remettre à jour, j’ai sélectionné pour vous, quelques-uns des derniers tutoriels Photoshop webdesign parus sur le web. Comme souvent, les meilleurs sont en anglais.

Créer un email de lancement d’application web

Créer un design de site sombre et propre

Créer un design de portfolio sous Photoshop

Créer un design de site E-commerce

Créer un design de site clair et texturé

Un design d’espace d’administration

Créer un design propre pour un portfolio

N’ayez crainte, je n’ai pas oublié votre rendez-vous mensuel des incontournables.Découvrez 28 sites parmi ceux qui ont rempli le paysage webdesign de ce mois d’octobre.

Sélectionnés pour leur maitrise de l’HTML, du CSS, du Javascript et globalement pour leur originalité, savourez cette sélection d’automne qui vous redonnera le sourire.

Monsters Lab

Webshocker

KidsLove Jet Lag

Deville Diner Bar

Wunderkit

Jwilouvres

Tao Community

Citroen DS5

Wixel

Tamron Island

Michel Bernard

MCube

Louis Vuitton

Real Mac Sofware

Luxus

MarcoFumagalli

PointlessCorp

Game Sweplayerd

Nest

Moment Skis

The Combine

Kccreep Fest

Liptonicetea

Optimohats

In2Headphones

Sprint All to Get Togethernow

Les Avignons

Attackemart

Votre avis sur cette sélection d’octobre 2011 ?

Pour inaugurer cette nouvelle catégorie d’articles sobrement intitulée « Concept web« , je vous propose de découvrir le site Onsemmerde.com.

Cette nouvelle catégorie va accueillir des publications régulières de sites au concept innovant, original ou tout simplement bien pensés. Comme le veux la ligne éditoriale de Webdesignertrends, les articles seront bien entendus orientés webdesign, ergonomie, interface, etc.

Premier site de cette (j’espère) longue série, Onsemmerde.com

On s’emmerde ?

Quel est donc le concept qui se cache derrière se nom provocateur ? Et bien tout simplement une énorme base de donnée d’évènements partout en France. Déjà vu et pas très original me direz-vous. À y regarder de plus prêt, ce n’est pas tout à fait ça…

Un design simple et un accès direct à l’information

Onsemmerde brise les codes des gros site annuaires et événementiels. Ici pour accéder aux données pas de fioritures : un simple champ de recherche vous invite à saisir votre ville ou votre code postal. Efficace ! C’est en effet une très bonne entrée pour chercher un événement prêt de chez soit. Quoi qu’il en soit, c’est une méthode qui fonctionne comme le prouve le succès de Google ou encore la page d’accueil de GrooveShark.

Une fois votre ville validée, un listing complet de tous les résultats vous invite à consulter les événements. Sur une fiche détaillée, un titre, une photo, un descriptif et en plus d’une Google Map, vous pourrez accéder directement au site partenaire vendeur du billet de l’évènement.

Un concept à suivre…

Un des clé de l’originalité du projet réside principalement dans son design. En prenant le parti de la simplicité, on navigue réellement avec plaisir et sans prise de tête. Le large fond photo et l’étroite colonne centrale se complètent à merveille. Pour l’instant pas de colonne de pubs, juste ce qu’il faut pour trouver, participer et partager un événement.

On peux tout de même regretter que l’accent soit mis sur les événements payants, mais ce n’est pas un hasard. Comme l’explique le site, sa base de donnée provient des plus grands distributeurs de billets.

Au final, une idée simple, bien mise en œuvre qui se démarque des autres sites du genre.

www.onsemmerde.com