Supports à l'atelier TEAMS Formation Community management janvier 2021 #e-reputation #technocité

1. L’année très COVID
TENDANCES
WEB 2020

2. Il sera donc (sauf erreur de
leur calendrier): fiable,
honnête, aventurier,
fun et lunatique

3. Fiable
Sites, blogs, réseaux, UGC,
applis et graphes… On devra
pouvoir « compter sur vous »
• Responsive
• Stable et (donc) accessible
• Ergonomique

4. Honnête
Sites, blogs, réseaux, UGC, applis et
graphes… On devra pouvoir croire en
ce que vous publiez
• Moins de HOAX
• Moins de Fake
• Moins de fausses corrélations, de
manipulations, de mensonges…

5. Aventurier
Sites, blogs, réseaux, UGC,
applis et graphes… Il va falloir
oser, être créatif.
• De nouveaux concepts,
services…
• Des applications qui
innovent,
• De nouveaux graphismes, de
nouvelles ergonomies…

6. Fun
Sites, blogs, réseaux, UGC, applis
et graphes… On veut du positif et
du sympa
• Pas que du sérieux
• De l’humour et de la dérision
• Pas toujours (et pas que) mais il
faut nous faire sourire ou jouer

7. Lunatique
Sites, blogs, réseaux, UGC, applis et
graphes… Ils vont nous surprendre
• Changer de logo, de HP, d’illus…
• Sans raison, se lancer des défis,
investir dans le renouveau,
• Et alors que tout était acquis, se
lancer de nouveaux paris

8. De plus en
plus créatif

9. On vous propose
45 tends pour cette
année-très-meuh
Attention: Trends n’est loi, à vous d’en
faire ce que vous voulez
Note: Ce signe désigne un exercice - ces
slides sont le support du cours de
Tourisme -

10. 1° Après 20 ans d’absence,
c’est le retour des motifs &
des compositions de Motifs

12. 2° le stroboscope & effet de
couleurs (à confirmer)

13. http://www.elsamuse.com/

14. 3° La fin programmée du
pastel?

15. 4° Les pantones calculés par
algorithme

16. 4° Les couleurs se lâchent

17. http://margaretzhang.com.au/

18. 5° Skeuomorphisme /0

19. 6° Flatdesign /1

22. • Aplat
• Moins d’effet de profondeur: ni 3D,
ni ombre, ni dégradé…
• Prépondérance aux lettres et aux
chiffres ( sites e-commerce Hard
Discount mais pas que)
7° Le WEB s’ergonomise en
ordre de bataille (il faut
vendre) et le graphisme suit

23. 8° Les couleurs donnent sens
L’objectif: Etre
simple à
« deviner »… ce
qu’elles
racontent, ce
qu’elles
désignent

25. http://www.cuillere-a-absinthe.fr/

26. 9. Jouer avec les divisions,
les couleurs, (les bords
aussi) et les photos
• Flou / Transparence
ou overlaps
• Police fine et haute

28. 10° Le mouvement osé
mais très-trends
#àvoir https://www.m-o-l-l-y.com

29. 11°
Achalandage:
7 points de
contact

30. 12° Présentation dépouillée
s’impose aux sites pro
• Fond blanc
• Objet déposé
• Très fonctionnel

31. 13° Les
photos-vraies
qui font vraie-
vie

32. 14° Responsive & dynamique (c’est pas
nouveau mais à présent obligatoire)

33. Inversion: avant on
pensait ordi et on adaptait
téléphone .. Maintenant on créé sur
le téléphone puis on adapte pour
PC ;o)

34. 15° La géométrie-90°
toujours tendance
• Vous aussi adoptez une droite ou une
courbe
• Puis revenez toujours aux angles droits
(une valeur sûre)
• … avec du blanc « entre »

35. http://www.schoolgallery.fr/marie-orensanz/

36. 16° Les micro-
influenceurs

37. 17° Déconstruire les formes
et les photos

38. 18° Overlaps, des
chevauchements dynamiques

39. 19° Des liens déclinables
et SIMPLES
et SYMBOLIQUES • Pictos
• Symboles
• Illus
• Smileys
(émoticônes)
• Des logos simplifiés
• Le retour des initiales

40. 20° Des typos open &
créatives (enfin!)

41. 21° La fin des menus?

42. …... ou leur version fastfood

43. 22° Des liens-images qui se
généralisent

44. 23° … le
retour de
l’audio

45. 24° Un sur-jouage de la
structure

47. 25° Monopage, des carrés et
des rectangles
• Influence du tactile et des blogs
• La page présente l’ensemble; le
lien est direct

48. 26° Image verticale et leurs
nouveaux cadrages

49. 27° Jouer des asymétries

50. 28° Le dessin qui fait
un retour en force
Bye bye le vintage
… place au fait main

51. 29° Induire des histoires au
travers des photos

52. 30° Combiner textes et images

54. 31° Le retour du naturel
#l’artdeco-is-back

55. 32° Minimalisme graphique
et textuel

56. 33° Trajet utilisateur

57. Exemple en One page:
cadres horizontaux en
alterné

58. 34° Le retour de la
TV : les réseaux
basculent en mode
passif

59. 35° Sortir du cadre
pour surprendre et
donner envie de se
prendre au jeu

60. 36° Selfiiiiiiiiie
• Narcissisme social
• Ephémère
• Usage de plus en plus
marketing

61. 37° Les micro-contenus
• Porter un message sociétal
• Soutenir ou ajouter une valeur
• Apporter une réflexion
• Susciter un engagement

62. 38° La gestion des
CYCLES OPTIMAUX
• L’horloge au cœur de la vie en ligne
• Faire de la semaine un rituel
• Faire vivre un événement en direct
• Faire partager une réflexion en temps-
zéro

64. 39° Temps contraint vs
temps choisi
Là où je traîne,
là où je râle

65. 40° Un blog, un site, une page,
un flux… ça peut être durable?
• La notion de gaspillage graphique
• Celle de la débauche ergonomique
• Celle du complexe et du symbolique
creux
• L’environnement du site est déjà un
engagement

66. À vos
claviers…
Technocité,
2021