Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Tendances web 2018 #internet #tendances #réseaux

25,387 views

Published on

Les grandes tendances du web pour 2018 #internet #tendances #réseaux #REALIZ #technocité

Published in: Social Media

Tendances web 2018 #internet #tendances #réseaux

  1. 1. L’année du Chien de terre Community Management TENDANCES WEB 2018
  2. 2. Et si nous laissions à l’astrologie chinoise nous dicter ce qu’il pourrait advenir du WEB en 2018? Il sera donc (sauf erreur de leur calendrier): fiable, honnête, aventurier, fun et luna2que
  3. 3. Fiable Sites, blogs, réseaux, UGC, applis et graphes… On devra pouvoir « compter sur vous » •  Responsive •  Stable et (donc) accessible •  Ergonomique
  4. 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éla]ons, de manipula]on, de mensonges…
  5. 5. Aventurier Sites, blogs, réseaux, UGC, applis et graphes… Il va falloir oser, être créa]fs. •  De nouveaux concepts, services… •  Des applica]ons qui innovent, •  De nouveaux graphismes, de nouvelles ergonomies…
  6. 6. Fun Sites, blogs, réseaux, UGC, applis et graphes… On veut du posi]f 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. 7. Luna]que 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, inves]r dans le renouveau, •  Et alors que tout était acquis, se lancer de nouveaux paris
  8. 8. On vous propose 45 tends pour cede année-très-woaf Aden]on: 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 Community Management de Technocité (Mons) -
  9. 9. 1° Après 20 ans d’absence, c’est le retour des mo]fs & des composi]ons de Mo]fs
  10. 10. 2° le stroboscope & effet de couleurs (à confirmer)
  11. 11. 3° La fin programmée du pastel?
  12. 12. 4° Les pantones calculés par algorithme
  13. 13. 4° Les couleurs se lâchent
  14. 14. 5° Skeuomorphisme /0
  15. 15. 6° Flatdesign /1
  16. 16. 7° Les couleurs donnent sens L’objec]f: Etre simple à « deviner »… ce qu’elles racontent, ce qu’elles désignent •  Palede de couleurs primaires •  Bichromie (parfois) •  Couleurs « épurées » •  Couleurs vives, voire saturées •  Couleurs comme support à des symboles ou des textes •  Couleurs à volumes, à angles ou à courbes
  17. 17. •  Aplat •  Moins d’effet de profondeur: ni 3D, ni ombre, ni dégradé… •  Prépondérance aux ledres et aux chiffres ( sites e-commerce Hard Discount mais pas que) 8° Le WEB s’ergonomise en ordre de bataille (il faut vendre) et le graphisme suit
  18. 18. 9. Jouer avec les divisions, les couleurs, (les bords aussi) et les photos •  Flou / Transparence ou overlaps •  Police fine et haute •  Photos iconiques et textes en typo picturale
  19. 19. 10° Le mouvement osé mais très-trends #àvoir hdp://jordansowers.com/
  20. 20. 11° L‘arrivé du hard-discount dans le graphisme
  21. 21. Sites de voyage, hôtel, avion ...
  22. 22. 12° Présenta]on dépouillée s’impose aux sites pro •  Fond blanc •  Objet déposé •  Très fonc]onnel
  23. 23. 13° Les photos-vraies qui font vraie- vie
  24. 24. 14° Responsive & dynamique (c’est pas nouveau mais à présent obligatoire)
  25. 25. 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 »
  26. 26. 16° Asymétrie (en force et un peu partout à présent)
  27. 27. 17° Déconstruire les formes et les photos
  28. 28. 18° Overlaps, des chevauchements dynamiques
  29. 29. 19° Des liens déclinables et SIMPLES et SYMBOLIQUES •  Pictos •  Symboles •  Illus •  Smileys (émo]cônes) •  Des logos simplifiés •  Le retour des ini]ales •  Plus d’infos Slideshare:
  30. 30. 20° Des typos open & créa]ves (enfin!)
  31. 31. 21° La fin des menus?
  32. 32. …... ou leur version faszood
  33. 33. 22° Des liens-images qui se généralisent
  34. 34. 23° … et des images-liens
  35. 35. 24° Un sur-jouage de la structure
  36. 36. 25° Monopage, des carrés et des rectangles •  Influence du tac]le et des blogs •  La page présente l’ensemble; le lien est direct
  37. 37. 26° Image, toujours superstar, le clip tarde à s’imposer en HP….
  38. 38. Sites de Villes / Régions
  39. 39. 27° Visages, expressions, regards… On ne se refait pas ;o)
  40. 40. 28° Le dessin qui fait un retour en force Bye bye le vintage … place au fait main
  41. 41. 29° Induire des histoires au travers des photos
  42. 42. 30° Combiner textes et images
  43. 43. 31° Le retour du naturel #l’artdeco-is-back
  44. 44. 32° Jouer l’avant-plan (être facile à voir et à comprendre) •  Moins d’environnements •  Moins de ma]ères •  Plus de produits •  Plus de textes (mais plus courts) •  Plus de sens et •  Plus de services
  45. 45. 33° Du feel good (encore mais plus pour longtemps)
  46. 46. 34° On se reconcentre en mode graphique parce qu‘il faut être capté avant d‘être vu ou lu ;o)
  47. 47. Exemple en One page: cadres horizontaux en alterné
  48. 48. Sites de DESIGN...
  49. 49. 35° Afficher graphiquement votre « synthèse », votre summary … Traduire les datas en captures
  50. 50. Sites péda
  51. 51. 36° Sor]r du cadre pour surprendre et donner envie de se prendre au jeu
  52. 52. 37° Selfiiiiiiiiie •  Narcissisme social •  Ephémère •  Usage de plus en plus marke]ng
  53. 53. 38° Le Social design: l’omniprésence des mosaïques (merci Pinterest ;o)
  54. 54. 37° L’environnement graphique « sensé » •  Porter un message sociétal •  Soutenir ou ajouter une valeur •  Apporter une réflexion •  Susciter un engagement
  55. 55. 39° Le smart design #élégance + #malin
  56. 56. 40° Communauté: faire par les autres ce que l’on ferait soi-même moins bien •  Co-écriture maîtrisée •  Commentaires réels: le dialogue et les rôles comme dans une « pièce » •  Donc paradoxe: moins d’échanges mais plus de rela]ons •  Apporter aussi un univers
  57. 57. Sites de parcs na]onaux / zoo
  58. 58. 41° La ges]on des CYCLES OPTIMAUX •  L’horloge au cœur de la vie en ligne •  Faire de la semaine un rituel •  Le marronnier •  Faire vivre un événement en direct •  Faire partager une réflexion en temps- zéro •  Et ne pas hésiter à allonger les cycles… donner du temps aux idées et aux « mouvements-culturels » ou aux « évènements-marke]ng »
  59. 59. Sites TRAVEL
  60. 60. 42° Temps contraint vs temps choisi Là où je traîne, là où je râle
  61. 61. 43° Un blog, un site, une page, un flux… ça peut être durable? •  La no]on 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
  62. 62. Sites LUMINAIRES
  63. 63. 44° Scénariser #dessin #photo
  64. 64. Sites AUDIO
  65. 65. 45° Construire un univers •  Typos •  Photos •  Anima]ons •  Ligne éditoriale •  Environnement •  Tendances •  Besoins et envies •  Se différencier •  Donner l’occasion de sourire…
  66. 66. #exemple #hdps:// webvrgame.dunkirkmovie.com/
  67. 67. 46° Ici tout est désormais applica]on
  68. 68. Appli‘s Trends •  Applis cogni]ves (EI) •  Les pubs résistent malgré ad* •  Paiement enfin •  Jeux encore toujours et plus (et en mieux) •  On s’ubérise toujours plus
  69. 69. 45°bis: se doter d‘une iden]té numérique sympa et/ou audacieuse
  70. 70. 45° bis-bis: IA & CHATBOTS, pourra-t-on y échapper ?
  71. 71. F o r m a ] o n e n C o m m u n i t y Management #leader Plutôt que d’écouter ceux qui reproduisent nos contenus, choisissez l’original ;o) Forma]ons entreprises #top Forma2on gratuite pour les demandeurs d’emploi #top-aussi Plus d’infos: hdp://www.technocite.be/
  72. 72. À vos claviers… REALIZ, Conseil & Stratégie WEB frmeuleman@skynet.be

×