Connaissez-vous Muzli ?

Bonjour à tous !
Il y a peu, sur un forum de discussion  pour Graphistes / Webdesigners, un étudiant demandait au groupe :

Est ce que la créativité se développe ?
Et si oui Comment ?

A l’uninamité nous lui avons répondu oui.
Comment ? En étant curieux de tout, en regardant ce qu’il se fait ailleurs, en ayant de bonnes références de créatifs etc.
Et là, un type du groupe lui propose de télécharger Muzli.
Et je vois alors une série de commentaires enthousiastes !

 » Je rêve comment je n ai pu connaître ca avant !!! Merci ! « 
« Muzli, c’est top »
« c’est génial merci »

Comme je suis curieuse et que ça a l’air vraiment top !
Je me renseigne ! C’est quoi ce truc ?
Muzli est en fait, un addon de Google Chrome qui récupère les flux de awward, dribble, behance, csswiner. Et qui en fait un mur, un peu à la Pinterest !

Bref ! Un super outil indispensable pour l’inspiration du Graphiste / Webdesigner.
muzli

Chers créatifs de la France entière, je vous conseille donc fortement d’installer ce merveilleux outil qu’est Muzli.
Voici le lien ICI

Soyez Créatifs !

Un bon design n’est pas (forcément) beau !

Avez-vous vu cette présentation de Sébastien Desbenoit nommé un design bon n’est pas beau ! dans le cadre de la conférence Paris Web de 2013 ?

Malheureusement, il a raison

C’est assez frustrant pour un web designer de se dire qu’il a raison…
Honnêtement, en regardant la vidéo j’ai voulu de toutes mes forces qu’il ait tort… Car, soyons honnête, ceci est très moche :

le beau n'est pas bon

Toutefois, il faut admettre qu’il n’a pas tort. Un super design, avec de magnifiques transitions CSS, de superbes effets de parallax, et un tas de choses qu’un novice ne voit pas mais qui nous éclatent nous les designers, ne fera pas forcément un bon site.
Les cas de Cdiscount ou Le Bon Coin sont assez typiques du « moche qui fonctionne ». Et je ne connaissais pas l’exemple Miley Cyrus mais pour le coup il est magnifiquement moche !!  Enfin disons, aux antipodes de ce que souhaiterait faire un designer.
Et pourtant la cible s’y retrouve. C’est du « moche stratégique » et pour le coup, assez bien réfléchi…

Cependant… Le bon design peut aussi être beau

La où je mitige, c’est que tout de même, un BEAU design contribue au BON. (quelques exemples sympas ici)
Alors bien entendu, il faut concevoir un design en fonction de sa cible et de sa stratégie marketing, mais pourquoi ne pas pouvoir allier les 2 ?
Best of Crédit par exemple… Il changerait juste les couleurs et la typo, et ce serait super ! Et ça fonctionnement d’autant plus…
En dehors de certains cas spécifiques, on doit pouvoir trouver un juste milieu.
Miley Cyrus aurait pu jouer sur du parallax, ajouter du son, de la vidéo… Ca aurait été ludique et ça aurait pu correspondre à sa cible. Mario Bros l’a bien compris.
Enfin c’est pas parce qu’on est ado qu’on ne peut pas vivre une expérience utilisateur sympa…  » Allô quoi ! » 🙂 … ok reprenons !

Faire du moche pour que ça marche… ok

J’ai bien compris le principe de CDiscount ou Le Bon Coin ou en dehors du Web, on a aussi ED ou Liddl qui ne peuvent pas véhiculer une image classe et luxueuse…
Elle serait totalement à côté de leur cible et de leur produit, et ce serait un peu ridicule.
Donc oui, c’est vrai, on peut volontairement concevoir un design moins beau, pour répondre au mieux dans nos critères de cible…
Par contre, moi perso., Cdiscount je ne peux pas ! C’est trop ! Trop chargé, trop de promo, trop de discount… et même pas responsive !! Vous aimez vous ?
ce qui m’amène à cette réflexion :

N’oublions pas les fonctionnalités

