Successfully reported this slideshow.
TENDANCES WEB 2013+
LAURENT VENEROSY
DIRECTEUR ARTISTIQUE
LVENEROSY@TINK.CA
« POUR VOIR LE FUTUR,
IL FAUT REGARDER
DERRIÈRE SOI. »
EXTRAIT DE LA BIBLE
2013 ET HIER…
CRISE MONDIALE
(2007-2010)
EXPLOSION DES
SCANDALES DE LA CONSOMMATION
HARO SUR LE BŒUF BRÉSILIEN
CHEVAL GATE
AFFAIRE SPANGHERO
IKEA, CONTAMINATION FÉCALE
SCANDALE FOXCONN
MONDIALISATION
HYPER ...
QU’ EST CE QUE JE CONSOMME ?
QU’EST-CE QUE JE CONSOMME ?
MARRE DE L’ARTIFICIEL,
JE VEUX DE L’AUTHENTICITÉ !
MARRE DE L’ARTIFICIEL,
JE VEUX DE
LA NOSTALGIE !
DONC…
JE CONSOMME DU
NATUREL
ET DU BIO !
MAIS ALORS… SERAIT-CE
UN RETOUR DE LA MODE
HIPPIE ?
HIPSTER
HISPTER (2012) / Utilisé de manière
contradictoire, le terme Hipster rend difficile
une définition précise d’une culture
i...
FAN DE
RETRO & VINTAGE
FAN DE
RETRO & VI NTAGE
AH MAI S TU VEUX DI RE…
I NSTAGRAM ?
AH MAIS TU VEUX DIRE…
INSTAGRAM ?
UNE PHOTO INSTAGRAM
+
UNE TYPO RETRO ?
=
BINGO
TU AS TROUVÉ …
LA RECETTE GRAPHIQUE 2012 ?
INSTAGRAM, VINTAGE, HISPTER, RETRO FONT…
OUI MAIS PAS QUE !
EXPLOSION DU MARCHÉ DES
TABLETTES TACTILES & MOBILES
EXPLOSION DU MARCHÉ DES
TABLETTES TACTILES & MOBILES
UN BOULEVERSEMENT QUI A MODIFIÉ
NOS USAGES
EXPLOSION DES FONT WEB ET..
GOOGLE FONT
EMERGENCE DES
GRID
POPULARISATION DU
RESPONSIVE DESIGN
(INUTILE)
DE PLUS EN PLUS DE SITES EN
PARALLAXE
DE PLUS EN PLUS DE
SKEUOMORPHISME
UN CONTENU PLUS LUDIQUE AVEC
LES INFOGRAPHIQUES
2013 ET AUJOURD’HUI…
BAISSE DE L ’ENGOUEMENT GÉNÉRAL
D’APPLE
DEMOCRATISATION DU
LESS IS MORE
SKEUOMORPHISME VS
FLAT DESIGN
OUI T’ES BIEN BEAU, MAIS C’EST QUOI…
LE FLAT DESIGN ?
FLAT DESIGN  / est un style graphique 
ayant pour objectif d’écarter tout élément 
graphique n’apportant aucune valeur 
si...
BEAUCOUP D’ESPACE
GRANDE ET BELLE TYPOGRAPHIE
TRAITS SIMPLES
APLAT DE COULEURS
COULEURS VIVES
VOICI UN EXEMPLE DE
GAMME DE COULEURS 2013
VOICI LA COULEUR DE 2013
VERT EMERAUDE
PANTONE 17-5641
FLAT DESIGN, LESS IS MORE, VERT EMERAUDE…
OUI MAIS PAS QUE !
DEMOCRATISATION DE
PINTEREST
DEMOCRATISATION DE
PINTEREST
POPULARISATION DU
CONTENU COURT
Pr of usi on de gi f s ani més ( dr ôl es)
POPULARISATION DU
CONTENU COURT
Démocr at i sat i on du r éseau soci al VI NE
POPULARISATION DU
RESPONSIVE DESIGN
(UTILE)
On par t du Mobi l e pour l ’ ét endr e au Deskt op. Pl us l ’ i nver se.
PROGRESSION DE L’ESSOR DES
TABLETTES & MOBILES
MATURITÉ
TV CONNECTÉES
MATURITÉ
TV CONNECTÉES
BIENVENUE DANS LE MONDE
DES MULTI-ÉCRANS
BI ENVENUE DANS LE MONDE
DES MULTI - ÉCRANS
BIENVENUE DANS LE MONDE
DES MULTI-ÉCRANS
BI ENVENUE DANS LE MONDE
DES MULTI - ÉCRANS
BIENVENUE DANS LE MONDE
DES MULTI-ÉCRANS
BI ENVENUE DANS LE MONDE
DES MULTI - ÉCRANS
BIENVENUE DANS LE MONDE
DES MULTI-ÉCRANS
2013 ET DEMAIN…
CINÉMA, JEUX VIDÉO, MOBILE, WEB, TÉLÉVISION…
UNE EXPÉRIENCE CONTINUE
CINÉMA, JEUX VIDÉO, MOBILE, WEB, TÉLÉVISION…
UNE EXPÉRIENCE CONTINUE
DÈS 2014
MOBINAUTES > INTERNAUTES
FIN 2014
PLUS DE MOBILES QUE D’ORDINATEURS
DÈS 2015
2,5 APPAREILS CONNECTÉS / HAB
EN 2015
TRAFIC GLOBAL INTERNET = 19 MDS DVD
EN 2015
BOUM DES APPLICATIONS MOBILES SANTÉ
EN 2015
EXPERIENCE TV PERSONNELLE ET SOCIALE
EN 2015, LE TRAFIC GÉNÉRÉ PAR
20 MAISONS SERA SUPÉRIEUR
AU TRAFIC INTERNET GLOBAL DE 1995
EN 2015
BOUM DU CLOUD COMPUTING & TÉLÉTRAVAIL
EN 2015
PAIEMENT AVEC LE MOBILE
PLUS DE MOBILES, PLUS DE TRAFICS, TV CONNECTÉE …
OUI MAIS PAS QUE !
EMERGENCE DES
ACCESSOIRES MULTI-FONCTIONS
I - Wat ch, GLASS, et c…
EMERGENCE DES ACCESSOIRES
MULTI-FONCTIONS CONNECTÉS
Wal l - E, un f i l m avant - gar di st e ?
LES MARQUES PRÔNERONT…
L’ÉCO-RESPONSABILITÉ
L’ écol ogi e ne ser a pl us des par ol es en l ’ ai r mai s des f ai t s et d...
MUVBOX, Mont r éal ( fixé dans le sol de façon permanente, nul besoin de permis de construction.)
MUTATIONS DES
POP-UP STO...
LE SHOPPING, LES VISITES TOURISTIQUES…
DEVIENDRONT JEU
La r éal i t é augment ée ne ser a pl us un GADGET.
EXPLOSION DU
NEURO-MARKETING
LES MARQUES PRÔNERONT…
UN RETOUR EN ENFANCE
Le r achat de St ar War s par Di sney est un bel exempl e…. Jur assi c Par k 3...
FASCINATION GÉNÉRALE POUR
UN MONDE FUTURISTE, DYSTOPIQUE
1984, Geor ges Or wel l ( 1949)
Devenu une figure métaphorique du...
FASCINATION GÉNÉRALE POUR
UN MONDE FUTURISTE, DYSTOPIQUE
Bi envenue à Gat t aca, Andr ew Ni ccol ( 1997)
Une société haute...
FASCINATION GÉNÉRALE POUR
UN MONDE FUTURISTE, DYSTOPIQUE
V pour Vendet t a, James McTei gue ( 2006)
Devenu une figure embl...
FASCINATION GÉNÉRALE POUR
UN MONDE FUTURISTE, DYSTOPIQUE
I di ocr acy, Mi ke Judge ( 2007)
Comédie qui se passe dans un fu...
FASCINATION GÉNÉRALE POUR
UN MONDE FUTURISTE, DYSTOPIQUE
Af t er Ear t h, M. Ni ght Shyamal an ( 2013)
Kitai se crash sur ...
FASCINATION GÉNÉRALE POUR
UN MONDE FUTURISTE, DYSTOPIQUE
El ysi um, Nei l Bl omkamp, ( 2013)
2154, Max veut instaurer l’ég...
«    LE  FUTUR APPARTI ENT À CEUX
QUI VOI ENT LES POSSI BI LI TÉS AVANT
QU’ ELLES NE DEVI ENNENT ÉVI DENTES  »
« LE FUTUR APPARTIENT À CEUX
QUI VOIENT LES POSSIBILITÉS AVANT
QU’ELLES NE DEVIENNENT ÉVIDENTES »
Théodore Levitt (1925-20...
LAURENT VENEROSY
DIRECTEUR ARTISTIQUE
LVENEROSY@TINK.CA
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Tendances Web 2013
Prochain SlideShare
Chargement dans…5
×

Tendances Web 2013

339 vues

Publié le

Curieux de connaître les tendances Web de 2013? Laurent Vénérosy, directeur artistique chez Tink, a fait une rétrospective des incontournables de cette année, tant sur le plan design, que sur les orientations en marketing de contenu.

Bonne lecture!

Publié dans : Design
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Tendances Web 2013

  1. 1. TENDANCES WEB 2013+ LAURENT VENEROSY DIRECTEUR ARTISTIQUE LVENEROSY@TINK.CA
  2. 2. « POUR VOIR LE FUTUR, IL FAUT REGARDER DERRIÈRE SOI. » EXTRAIT DE LA BIBLE
  3. 3. 2013 ET HIER…
  4. 4. CRISE MONDIALE (2007-2010)
  5. 5. EXPLOSION DES SCANDALES DE LA CONSOMMATION
  6. 6. HARO SUR LE BŒUF BRÉSILIEN CHEVAL GATE AFFAIRE SPANGHERO IKEA, CONTAMINATION FÉCALE SCANDALE FOXCONN MONDIALISATION HYPER CONSOMMATION EXPLOITATION DES ENFANTS ASIATIQUES POLLUTION CONTAMINATION VACHE FOLLE OGM HARO SUR LE BŒUF BRÉSILIEN CHEVAL GATE AFFAIRE SPANGHERO
  7. 7. QU’ EST CE QUE JE CONSOMME ?
  8. 8. QU’EST-CE QUE JE CONSOMME ?
  9. 9. MARRE DE L’ARTIFICIEL, JE VEUX DE L’AUTHENTICITÉ !
  10. 10. MARRE DE L’ARTIFICIEL, JE VEUX DE LA NOSTALGIE !
  11. 11. DONC… JE CONSOMME DU NATUREL ET DU BIO !
  12. 12. MAIS ALORS… SERAIT-CE UN RETOUR DE LA MODE HIPPIE ? HIPSTER
  13. 13. HISPTER (2012) / Utilisé de manière contradictoire, le terme Hipster rend difficile une définition précise d’une culture identifiable parce qu'elle est un mélange de styles, se revendiquant elle-même comme « en mutation ». En effet, la particularité des hipsters est d’être considérés comme « inclassables » et « non-mainstream » même s'ils reprennent les codes de générations précédentes avec une touche « rétro » revendiquée.
  14. 14. FAN DE RETRO & VINTAGE
  15. 15. FAN DE RETRO & VI NTAGE
  16. 16. AH MAI S TU VEUX DI RE… I NSTAGRAM ?
  17. 17. AH MAIS TU VEUX DIRE… INSTAGRAM ?
  18. 18. UNE PHOTO INSTAGRAM + UNE TYPO RETRO ? =
  19. 19. BINGO
  20. 20. TU AS TROUVÉ … LA RECETTE GRAPHIQUE 2012 ?
  21. 21. INSTAGRAM, VINTAGE, HISPTER, RETRO FONT… OUI MAIS PAS QUE !
  22. 22. EXPLOSION DU MARCHÉ DES TABLETTES TACTILES & MOBILES
  23. 23. EXPLOSION DU MARCHÉ DES TABLETTES TACTILES & MOBILES
  24. 24. UN BOULEVERSEMENT QUI A MODIFIÉ NOS USAGES
  25. 25. EXPLOSION DES FONT WEB ET.. GOOGLE FONT
  26. 26. EMERGENCE DES GRID
  27. 27. POPULARISATION DU RESPONSIVE DESIGN (INUTILE)
  28. 28. DE PLUS EN PLUS DE SITES EN PARALLAXE
  29. 29. DE PLUS EN PLUS DE SKEUOMORPHISME
  30. 30. UN CONTENU PLUS LUDIQUE AVEC LES INFOGRAPHIQUES
  31. 31. 2013 ET AUJOURD’HUI…
  32. 32. BAISSE DE L ’ENGOUEMENT GÉNÉRAL D’APPLE
  33. 33. DEMOCRATISATION DU LESS IS MORE
  34. 34. SKEUOMORPHISME VS FLAT DESIGN
  35. 35. OUI T’ES BIEN BEAU, MAIS C’EST QUOI… LE FLAT DESIGN ?
  36. 36. FLAT DESIGN  / est un style graphique  ayant pour objectif d’écarter tout élément  graphique n’apportant aucune valeur  significative à la structuration d’une page.
  37. 37. BEAUCOUP D’ESPACE GRANDE ET BELLE TYPOGRAPHIE TRAITS SIMPLES APLAT DE COULEURS COULEURS VIVES
  38. 38. VOICI UN EXEMPLE DE GAMME DE COULEURS 2013
  39. 39. VOICI LA COULEUR DE 2013 VERT EMERAUDE PANTONE 17-5641
  40. 40. FLAT DESIGN, LESS IS MORE, VERT EMERAUDE… OUI MAIS PAS QUE !
  41. 41. DEMOCRATISATION DE PINTEREST
  42. 42. DEMOCRATISATION DE PINTEREST
  43. 43. POPULARISATION DU CONTENU COURT Pr of usi on de gi f s ani més ( dr ôl es)
  44. 44. POPULARISATION DU CONTENU COURT Démocr at i sat i on du r éseau soci al VI NE
  45. 45. POPULARISATION DU RESPONSIVE DESIGN (UTILE) On par t du Mobi l e pour l ’ ét endr e au Deskt op. Pl us l ’ i nver se.
  46. 46. PROGRESSION DE L’ESSOR DES TABLETTES & MOBILES
  47. 47. MATURITÉ TV CONNECTÉES
  48. 48. MATURITÉ TV CONNECTÉES
  49. 49. BIENVENUE DANS LE MONDE DES MULTI-ÉCRANS
  50. 50. BI ENVENUE DANS LE MONDE DES MULTI - ÉCRANS BIENVENUE DANS LE MONDE DES MULTI-ÉCRANS
  51. 51. BI ENVENUE DANS LE MONDE DES MULTI - ÉCRANS BIENVENUE DANS LE MONDE DES MULTI-ÉCRANS
  52. 52. BI ENVENUE DANS LE MONDE DES MULTI - ÉCRANS BIENVENUE DANS LE MONDE DES MULTI-ÉCRANS
  53. 53. 2013 ET DEMAIN…
  54. 54. CINÉMA, JEUX VIDÉO, MOBILE, WEB, TÉLÉVISION… UNE EXPÉRIENCE CONTINUE
  55. 55. CINÉMA, JEUX VIDÉO, MOBILE, WEB, TÉLÉVISION… UNE EXPÉRIENCE CONTINUE
  56. 56. DÈS 2014 MOBINAUTES > INTERNAUTES
  57. 57. FIN 2014 PLUS DE MOBILES QUE D’ORDINATEURS
  58. 58. DÈS 2015 2,5 APPAREILS CONNECTÉS / HAB
  59. 59. EN 2015 TRAFIC GLOBAL INTERNET = 19 MDS DVD
  60. 60. EN 2015 BOUM DES APPLICATIONS MOBILES SANTÉ
  61. 61. EN 2015 EXPERIENCE TV PERSONNELLE ET SOCIALE
  62. 62. EN 2015, LE TRAFIC GÉNÉRÉ PAR 20 MAISONS SERA SUPÉRIEUR AU TRAFIC INTERNET GLOBAL DE 1995
  63. 63. EN 2015 BOUM DU CLOUD COMPUTING & TÉLÉTRAVAIL
  64. 64. EN 2015 PAIEMENT AVEC LE MOBILE
  65. 65. PLUS DE MOBILES, PLUS DE TRAFICS, TV CONNECTÉE … OUI MAIS PAS QUE !
  66. 66. EMERGENCE DES ACCESSOIRES MULTI-FONCTIONS I - Wat ch, GLASS, et c…
  67. 67. EMERGENCE DES ACCESSOIRES MULTI-FONCTIONS CONNECTÉS Wal l - E, un f i l m avant - gar di st e ?
  68. 68. LES MARQUES PRÔNERONT… L’ÉCO-RESPONSABILITÉ L’ écol ogi e ne ser a pl us des par ol es en l ’ ai r mai s des f ai t s et des act i ons concr èt es.
  69. 69. MUVBOX, Mont r éal ( fixé dans le sol de façon permanente, nul besoin de permis de construction.) MUTATIONS DES POP-UP STORES
  70. 70. LE SHOPPING, LES VISITES TOURISTIQUES… DEVIENDRONT JEU La r éal i t é augment ée ne ser a pl us un GADGET.
  71. 71. EXPLOSION DU NEURO-MARKETING
  72. 72. LES MARQUES PRÔNERONT… UN RETOUR EN ENFANCE Le r achat de St ar War s par Di sney est un bel exempl e…. Jur assi c Par k 3D, et c…
  73. 73. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE 1984, Geor ges Or wel l ( 1949) Devenu une figure métaphorique du régime policier et totalitaire, de la société de la surveillance, ainsi que de la réduction des libertés.
  74. 74. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE Bi envenue à Gat t aca, Andr ew Ni ccol ( 1997) Une société hautement technologique qui pratique l’eugénisme à grande échelle.
  75. 75. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE V pour Vendet t a, James McTei gue ( 2006) Devenu une figure emblématique du courant Anonymous. V mène une VENDETTA le gouvernement fasciste en place
  76. 76. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE I di ocr acy, Mi ke Judge ( 2007) Comédie qui se passe dans un futur lointain et qui montre l’influence sur le niveau intellectuel général de grandes compagnies américaines
  77. 77. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE Af t er Ear t h, M. Ni ght Shyamal an ( 2013) Kitai se crash sur la terre abandonnée par l’humanité il y a 1000 ans et doit trouver de l’aide sur celle-ci.
  78. 78. FASCINATION GÉNÉRALE POUR UN MONDE FUTURISTE, DYSTOPIQUE El ysi um, Nei l Bl omkamp, ( 2013) 2154, Max veut instaurer l’égalité entre la terre appauvrie et Elysium (station spatiale de luxe) où y vit une population riche
  79. 79. «    LE  FUTUR APPARTI ENT À CEUX QUI VOI ENT LES POSSI BI LI TÉS AVANT QU’ ELLES NE DEVI ENNENT ÉVI DENTES  »
  80. 80. « LE FUTUR APPARTIENT À CEUX QUI VOIENT LES POSSIBILITÉS AVANT QU’ELLES NE DEVIENNENT ÉVIDENTES » Théodore Levitt (1925-2006)
  81. 81. LAURENT VENEROSY DIRECTEUR ARTISTIQUE LVENEROSY@TINK.CA

×