Les sélections de portfolios sont très régulières sur les blogs webdesign. Pour aller au-delà, dépassons le design, intéressons-nous au contenu et au talent de webdesigners à suivre absolument.

Une nouvelle série d’articles sur le blog

Dans cette jungle de sites d’inspiration proposée sur le web, je vous propose une nouvelle série d’articles présentant des webdesigners talentueux. Ils permettront aux débutants d’avoir de bonnes références, nécessaires lorsqu’on débute dans le domaine. Il constitueront également une bonne source d’inspiration pour les webdesigners confirmés. Le tout dans un format court, présentant en quelques mots le parcours, l’origine du webdesigner, avec une bonne visibilité sur son portfolio. Je tiens à préciser qu’il s’agit là de coups de cœur dénichés aux détours du web, avec comme critère de sélection n°1, la qualité des réalisations. Commençons tout de suite avec le portfolio d’Anthony Goodwin.

Anthony Goodwin aka Design Embraced

Basé au Royaume-Uni, Anthony possède 8 années d’expérience et un portfolio bien rempli. Ces années de travail lui on permis de travailler avec les plus grandes agences et les plus grandes marques, comme HTC, Adidas, Durex, MTV, NFL, Huggies, Pepsi, Nike, Kelloggs et bien d’autres. Il possède également plusieurs récompenses pour son travail pro. et personnel. L’ancienne version de son site avait d’ailleurs été présentée sur le blog dans les incontournables de novembre 2009.

Son portfolio :

Quelques réalisations sélectionnées :

www.designembraced.com

@designembraced

Exprimez-vous, n’hésitez pas à donner votre avis et suggestions sur cette nouvelle série d’articles ! Les commentaires sont là pour ça ;)

La série très appréciée de sites e-commerce continue avec ce numéro 7, prêt à vous donner de bonnes idées pour vos prochains design.

X-Doria

Vendeur d’accessoires mobile « lifestyle », X-Doria propose une boutique au style épuré, avec une homepage tout en longueur. On retrouve d’ailleurs trois entrées sur cette page d’accueil, menant vers les trois catégories principales de produits. Un bon exemple de boutique au catalogue restreint.

Mark et Zoe

Exemple type du site de mode, la gestion de la page d’accueil est intéressante. L’accent est clairement mis sur la collection femme, comme en témoigne la taille des blocs. Faites un tour en page intérieure, le listing de produit est présenté tout en longueur, dans un large slider horizontal. Utilisation dangereuse à mon humble avis sur un large catalogue, mais pratique avec un faible nombre de références.

Mexx

Design épuré, photographies engageantes, nous sommes bien sur un site de mode. Mexx bien évidement que l’on ne présente plus et qui s’offre ici un site agréable et très propre.

Mendo

En plein écran, mettant en avant des photos, la boutique de livres Mendo se positionne de manière originale. L’utilisation de nombreux effets de slides offre une intéressante expérience utilisateur. À voir !

MyWineBox

My Wine Box n’est pas un site e-commerce « catalogue » à proprement parler, mais il possède un concept et un design intéressant. L’interface est fraîche et didactique, de manière à expliquer le principe de la boutique en quelques secondes.

Vous en pensez quoi ? Donnez-moi votre avis en matière d’ergonomie et de design ! Et n’hésitez-pas à poster d’autres sites bien évidement ;)

Le principe de l’agence Creasenso est simple : connecter les meilleurs talents freelances aux agences les plus créatives. Sur le papier, la mission peut paraître courante, mais regardons-y de plus prêt.

Dans le domaine du digital depuis 10 ans, Creasenso suit constamment les tendances pour débusquer les talents d’aujourd’hui et de demain. Pour ne garder que le meilleur, les critères de sélection de l’agence sont clairement établis selon divers points comme le talent, l’expérience, le professionnalisme, la spécification, etc. Le site, axé autour des portfolio créatifs, permet une recherche claire et une navigation aisée.

Idéal pour les agences à la recherche de freelances talentueux :

Lors d’une recherche d’une compétence bien spécifique, Creasenso vous permet de trouver des talents dans le domaine de la 3D, du design, de l’illustration, de l’édition, de la photo, du web, bref de quoi couvrir une très bonne partie, voir tout les besoins en matière de création digitale. Citons parmi ces talents des nom comme Pawel Nolbert, Niklas Lunderberg, ou pour revenir en France, Loïc Sattler, François Leroy…et j’en passe.

Des bonnes opportunités pour les freelances expérimentés :

Avec l’expérience et les compétences requises pour intégrer la structure, vous pourrez ainsi bénéficier d’une visibilité supplémentaire pour travailler avec de grandes agences, dans un environnement cadré et optimisé.

En conclusion :

En axant les projet sur la création et en gardant uniquement les talents et les portfolios de qualité, Creasenso s’offre une bonne visibilité et fait figure de référence auprès des agences. Les créatifs du réseau possède donc une place de choix pour sortir de la masse créative.

