Archive pour la catégorie ‘Web Design’

Retour sur le WIF (Webdesign International Festival) 2010

Jeudi 24 juin 2010

Nous vous avions déjà parlé du WIF il y a plusieurs mois, quand le projet était encore dans les cartons. Et c’est fou comme le temps passe vite: le festival international de design qui avait mis tout Limoges en effervescence est déjà terminé, les vainqueurs désignés, on a plus qu’à attendre l’année prochaine pour une nouvelle édition! Cette année le thème était « I’m thinking of you » (Je pense à toi), il fallait donc imaginer un dispositif permettant à deux êtres proches de communiquer. Nous avons dégoté pour vous cette petite vidéo qui revient efficacement sur l’évènement, l’ambiance et les créations qui en sont ressorties!

Pour encore plus d’infos sur le WIF, n’hésitez pas à faire un tour sur le site officiel de la manifestation.

The Brads: un blog BD pour les webdesigners, par un webdesigner!

Lundi 21 juin 2010

Etre webdesigner, c’est plein de petits drames quotidiens, pas toujours évidents à supporter pour les artistes que nous sommes (mais oui, il ne faudrait pas l’oublier!). Entre Photoshop qui plante, les clients qui semblent venir tout droit de l’enfer et nos petits tracas personnels, la crise de nerfs n’est jamais loin. Heureusement, ce qui est formidable, c’est qu’on se sent soutenu: tous nos « collègues », freelance ou en agence, ont plus ou moins les mêmes problèmes! Brad Colbow fait partie de cette grande famille de névrosés de la palette graphique, mais au lieu de pester dans son coin il a choisi de caricaturer notre métier à travers son blog BD, dont voici quelques savoureux extraits:

Brad Colbow

Brad Colbow

Brad Colbow

On adore! :)

Tout comprendre sur HTML5 en une image

Mardi 8 juin 2010

Comme on s’y perd tous un peu, voici une illustration fort bien faite qui rassemble sur une seule planche ce que nous devons retenir du HTML5, la compatibilité des différents navigateurs existants face à ce nouveau standard du web et une judicieuse comparaison entre HTML5 et Flash. A garder précieusement à portée de main!

HTML5

Logiciel de jouvence

Jeudi 20 mai 2010

Adobe Photoshop Cream

On partage avec vous ce petit fake bien réalisé car il nous a fait sourire par la véracité de son propos ! Nous vous parlions il n’y a pas longtemps des 20 ans de Photoshop, et de comment ce logiciel avait su se rendre indispensable et incontournable dans tous les métiers qui impliquent des traitements iconographiques. La face du monde ne serait probablement pas tout à fait la même sans lui, puisque les images que nous produisons et consommons dans la publicité et le marketing ont un impact non négligeable sur les critères de beautés et les exigences esthétiques de nos sociétés contemporaines. Alors certes, Madonna n’en reste pas moins très en forme pour son âge, mais si Photoshop n’était pas là continuerait-elle à vendre autant de rêve (et de disques) ?…

La Maison d’Anne Franck se visite en ligne

Mercredi 28 avril 2010

Une fois n’est pas coutume, si la plupart des billets de ce blog sont plutôt légers ou divertissant, aujourd’hui nous avons été touchés par un site web à la vocation éducative qui remet au goût du jour de sombres pages de l’Histoire.

Il y a 50 ans, la maison dans laquelle s’était réfugiée la désormais tristement célèbre Anne Frank ainsi que sa famille devenait un musée pour conserver la mémoire de ses « prisonniers ». Cette demeure située à Amsterdam aux Pays-Bas est depuis devenue l’un des symboles de la Schoah, au même titre que le journal intime de la jeune fille qui a depuis été traduit en plus de 70 langues et lu par plus de 35 millions de personnes à travers le monde.

La Maison d'Anne Franck en 3D

