L'atelier fait le point sur : 1) les grands étapes de la conception d'un site web (arborescence - wireframe - maquettes -cibles etc...) 2) Les modules pour la conception d'événements (exemple landing page , storytelling, abonnement, don etc...) 3) Les contraintes techniques et ergonomiques pour une adaptation aux terminaux 4) Les outils nécessaires à l'inspiration

1. 1 juin 2016 – Lyon
Le design au service
Du monde Associatif / cartitatif
--
Frédéric Nuñez – DA digital

2. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Profil
En bref
Je suis Frédéric Nuñez
46 ans
Artisan Graphiste sur le web depuis 1998
Donateur à MSF et RSF depuis le rwanda

3. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
2016 en tendances
1. Le retour de la typographie
2. Le Flat design et style minimaliste perdurent
3. Les éléments photographiques en HD
4. Des GIF partout !
5. Le story telling
6. Le responsive design
7. L’information par l’image : infographie, data visualisation et
vidéo
8. Le slideout, menu réduit, ou menu hamburger
9. Le split screen

4. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
1. Le retour de la typographie

5. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
2. Le Flat design et style minimaliste perdurent

6. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
2. Le Flat design et style minimaliste perdurent

7. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
3. Les éléments photographiques en HD

8. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
4. Des GIF partout !

9. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
5. Le story telling

10. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
6. Le responsive design

11. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
7. L’information par l’image : infographie, data visualisation et vidéo

12. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
8. Le slideout, menu réduit, ou menu hamburger

13. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
9. Le split screen

14. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
La 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é.

15. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Une cible un outil
Le webdesign
c’est des outils pour des publics
Chaque public est réceptif en fonction de la
conception mais aussi de l’outil adapté
Un mailing VS un post facebook
Une vidéo institutionnel VS un SnapShat
Une landing page VS un display

16. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Pas faire du beau Mais du juste
Parler sous forme de storytelling
Présenter les actions sur forme de datavision
Exprimer en onepage les études de cas
Afficher l’urgence sous forme d’e-mailing
Détourner le carrousel de facebook pour les
actions
Utiliser Vine pour percuter

17. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Un projet comment
Etape 1 : idée
Etape 2 : wireframe
Etape 3 : maquette
Etape 4 : UI ( charte )

18. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Un atelier pour comprendre
Concevoir pour mettre en avant un produit,
une action, un évènement
Format – Landing page - Storytelling

19. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Quelques outils
http://besttoolsfor.com/

20. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Quelques outils
https://specfox.com/

21. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Quelques outils
http://www.awwwards.com/

22. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Quelques outils
http://www.cssdesignawards.com/

23. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Quelques outils
https://thefwa.com

24. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Quelques outils
https://app.moqups.com

25. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Quelques outils
https://balsamiq.com/

26. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Quelques outils
https://wireframe.cc/

27. 1 juin 2016 – Lyon
TITRE DE LA SLIDE
Quelques outils
https://www.invisionapp.com/

28. 1 juin 2016 – Lyon
MERCI… et à bientôt
Frédéric NUNEZ
DesignGrafik
fred@nunez.fr / 06 24 55 36 77