Pour en savoir plus : Creasenso.com

En tant que créatif ou chef de projet, que pensez-vous de ce type de structure ?

Photographe et photo-manipulateur hollandais, Adrian Sommeling travaille dans un registre relativement fun et décalé. Découvrez un extrait de son portfolio dans la suite.

Adrian reste assez discret sur sa carrière et sa biographie en général. C’est peut-être un choix, mais peux importe, ce qui nous intéresse principalement ici est son portfolio. Ses portraits mettent en scène très souvent des enfants, mis dans des situations originales et hors du commun. Le tout avec une bonne dose de photomanipulations.

Making of

Le photographe propose de décripter son processus créatif en publiant des vidéos sur son site :

Le porfolio d’Adrian Sommeling

Trop retouché ? Pas assez ? Est-ce vraiment encore de la photo ? Quel est votre avis ?

Hola la voici, la voilà, la sélection mensuelle des sites web à ne pas manquer. Parcourez 25 sites originaux pour votre inspiration et votre soif de nouveautés !

Marcus Thomas LLC

MRare

HTC

Titanic

Milkable

WWF Food story

FormFett

PlanoForm

The Kitchen Community

YSL Experience

Glamour

Les Champions GMF

HTML Adobe

Aisa Express

Oatiful

Fornobonmi

Edprenovaveis

The Amazing Spiderman Game

Rdio

Lore

Victoria Beckham Landrover

Zurb

Pilot

Nature Valley Trail View

Feel the Void

Quel site vous marque spécialement ce mois-ci ?

Les développeurs innovent en créant de superbes expériences pour repousser les limites de la technologie WebGL et HTML5. Étranges ou exceptionnelles, bref, dans tous les cas, originales !

Comme l’indique Wikipedia : « WebGL est une spécification d’affichage 3D pour les navigateurs web, créée par le Khronos Group. Elle permet d’utiliser le standard OpenGL depuis le code JavaScript d’une page web. C’est une technologie permettant le Web3D tout en exploitant les accélérations matérielles 3D à l’aide des pilotes OpenGL de la carte graphique ». En septembre 2009, aucun navigateur Web ne permettait l’affichage 3D directement sur le navigateur sans plugin. Il est aujourd’hui possible de visualiser ce type d’expériences avec Firefox, Google Chrome et Safari. Internet Explorer ne supporte pas encore WebGL par défaut.

Street View Reflection Mapping :

Si vous suivez la page Facebook du blog vous avez sûrement du voir cette expérience 3D basée sur Google Maps. Bizarre certes mais très bien géré !

Raymarching An Infinite City

Une démo WebGL qui génère une ville infinie.

Baked Illumination

Une Camaro très brillante. Recherches et tests sur les reflets.

Half Life Zombie

Presque effrayant ! Un tutoriel en 12 étapes est proposé par le développeur qui explique une partie de la conception.

Fresnel Shader Bubbles

Expérience également basée sur la réflexion de bulles de savon dans l’air.

Web Sonic

Notre ami Sonic le hérisson, contrôlable dans environnement 3D certes basique mais qui permet tout de même d’exploiter de bonnes capacités de la technologie.

Trigger Rally Online

D’après ce qu’on dit, c’est le meilleur exemple de jeu 3D WebGl à ce jour. À vous de juger ;)

LittlePlanetBigRocket

Un mini-jeu dans l’espace. Le but est de faire évacuer votre astronaute avant qu’une météorite ne tombe sur sa planète.

Disponible en France le 23 mai prochain, Adobe Photoshop CS6 fait beaucoup parler de lui, et en bien ! Le moment est venu de faire le point sur les nouvelles fonctionnalités utiles notamment aux webdesigners.

Sortie en version Beta mi-mars dernier, la version Beta d’Adobe Photoshop CS6 offre une réelle gamme de nouveautés par rapport aux versions antérieures. Une bonne nouvelle pour tous les aficionados du célèbre logiciel. Oh combien nous sommes nombreux, webdesigners, à travailler avec Photoshop ! Les articles présentant toutes les nouveautés du logiciels sont nombreux, mais découvrons ensemble quelques fonctionnalités qui vont vous permettre d’améliorer votre confort et votre flux de travail webdesign. Après quelques petits tests, vous en ressortirez le sourire aux lèvres.

Nouvelle interface :

Photoshop s’habille d’une robe sombre pour sublimer vos designs et être cohérent avec les autres logiciels de la suite comme After Effects par exemple. Il est bien entendu possible de personnaliser les couleurs dans les préférence de l’interface. Globalement, c’est un très bon redesign de l’interface utilisateur qui mixe parfaitement nouveaux outils et outils « traditionnels » de Photoshop.

La recherche de calques :

Très utile dans un gros PSD et pour gagner du temps en intégration par exemple. Il est désormais possible de rechercher des calques par type, par nom, par style, par mode de fusion, par couleur…