Afin de souligner cet anniversaire et de rendre accessible au plus grand nombre ce lieu chargé d’histoire et d’émotion, le Musée Anne Frank a mis en ligne une reconstitution en 3D de la maison afin de pouvoir la visiter et découvrir les secrets de sa terrible destinée. A travers ce site web, le Musée Anne Frank espère atteindre le jeune public et favoriser le dialogue entre les générations, permettant à tous d’approfondir la visite réelle ou d’en avoir un substitut.

Le site web de la Gaîté Lyrique s’affiche

Vendredi 23 avril 2010

La Gaîté Lyrique est un nouveau lieu parisien dédié aux cultures numériques et aux musiques actuelles qui ouvrira ses portes en décembre 2010. En attendant, à l’adresse Gaite-Lyrique.net, on peut déjà se régaler d’un superbe film d’animation signé Yves Geleyn, qui nous plonge dans l’ambiance de cette nouvelle salle de spectacle prometteuse.

L’esthétique et l’univers de ce film d’introduction sont tellement réussis que l’artiste en a tiré une série d’impressions 60×80cm sur papier photo qui s’arrachent comme des petits pains ! Les tirages sont en effet très beaux, et surtout l’idée de prolonger l’expérience du site web sur le papier est une démarche intéressante. Franchement, quel webdesigner ne rêverait pas de voir son site web au dessus de la cheminée d’un luxueux salon ?

La Gaite Lyrique

La Gaite Lyrique

La Gaite Lyrique

Adobe France lance un concours de création pour les 20 ans de Photoshop

Lundi 1 mars 2010

Photoshop a 20 ans !

On va finir par le savoir, cette année Photoshop fête ses 20 ans. A cette occasion, Adobe France propose aux graphistes de tous poils un concours de création portant sur les innovations du logiciel, années par années. Il n’y a donc pas un thème unique sur lequel plancher, mais 20 mini-thèmes au choix pour se creuser la tête tant que l’inspiration est là !

Les 20 gagnants seront désignés entre le 20 avril et le 5 mai par un jury prestigieux : Rob Ford, fondateur de The FWA, Romain Colin, fondateur de Fubiz, Anne-Cécile Tauleigne, directrice de création chez BETC EURO RSCG… Les prix seront remis le 20 mai à Paris au cours d’une journée exceptionnelle pendant laquelle les vainqueurs verront leurs oeuvres exposées et repartiront avec des suites créatives Adobe ou des MacBook Pro. Rendez-vous sur le site de l’évènement pour participer, et bonne chance !

Le « Future of Web Design » se discutera à Londres du 17 au 19 mai 2010

Mercredi 17 février 2010

Future of Web Design Conference

Si vous avez la possibilité de vous rendre dans la capitale anglaise dans exactement 3 mois, n’hésitez pas à sauter dans l’Eurostar : tout le gratin du webdesign s’y est donné rendez-vous pour 3 jours de conférences et masterclasses sur l’avenir et les tendances fortes de cette discipline. En vrac, parmi les sujets qui seront abordés cette année :

- How to Get Started with CSS3
- jQuery for Designers: All You Need to Code
- Accessibility in Web Design
- 10 Tips for iPhone Interface Design
- Words and Pictures: Copy and the design process

Un programme plus qu’alléchant pour se former, réfléchir et réseauter. Pour les modalités d’inscription, ça se passe ici. London Calling !

Le mauvais design n’a qu’à bien se tenir, les super héros arrivent !

Lundi 15 février 2010

En tant que webdesigners, graphistes et autres créatifs, nous avons forcément une sensibilité esthétique un peu plus exacerbée que le commun des mortels, qui peut très bien passer devant une image mal détourée ou une charte graphique mal respectée sans même se retourner.

Les chanceux ! Combien de fois par jour sommes-nous agressés par des sites web à l’ergonomie improbable ou des imprimés défiant les lois les plus élémentaires de la mise en page  ? Heureusement, les initiatives se multiplient et des supers héros ordinaires sont bien décidés à lutter contre ce fléau…