Beau ou moche, n’oublions pas ce dont un site a besoin pour qu’il fonctionne…
on peut faire du pratique ! du fonctionnel ! du simple…
Voilà des années que je me plains que Le site du bon coin ne soit toujours pas responsive…
Ce n’est pas parce qu’on fait du moche qu’on doit négliger la praticité.
La stratégie marketing est une chose, mais le designer doit pouvoir imposer ses critères, pour faciliter, voir enrichir, la navigation de l’utilisateur.

Pour conclure je dirais que peu importe le beau ou le moche (enfin sauf… Cdiscount et Comic Sans ms quand même !!), l’important est effectivement que celà fonctionne.
On peut jouer sur la stratégie du moche, à condition que la navigation soit agréable, qu’elle soit responsive et un peu enrichie.

Un bon design n’est pas (forcément) beau !

Et vous vous en pensez quoi ?

 

Masques CSS : vers de nouveaux usages dans le webdesign- Vincent De Oliveira

masques css

 

Les masques existent depuis « presque » toujours dans Photoshop, c’est même l’une des fonctionnalités primordiales. Aucun designer ne peut s’en passer. Pourtant, c’est tout frais sur le web, en tout cas depuis que la communauté délaisse Flash. En se basant sur mes expérimentations, cette conférence est un tour d’horizon de l’utilisation des masques sur le web. Elle tentera d’expliquer les différences entre clipping et masking (les deux types de masques) en CSS et en SVG en présentant de nouveaux types d’effets visuels ainsi que de nouvelles interactions rendues possibles grâce à eux. Présenté par Vincent De Oliveira Formateur CSS & UI. Auteur du livre CSS3 Le design web moderne.

Source : Paris Web

Je suis une femme du numérique !

C’est quoi une femme du numérique ?

J’ai découvert cette semaine sur Twitter, qu’il existait une commission Femmes Numériques.
Cette commission a été créée en 2011 par Synthec Numérique, elle permet de « motiver les jeunes filles et les femmes pour les convaincre du formidable potentiel que représente le numérique. »
En effet, le secteur du numérique et des nouvelles technologies est encore trop souvent masculin. Pourtant, les femmes sont en mesure d’apporter leur savoir-faire et leur créativité dans ce secteur, aujourd’hui très porteur.

ipad

Je suis une femme du numérique

C’est assez valorisant de se dire que je fais partie de ces femmes, engagées dans un secteur plutôt masculin.
Je suis jeune, dynamique et créative, et mon métier de webdesigner me rend fière.
J’adore mon métier, qui est avant tout une passion.
Je travaille chaque jour pour rester à la pointe des techniques numériques, qui sont en perpétuelles évolutions, et je fais de ce métier un challenge.

C’est difficile ?

Ne nous voilons pas la face : Oui ! ça l’est.
Être une femme dans le monde du travail c’est partir avec un handicap.
Pour ma part, j’ai 29 ans, je suis mariée et j’ai 2 enfants (de 5 et 3 ans)… Aïe ! 2nd handicap !
Il est vrai que c’est un problème de société que l’on retrouve dans à peu près tous les secteurs. Mais lorsque l’on est dans un secteur majoritairement masculin, c’est pire !
Il faut savoir proposer des idées, travailler 2 fois plus, parfois argumenter davantage pour pouvoir valoriser son travail et paraitre « crédible ».

Lorsque j’ai eu mon 2eme enfant, j’ai choisi de prendre un 80% pour concilier vie professionnelle et vie personnelle.
Alors, je vous vois déjà dire, bon elle est maman avant tout etc. C’est faux ! Lorsque j’ai entamé mon 80%, je me suis investie 2 fois plus dans mon travail.
Je travaillais au studio mais également chez moi, j’ai réalisé et proposé des prototypes de projets, j’étais en perpétuelle recherche d’innovation.
Au lieu de faire 6h/jour, j’en faisais 9 ou 10, mais c’était top ! parce que j’aime ça !
Je me suis formée également, j’étais déterminée à prouver ma motivation et mon intérêt pour mon domaine.
Et j’avoue que j’avais également le besoin qu’on me considère, non pas comme « celle qui a des bébés », mais bien comme celle « qui a des idées »….