Styles de paragraphes :

Enfin une fonction se rapprochant de ce qui existe déjà dans Adobe InDesign. Par exemple, si vous avez un énorme PSD contenant toutes les pages de votre site et votre client demande de changer le titre sur chacune des pages. Grâce à la fenêtre « Style de Paragraphe » disponible sous Fenêtre > Style de paragraphe vous pouvez définir un style global qu’il suffira de modifier une seule et unique fois. Vous évitez ainsi tout travail long et répétitif.

Appliquer des effets aux groupes de calques :

Bien pratique pour éviter de répéter plusieurs fois un effet sur chacun des calques d’un groupe.

Coller directement du Lorem Ipsum :

Combien de fois avez-vous déjà quitter Photoshop pour chercher du faux texte pour vos design ? Grâce à la fonction Lorem Ipsum intégrée, il est possible de coller le texte directement. Un gain de temps non négligeable, par une fonction simple et bien pensée. Disponible sous l’onglet Texte > Coller Lorem Ipsum.

Taille indiquée lors de la sélection ou le déplacement d’un calque :

Pour le webdesign, le « pixel perfect » est de mise. Grâce aux indications de dimensions directes sur les outils de sélections, il est désormais inutile de passer par le panneau « Informations ».

Des paramètres prédéfinis adaptés aux supports actuels :

Le logiciel inclus, de base, des formats de documents pour les designs adaptés Iphone, Ipad etc. Encore un gain de temps, qui nous évite de créer nos propres formats personnalisés.

Les petites choses qui font beaucoup de bien :

Certains de nos petits tracas quotidiens vont être largement diminués, voir oubliés ! Par exemple, il est désormais possible de :

• Diminuer l’opacité de plusieurs calques à la fois
• Dupliquer avec CTRL+J (Ou Pomme+J) un groupe de calque.
• Enregistrer son PSD en tâche de fond et de manière automatique.
• …

Côté tarification :

Ici aussi du changement. Adobe propose un abonnement mensuel pour avoir accès à Photoshop en version cloud. (Toutes les infos Adobe Crative Cloud sur Tuto.com). Sinon Photoshop CS6 est annoncé à 955,6 € ou bien 273,88 € pour une mise à jour depuis Photoshop CS5, CS4 et CS3, toutes versions. Photoshop CS6 Extended est lui annoncé à 1374,2 €, et  477,2 € pour la mise à jour.

Astuces et ressources :

En attendant de vous équiper avec Adobe Photoshop CS6 vous pouvez toujours télécharger la version Beta, gratuite pour 30 jours. Disponible uniquement en Anglais il est très facilement possible de traduire l’interface de Photoshop CS6 en français. Le site Grafikart propose une vidéo détaillant ces nouvelles fonctionnalités qui vaut le coup d’œil !

Avez-vous pu tester Adobe Photoshop CS6 depuis ça sortie en Beta ? Partagez vos avis dans les commentaires ;)

Martin Grohs est un touche à tout de l’art digital, qui s’efforce à explorer différents terrains d’expressions, pour affiner son propre style. Le portfolio fourni de Martin permet de suivre son évolution créative.

Âgé de 24 ans et basé à Leipzig en Allemagne, Martin utilise principalement Photoshop, Cinema 4D et Illustrator pour exprimer ses idées et créer ses œuvres. Il travaille en tant que freelance depuis 2011 pour des clients au États-Unis, en Allemagne et en Inde. Martin est également très actifs dans divers collectifs de graphistes comme Espadon 21 ou encore Intrinsic Nature.. Pour en venir au fait, découvrez quelques créations de son portfolio :

Le portfolio complet de Martin sur www.martin-grohs.com

En tant que graphiste vous serez sans aucun doute amené à créer des images de marques pour tout type de sociétés. Pour votre inspiration graphique, voici quelques identités visuelles plutôt bien conçues…

En tant que webdesigner également, créer un site web pour une marque possédant une solide charte graphique nécessite de s’en imprégner et d’adapter son principe au digital. Quelques exemples de déclinaisons parmi cette sélection :

Pour en apprendre plus sur la technique des webdesigners ou tout simplement pour gagner du temps sur certains projets, Webdesigner Trends vous propose une sélection de 10 PSD de sites web gratuits.

Les PSD sont pour la plupart inscrit dans les tendances actuelles du web. Ils permettront aux débutants d’en savoir un peu plus sur les techniques de webdesign. Si vous voulez encore plus, jetez un œil aux sites de PSD gratuits.

Business Website Template Design

Proposé par Prenium Pixels, le PSD est très complet.

Appix Theme

Minimal website template

IphoneApp Template

Blog template

Pump Webdesign

Zen Layout

Digital Rust Template

Dealers Theme

Appos Homepage

En espérant que cette sélection pourra vous aider sur vos projets futurs ;)