Dans le Queens de New York, l’agence Cardon Design est partie en croisade contre les affichettes amateurs qui polluent le champ visuel des passants. En leur donnant un petit coup de frais, non seulement cela rend l’espace urbain plus agréable, mais les émetteurs du message ont de meilleurs chances de vendre leur appart ou retrouver leur compagnon à quatre pattes !

Cardon Copy

De l’autre côté des Etat-Unis, en Californie, Design Girl & Kerning Boy se battent pour défendre le même idéal au sein de leur campus. En civil, ce sont en effet deux étudiants qui dans le cadre d’un projet d’études se sont imaginés en super-héros à la rescousse du design. Leur site web et le petit court métrage qu’ils ont réalisés pour l’occasion valent le détour !

Design Girl & Kerning Boy

Flavors.me : la carte de visite 2.0

Mardi 9 février 2010

Encore une nouvelle plateforme de blogging ? Pas tout à fait. Un nouveau média social ? Non plus. Un agrégateur de contenu alors ? On y est presque.

Flavors.me a été créé pour permettre de rassembler en un seul point les différents lieux d’expression de notre identité en ligne, qui s’éparpille sur les nombreux réseaux mis à notre disposition : Facebook, Twitter, Youtube, LinkedIn, etc. En somme, l’idée est de permettre à chacun de se créer facilement une page « carte de visite » qui synthétise sa présence sur les autres médias sociaux.

On connaissait déjà les vCards, qui répondaient à peu près au même besoin. Néanmoins, la nouveauté introduite par Flavors.me est sa simplicité d’utilisation : même un singe pourrait se créer une page sur ce site intuitif et simplifié au maximum.

Le résultat est, en conséquence, lisible et ergonomique. En plus, les possibilités de customisation restent intéressantes puisqu’on a le choix entre une grande palette de couleurs et des typographies qui ne se limitent pas aux sempiternels Times et Arial. Une bonne solution quand on est plus doué pour se faire un nom sur les réseaux sociaux que pour designer et développer des sites web ! De plus, les liens vers notre autres comptes Twitter, Facebook etc ne renvoient pas sur les sites mais intègrent directement leur contenu.

Voici ce que ça donne pour WakeUp Studio : http://flavors.me/WakeUpStudio. Pas mal hein ? Pour l’instant, le site n’est accessible que sur code d’invitation. Demandez, on fera tourner ;)

Des écouteurs de toutes les couleurs

Lundi 8 février 2010

Ecouteurs Kotori
Le temps où les écouteurs et autres casques audios restaient dans des gammes tristounettes de noir ou de gris est définitivement révolu. Apple a compris depuis un moment l’importance de cet accessoire en lui faisant la part belle dans ses publicités, à tel point qu’aujourd’hui quand on voit une paire d’écouteurs blancs on pense immédiatement qu’il y a un iPod au bout.

On connaissait la marque Skullcandy pour ses casques et ses écouteurs design, bling-bling ou bariolés; voici dans la même gamme de produits les japonais de chez Kotori qui, en plus de proposer de quoi assortir nos oreilles avec chacune de nos tenues, ont un site qui vaut le détour.

Pour ce qui est du copywriting nous resteront sans commentaire car c’est tout en japonais, en revanche au niveau du webdesign on ne peut qu’apprécier le mix coloré de packshots et éléments purement décoratifs pour créer de petits univers dans les gammes chromatiques des produits. Une telle réussite qu’on s’y balade volontiers avec curiosité malgré la barrière de la langue.

Via

Webdesign : 10 sites tout droit sortis des années 80

Jeudi 21 janvier 2010

Dans les années 80, le web n’existait pas, l’informatique à peine. La créativité s’exerçait alors avec ferveur dans tous les autres domaines : musique, mode, architecture, packaging, déco… Tous les champs du design ont été profondément marqués par cette décennie haute en couleur durant laquelle l’excentricité était une norme.