Être une femme du numérique : Challenges et Enjeux

femme numerique

La passion

Je me suis déjà demandée s’il ne serait pas plus « facile » de changer de secteur pour me diriger vers un emploi plus… féminin.
Alors oui, la réponse est clairement oui ce serait beaucoup plus facile.
En revanche, je perdrais la passion que je mets aujourd’hui dans mon travail.
Lorsque l’on entame des études d’Arts Appliqués à l’âge de 15 ans et que l’on utilise  par la suite nos connaissances graphiques et notre créativité, dans un domaine précis, on ne peut pas rester sans passion. Ou alors, c’est que l’on n’est pas fait pour celà.
Aussi, je reste déterminée à imposer ma place dans ce secteur.

Le rôle d’ambassadrice

Si je devais changer de métier, j’aurais l’impression d’avoir échouée dans mon rôle de femme.
Je souhaite en effet, donner à ma fille le modèle d’une femme entreprenante et « numérique ».
J’aimerais qu’elle évite les stéréotypes et qu’elle puisse choisir son domaine, comme j’ai eu l’opportunité de le faire.
Etre une femme du numérique c’est jouer le rôle d’ambassadrice de la femme et de ses capacités professionnelles.

Merci à Syntec Numérique pour l’initiative

Je remercie  Synthec Numérique pour l’initiative et vous invite à visiter le site de la commision.
Espérant que dans les années à venir, nous serons plus nombreuses dans notre secteur, j’invite toutes les femmes du numérique à revendiquer leur savoir-faire.

design & mouvement

Hier je vous parlais du blog d’ELECTRIC STUDIO concernant les nouveautés de la publication Numérique.
parmi, les blog que j’apprécie particulièrement, il y a également le blog du webdesign.

Grands Bravo et merci aux rédacteurs qui continuent de nous transmettre les tendances web et graphiques du moment.
Aujourd’hui 2 articles ont attiré mon attention et je tenais à les partager.

La navigation ergonomique

Depuis quelques années maintenant, les évolutions technologiques (HTML et CSS notament) permettent d’enrichir notre navigation, de la rendre plus fluide, plus ergonomique.
Les possibilités de mouvements et de transitions CSS enrichissent considérablement la navigation.
Et si le scroll vertical reste classique et majoritaire, quelques sites exploitent les innovations, et nous offrent des navigations plus originales.
je vous laisse découvrir l’article et les exemples :

navigation originale

Les logos en mouvement

Depuis quelques temps, et notamment sur les réseaux sociaux, on assiste aux retour en force de gif animés.
Aujourd’hui et pour notre plus grand plaisir à nous graphistes,  les logos se font aussi animés.
Le motion design est et restera un élément important à la communication numérique.
Je vous laisse découvrir les exemples de logos que le blog du webdesign nous a partagé :

logo anime

 

Stratégie pour un référencement naturel

Loin de ne faire que de la création graphique, je m’intéresse également à d’autres thèmes, tel que la bonne stratégie pour un référencement naturel.

J’ai de bonnes bases en SEO, que j’ai apprises au cours de mon emploi précédent.
Il y a peu de temps, j’ai eu l’occasion de découvrir ce site : yakaferci, qui, je trouve résume bien les techniques de référencement naturelles existantes, et est assez complet dans sa démarche.

Bien choisir ses mots-clés, construire parfaitement ses URL, intégrer des balises Méta dans mon HTML, utiliser les Balises title etc.
Toutes ces astuces sont expliquées dans l’article et permettent d’optimiser le référencement naturel d’un site (ou d’un blog).

Aussi, je tenais à faire partager ces petites astuces précieuses.
Etre référencé est le souhait de tout site web, de toutes catégories, aussi, il est important de connaitre ces règles de bases.

les tendances du web design pour 2015

les tendances du web design pour 2015.
Lors d’un entretien d’embauche, on m’a très récemment demandé quelles seront les tendances du web design non pas pour 2015, mais d’ici 5 ans…
Heu… d’ici 5 ans ?… tout va tellement vite qu’on ne va pas s’emballer, je ne suis pas encore médium !
Toutefois, j’ai répondu à la question en partant des tendances d’aujourd’hui et de celles que je pouvais projeter pour l’an prochain.

