Webdesign - Webassoc Lyon, le 1ier juin 2016

1 juin 2016 – Lyon

Le design au serviceDu monde Associatif / cartitatif

--Frédéric Nuñez – DA digital


TITRE DE LA SLIDEProfil

En brefJe suis Frédéric Nuñez46 ansArtisan Graphiste sur le web depuis 1998Donateur à MSF et RSF depuis le rwanda


TITRE DE LA SLIDE2016 en tendances

1. Le retour de la typographie2. Le Flat design et style minimaliste perdurent3. Les éléments photographiques en HD4. Des GIF partout !5. Le story telling6. Le responsive design7. L’information par l’image : infographie, data visualisation et vidéo8. Le slideout, menu réduit, ou menu hamburger9. Le split screen


TITRE DE LA SLIDE1. Le retour de la typographie


TITRE DE LA SLIDE2. Le Flat design et style minimaliste perdurent


TITRE DE LA SLIDE3. Les éléments photographiques en HD


TITRE DE LA SLIDE4. Des GIF partout !


TITRE DE LA SLIDE5. Le story telling


TITRE DE LA SLIDE6. Le responsive design


TITRE DE LA SLIDE7. L’information par l’image : infographie, data visualisation et vidéo


TITRE DE LA SLIDE8. Le slideout, menu réduit, ou menu hamburger


TITRE DE LA SLIDE9. Le split screen


TITRE DE LA SLIDELa pensée du jour

Comme dit Louis Sullivan architecte « La forme suite la fonction »Chaque action, chaque élément doit être pensé en fonction de sa finalité.


TITRE DE LA SLIDEUne cible un outil

Le webdesignc’est des outils pour des publicsChaque public est réceptif en fonction de la conception mais aussi de l’outil adaptéUn mailing VS un post facebookUne vidéo institutionnel VS un SnapShatUne landing page VS un display


TITRE DE LA SLIDEPas faire du beau Mais du juste

Parler sous forme de storytellingPrésenter les actions sur forme de datavisionExprimer en onepage les études de casAfficher l’urgence sous forme d’e-mailingDétourner le carrousel de facebook pour les actionsUtiliser Vine pour percuter


TITRE DE LA SLIDEUn projet comment

Etape 1 : idéeEtape 2 : wireframeEtape 3 : maquetteEtape 4 : UI ( charte )


TITRE DE LA SLIDEUn atelier pour comprendre

Concevoir pour mettre en avant un produit, une action, un évènementFormat – Landing page - Storytelling


TITRE DE LA SLIDEQuelques outils

http://besttoolsfor.com/



https://specfox.com/



http://www.awwwards.com/



http://www.cssdesignawards.com/



https://thefwa.com



https://app.moqups.com



https://balsamiq.com/



https://wireframe.cc/



https://www.invisionapp.com/


MERCI… et à bientôt

Frédéric NUNEZDesignGrafik

[email protected] / 06 24 55 36 77

mailto:[email protected]

Webdesign - Webassoc Lyon, le 1ier juin 2016

Internet

Transcript of Webdesign - Webassoc Lyon, le 1ier juin 2016