Et si le net webdesign avait existé à cette époque, à quoi auraient ressemblé la toile ? Petite sélection de sites web piochant dans les codes graphiques des eighties :

the skinny calendar

- The Skinny : la boutique de vêtements Pacsun a créé ce calendrier évènementiel en ligne pour promouvoir les opérations spéciales sur son site. Design géométrique et couleurs flashy, tout y est ! Il est d’ailleurs intéressant de remarquer que ce parti-pris graphique diffère totalement de celui du site de la marque, beaucoup plus conventionnel.

(Lire la suite…)

Les European Design Awards sont de retour

Mercredi 20 janvier 2010

Le site des European Design Awards

L’évènement européen visant à récompenser les meilleurs projets dans les domaines du graphisme, de l’illustration et du design digital est accueilli cette année par la ville de Rotterdam aux Pays-Bas, après avoir posé ses valises à Athènes (2007), Stockholm (2008) et Zurich (2009).

Du 28 au 30 Mai, la conférence accueillera des intervenants de toute l’Europe et des participants du monde entier. Les présentations porteront notamment sur des études de cas, disséquées par des experts en design pour offrir à l’audience un aperçu des meilleurs esprits créatifs actuels.

Pour participer à la compétition, vous pouvez soumettre vos travaux jusqu’au 15 février prochain (en contrepartie d’une participation financière) en suivant les instructions présentées ici.

Veel succes ! (bonne chance, en néerlandais)

Les plus beaux bureaux d’agences de webdesign

Lundi 18 janvier 2010

… et autres entreprises. Quand on voit ces petits cocons de design et de lifestyle, on se dit qu’on ne rechignerait pas à y faire quelques heures sup !

Parliament Design (Portland, Oregon), agence de marketing et design print, web, packaging and more : ambiance chaleureuse et ludique mêlant des éléments naturels tels que le bois brut avec des matières plus colorées et modernes. Le must : le site web qui reprend cette thématique.

Parliament Design

(Lire la suite…)

Webdesign : 10 sites indispensables pour trouver l’inspiration

Lundi 18 janvier 2010

Le webdesigner, comme tout créatif, se retrouve forcément un jour ou l’autre face à l’angoissant syndrome de la page blanche. Pour l’éviter ou y remédier, le meilleur remède reste la quête permanente d’inspiration : voici une sélection de sites-galeries aux ressources quasiment inépuisables, pour ne jamais tomber en panne d’idées !

La veille dans le métiers de webdesigner est également indispensable dans le sens où cet discipline est soumise à des contraintes commerciales et donc des tendances. Ne pas prendre le pouls de ce qui se fait ou ne se fait plus en matière de couleurs, d’ergonomie, de graphisme, c’est prendre le risque d’être complètement à côté de la plaque et de ne pas être en mesure de proposer à ses clients des solutions web adaptées.

Voici donc une sélection de 10 sites qui parcourent le web pour nous et y dénichent les sites les plus intéressants et représentatifs de l’air du temps :

- Design MeltdownDesign Meltdown : Patrick McNeil est développeur web en freelance depuis 2007, professeur et auteur de livres tels que The Web Designer’s Idea Book. Il partage avec nous sa sélection de webdesign préférés pour nous « inspirer, nous challenger et nous informer ». Cette importante collection constamment mise à jour est divisée en chapitres pour nous aider à nous y retrouver : couleurs, styles, structures…

- WebcremeWeb Creme : Un site au design sobre, semblant ainsi privilégier le qualitatif sur le quantitatif. Néanmoins, il va nous falloir un certain temps avant de d’avoir vues toutes les archives, qui remontent jusqu’à 2005 ! Celles-ci peuvent être parcourues par date ou par couleurs thématiques.