J’ai d’abord évoquer le FLAT DESIGN, la notion de simplification visuelle qui permet une lecture plus facile sur supports mobiles.
Des couleurs légères (blanc, gris), pas d’ombrées, on va droit au but, l’optimisation visuelle permet de mettre en valeur le contenu.

Les PICTOGRAMMES et ICÔNES pour illustrer et simplifier la navigation.
Les lecteurs web et mobiles aiment la notion de visuels.
Un pictogramme parle davantage et de manière plus rapide à l’internaute, et permet de simplifier la navigation.
Personnellement, j’utilise beaucoup la police fontawesome, qui est plutôt complète et bien illustrée.

La TYPOGRAPHIE
Avec l’apparition des Google Fonts et de leur intégration très facile, la typographique prend place sur le web.
Elle permet une personnalisation intéressante et apporte une richesse visuelle non négligeable.

Le PARALLAX
qu’il soit vertical, horizontal, réagissant au mouvement de la tablette ou du smartphone, le parallax est l’une des grandes tendances qui je pense, perdurera.
En effet, ce principe permet une navigation enrichie et ludique, et apporte du dynamisme et de la profondeur à une page.

Principe de GRILLES et de RESPONSIVE
En tant qu’infographiste webdesigner,il y a bien longtemps que j’ai compris que le responsive n’était pas une option, mais une logique obligatoire pour tous les sites web à venir.
La lecture multi-supports est désormais généralisée et un site non responsive n’est plus cohérent face à la demande.
Les grilles modulables et visuelles sont apparues avec le responsive design et offrent des possibilités de graphisme et de lisibilité très utiles.

Un SITE WEB et une APPLICATION
De plus en plus de marques complètent leur site web avec une application mobile.
En effet, la lecture n’étant pas la même sur supports mobiles que sur le web, il est judicieux d’adapter l’usage au support.

La MONOPAGE
L’apparition du site simplifié à une seule page est très pratique et envoie une nouvelle notion de navigation.
un petit exemple sur mon site : www.sophierohart.fr
Plus simple, plus directe.
Attention toutefois au temps de téléchargement de la page. En effet, si elle est trop chargée, le temps de chargement sera long et la navigation moins agréable.

Le STICKY MENU
Oui ce menu magique qui vient se fixer en haut de votre page et reste présent jusqu’au bas de page.
Une nouvelles fois, les principes d’ergonomie et de simplification sont les grandes tendances de l’année à venir.

La PHOTO et la VIDEO
des visuels pleines pages, slider, slideshow, des vidéos etc. L’avenir du web est visuel.
L’image, le son, la vidéo seront, je pense, des éléments récurrents et primordiaux dans la navigation.

Les RESEAUX SOCIAUX et la PERSONNALISATION
Je pense que les réseaux sociaux tiendront une place toujours plus importante dans le web futur.
La « narcissisation » qu’ils engendrent sera toujours plus forte, et les commerces devront innover davantage pour attirer leurs clients avec des campagnes hyperpersonnalisées.
(rapport aux big data et aux données collectées)

La REALITEE AUGMENTEE
Amorcée en 2014, la réalité augmentée fera partie de nos quotidiens sur nos différents supports connectés.

Pour conclure, les tendances prochaines en web design seront axées sur l’ergonomie (UI et UX), la navigation simplifiée, et la richesse visuelle.
Nous chercherons à apporter des expériences de navigations toujours plus enrichies et agréables.
Les réseaux sociaux et les collections de données permettront une personnalisation extrême des campagnes e-commerces.

Un avenir très prometteur en terme d’innovations et de culture visuelle.
Des tendances en webdesign qui sont décrites et imagées dans ce petit compte rendu assez complet que je vous invite à lire :
[slideshare id=38916551&w=427&h=356&style=border: 1px solid #CCC; border-width: 1px; margin-bottom: 5px; max-width: 100%;&sc=no]