- GOUW.NU Graphic Orgasm Ultimate Webportal : une immense galerie de sites web à parcourir inlassablement, en recherchant dans les archives ou la sélection la plus récente. Pas vraiment de système de classification, à part une catégorie spéciale sites façon « sexy heroic fantasy » !

- Visual EvasionVisual Evasion : La collection de sites web favoris du graphiste Jérémie Werner, qui en compte plus de 450. Chaque écran est taggé pour permettre une meilleure indexation, et permet ainsi de retrouver un site par couleur, de consulter tous les portfolio ou encore de découvrir tous les webdesign utilisant un fond de page particulier. Un travail de titan admirablement organisé !

- Design FridgeDesign Fridge : de l’inspiration toute fraîche ! Là encore, c’est le système de filtrations de la recherche qui est intéressant. On peut rechercher des sites web par couleurs, contenu (portfolio, blog,…) mais aussi par textures (tissus, bois, papier…) et ambiances : funky, grunge, typographique… Un must !

- Best Web GalleryBest Web Gallery : le système de prévisualisation par screenshot au survol des liens est bien pratique et permet aux plus pressés de faire un tour d’horizon rapide de la sélection de sites web !

- Web Design FileWebdesign File : Un outil de recherche multi-critères permet de trouver exactement le type de site web voulu. On peut ainsi filtrer par couleurs, technologie (CSS, Flash, Blog…), catégorie (corporate, portfolio, portail…) ou encore l’architecture graphique du site.

- Dossier DesignDossier Design : les galeries peuvent être parcourues par couleurs ou par thème (web agency, portfolio, e-commerce…). On trouve aussi sur ce site quelques articles intéressants, comme par exemple une présentation des métiers du design numérique.

- Delicious CSSDelicious CSS : Un outil de recherche assez classique par couleurs ou catégories (portfolio, design agency, tutorials…); mais un design sympa qui fait qu’on a plaisir à s’y promener. On peut d’ailleurs choisir sa présentation préférée en paramétrant la taille des vignettes, grandes pour plus de détail ou réduites pour un survol plus rapide.

- Webdesign IdeasWebdesign Ideas : un site indispensable pour compléter ce travail de veille, car il ne comporte pas seulement des liens imagés vers des sites graphiquement intéressants mais aussi une analyse complète de webdesign innovants.

Bien sûr, cette liste n’est pas exhaustive : n’hésitez pas d’ailleurs à la compléter en enrichissant le billet par vos commentaires ! Néanmoins vous devriez trouver dans cette shortlist une bonne dose d’inspiration. A vous de jouer maintenant…

Festival international du webdesign : la compétition WIF revient en 2010 !

Mercredi 13 janvier 2010

Organisé par Limousin Expansion depuis 1999, Le WIF est un évènement international qui s’adresse aux professionnels du design d’interfaces et des contenus numériques. Les 3, 4 et 5 Juin prochains, la quatrième édition se déroulera à Limoges, qui deviendra ainsi le temps d’un weekend the place to be pour tous les webdesigners avides de connaissance et de reconnaissance !

Car le WIF, c’est deux évènements principaux :

WIF - Conférences

- Des conférences et workshops : allez-y pour faire la démonstration de vos dernières innovations lors des démos, participer aux rencontres entre professionnels pour le développement de projets collaboratifs, visiter les expositions thématiques, recruter ou rencontrer votre futur employeur !

WIF - Compétition

- Une compétition avec à la clé plus de 35 000 € en cash et matériel à se partager entre les gagnants, mais surtout l’occasion de vous faire repérer par les plus grands à international et l’opportunité de challenger les meilleurs créatifs au monde.

Les présélections ont lieu online les 12 & 13 Février 2010, pour seulement 10 euros de frais de participation. Le concours aura ensuite lieu pendant le WIF pour une compétition internationale de 24 heures non-stop, sous l’oeil attentif d’un jury composé de spécialistes du design, du web et des interfaces numériques qui jugera les créations réalisées selon des critères d’interactivité, homogénéité graphique, accessibilité, ergonomie.

Prêts à relever le défi ?

WIF - Webdesign Internation Festival

Ces clients qui nous rendent fou

Lundi 11 janvier 2010

Si vous lancez un graphiste sur le sujet des requêtes farfelues ou complètement à côté de la plaque que des clients ont pu lui présenter, vous risquez d’en avoir pour un moment à l’écouter raconter ses anecdotes.

Que l’on soit freelance ou en agence, c’est le quotidien du créatif d’être soumis aux caprices d’interlocuteurs pas toujours bien renseignés sur le coût d’une prestation et sa faisabilité… ou encore totalement dénué de sens esthétique.

Difficile néanmoins de rembarrer bien sèchement la main qui vous nourrit ! D’où l’idée de Clients From Hell, site collaboratif qui regroupe les témoignages de graphistes frustrés en quête d’exutoire face à la bêtise de leurs clients.

Extraits :

Clients From Hell

Mieux vaut en rire qu’en pleurer !

Quelle typographie êtes-vous ?

Lundi 11 janvier 2010

C’est bien beau de jouer avec les typos à longueurs de temps, amis graphistes, mais avez-vous déjà songé à en être une vous-même ? Autrement dit, quelle typographie représente le mieux votre personnalité ?

What type are you ?

C’est pour répondre à cette question que Pentagram (entreprise à la renommée mondiale spécialisée dans le design graphique, industriel et architectural) nous propose un petit test amusant façon « quizz de magazine féminin ». En répondant aux quatre questions posées par un pseudo psychologue nonchalant aux mains expressives, vous saurez si vous êtes plutôt Arial ou Comics, avec ou sans sérif !

Ca nous fait une belle jambe, certes, mais ça nous aura diverti deux minutes.

(PS : le mot de passe à rentrer pour débuter est Character)

Via

Une bonne année 2010 sous le signe du turquoise, couleur de l’année selon Pantone

Jeudi 7 janvier 2010

Turquoise by Pantone

L’année à venir sera turquoise ou ne sera pas ! Ou pour être exact 15-5519, selon la référence Pantone. Plutôt un bon présage, puisque « dans de nombreuses cultures, le turquoise est considéré comme un talisman protecteur, une couleur de profonde compassion et de guérison, couleur de foi et de vérité, inspirée par l’eau et le ciel », selon la directrice exécutive de l’institut de couleur Pantone Leatrice Eiseman.

Une teinte apaisante et rassurante dans un contexte qui ne s’annonce pas des forcément radieux, avec la crise économique en toile de fond. Ce n’est pas un hasard puisque pour déterminer les tendances en matière de couleurs, c’est la psychologie des consommateurs qui est passée au crible des experts Pantone, pour être ensuite appliquée dans des domaines tels que le textile ou la déco.

En ce qui concerne plus précisement le webdesign, la tendance sera là aussi notamment en faisant écho à la mode rétro, dont le turquoise est une couleur phare (voir notre article Tendance du Webdesign pour 2010 : le rétro)

Aubade lance un nouveau site sur l’art d’aimer à la française

Vendredi 18 décembre 2009

Qui ne se souvient pas des leçons de séduction d’Aubade ? La marque de lingerie française nous invite aujourd’hui à prolonger notre apprentissage du flirt chic à travers un tout nouveau site intitulé The French Art of Loving

The French Art of Loving

Que peut bien nous cacher cette commode d’apparence très sage ? Il n’y a qu’à survoler les tiroirs pour le découvrir : « Exercez votre oreille érotique », « Voyez, soyez voyeuse », « Maîtrisez la séduction à la française »… Chacun recèle de petits trucs et astuces pour nous aider à pimenter notre vie amoureuse. Derrière cette réalisation multimédia, on trouve la talentueuse agence Chainsaw et Mlle Noï.

A parcourir en prenant le temps lorsque que l’on est d’humeur coquine !