Les tendances des site web en 2015

5 561 vues

Publié le

L'agence Inaativ présente les dernières tendances du web lors de la conférence du 27 janvier 2015 à la CCI de Bordeaux.

Publié dans : Internet
0 commentaire
23 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
5 561
Sur SlideShare
0
Issues des intégrations
0
Intégrations
787
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
23
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Le mobile évolue: le temps passé sur son mobile a doublé de 2012 à 2014, passant d’1h12 à 2h10 quotidiennes.
  • En 2014, plus de la moitié des visites de site Internet se feront depuis smartphones ou tablettes.
  • L’inbound marketing (ou marketing entrant en français) est une stratégie marketing visant à faire venir le client vers soi plutôt que d'aller le chercher avec les techniques de marketing traditionnelles de type outbound marketing. Ainsi, il faut attirer l'attention des prospects en produisant du contenu de qualité sur son site pour qu'il soit fortement identifiable par les moteurs de recherche et partagé sur les réseaux sociaux. L'objectif est de gagner l'attention du prospect. On parle aussi de earned customers ou client acquis, a contrario des paid customers ou clients achetés par de la publicité, du référencement payant, etc.
  • Toutes ces questions auront un impact sur votre projet : design, fonctionnalité, référencement, … et donc sur votre budget.
    Chaque projet est unique et doit être personnalisé.
  • Toutes ces questions auront un impact sur votre projet : design, fonctionnalité, référencement, … et donc sur votre budget.
    Chaque projet est unique et doit être personnalisé.
  • Toutes ces questions auront un impact sur votre projet : design, fonctionnalité, référencement, … et donc sur votre budget.
    Chaque projet est unique et doit être personnalisé.
  • Toutes ces questions auront un impact sur votre projet : design, fonctionnalité, référencement, … et donc sur votre budget.
    Chaque projet est unique et doit être personnalisé.
  • Traduction : design adaptatif.
    Pensez aussi à vos campagnes e-mails
  • Tester un site
  • Les sites en Flat Design utilisent des couleurs vives et des fonds très contrastés (du
    texte blanc sur un bouton rouge). Les couleurs primaires (rouge, bleu, jaune) et
    secondaires (orange, vert, violet) sont largement privilégiées par rapport aux autres.
    En somme, veillez à choisir des couleurs relativement délavées, des couleurs un peu
    vieillottes et pales pour donner un look rétro à votre interface. N’ayez pas peur d’
    accumuler les couleurs (entre 6 et 8) car dans le Flat, “l’unique” ne fait pas du tout
    joli.
    Les mots sont utilisés pour communiquer un message, fournir des informations et indiquer aux utilisateurs la marche à suivre. La typographie va vous permettre de structurer vos informations et organiser de manière claire son contenu. Utilisée de manière intelligente et créative, elle peut ainsi devenir la pièce maîtresse du design.

  • Les Vidéos Plein écran
    Avec la démocratisation des nouvelles techniques d’intégration (htm5 + css3 + autres frameworks), les vidéos sont des médias que les internautes adorent. Il est toujours plus facile de faire passer des émotions, des ressentis, des valeurs dans une vidéo. Les internautes consomment, c’est plus facile de regarder une vidéo que de lire du texte. Les vidéos en pleins écrans et en arrière-plan fleurissent sur les sites corporates.
  • Des images larges et de grande qualité qui ont plus d’impact

    http://www.tourism.gov.my/fr-fr/fr , http://soworldwide.org/, http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html, http://www.sweez.com.br/#a_sweez + http://www.stmichel.fr/#/actualite/vos-fourneaux
  • Les tendances des site web en 2015

    1. 1. Inaativ, une agence de communication avec des spécificités
    2. 2. Les tendances peuvent changer rapidement Certaines tendances ne sont pas adaptées à votre projet Une utilisation non adaptée d’une tendance peut nuire à votre communication Quelques points de vigilance
    3. 3. Un individu de plus en plus connecté Un utilisateur a plusieurs modes de consultation et d’utilisation. De 2012 à 2014, le temps passé quotidiennement sur un mobile est passé de 1h12 à 2h10.
    4. 4. Multiplication des écrans !
    5. 5. De nouvelles formes de connexions!
    6. 6. Un consommateur de plus en plus sollicité par les entreprises et les marques …
    7. 7. … et de moins en moins réceptif !
    8. 8. Quelles approches pour les entreprises ?
    9. 9. Une histoire à raconter #Storytelling
    10. 10. Inbound marketing Attirer naturellement des visiteurs qualifiés plutôt que d’aller les chercher. # Référencement naturel # Médias sociaux # RP digitales …
    11. 11. # Adwords # E-mailing # Publicité en ligne … Outbound marketing Aller chercher des prospects sur leur propre territoire.
    12. 12. Un ciblage indispensable
    13. 13. Avant de vous lancer dans votre projet, construisez votre stratégie !
    14. 14. Mes cibles Leurs attentes, leurs questions, leurs motivations et leurs freins à l’achat.
    15. 15. Mes objectifs L’image recherchée, le niveau de visibilité (mots clés) et les types de comportements souhaités.
    16. 16. Mes messages clés Les idées les plus importantes qui devront être retenues.
    17. 17. Mes contenus Des contenus* utiles, divertissants et inspirants, orientés consommateurs. *Textes, photos, vidéos, podcasts, …
    18. 18. Approche multi-canal Les outils de communication on-line sont combinés avec les outils de communication off-line.
    19. 19. Vos décisions auront un impact sur votre projet (choix des outils et des fonctionnalités) … et donc sur votre budget.
    20. 20. Sites Internet : les tendances en 2015
    21. 21. Le responsive design Adapter les contenus du site aux différents formats d’écrans. Proposer une expérience utilisateur prenant en compte les forces de chaque support.
    22. 22. Tester son site http://www.pikock.com/fr/piresponsive-app
    23. 23. Flat design Approche qui encourage la simplicité, la clarté et la facilité d’utilisation. Design épuré et minimaliste qui se concentre sur l’essentiel et l’utilisateur.
    24. 24. Faciliter les temps de chargement et la navigation sur les mobiles. Une tendance initiée par Microsoft (Windows 8), Apple (IOS7), Nokia, ... Flat design
    25. 25. Exemples d’icônes. Flat design
    26. 26. Flat design Un travail important sur les couleurs. Une réflexion sur le choix des typographies. http://conference.awwwards.com/
    27. 27. Typoweb Une grande liberté dans le choix* des typographies. Elles sont souvent intégrées dans des images ou des fonds. *http://www.google.com/fonts , http://www.fontsquirrel.com/ http://www.mix-event.com/
    28. 28. L’image au cœur du webdesign Images et photos en plein écran (full screen). http://www.catscarf.com
    29. 29. http://www.winshape.org/camps/ La vidéo plein écran Véhiculer des émotions et des valeurs. Faire vivre une experience.
    30. 30. Site one page Visuels plein écran, incitation au scrolling, nouvelle manière de présenter les contenus (story telling). http://www.lepetitballon.com/
    31. 31. One page Avoir une histoire à raconter (image, texte, animation, vidéo, …). Scénarisation du site Internet. http://www.lighthousebrewing.com/
    32. 32. Blocage du top menu pour donner des repères. Sticky menu http://www.skype.com/fr/
    33. 33. Animation au survol pour inciter au clic. Action au survol http://www.trionndesign.com/
    34. 34. Les boutons fantômes http://websiteswithghostbuttons.tumblr.com/ Boutons d’appel à action avec un fond transparent et une très fine bordure.
    35. 35. Le grid Présentation sous forme de grille, de mosaïques, ... http://lesmenuires.com/
    36. 36. Le grid http://peaceandwool.com/ Présentation sous forme de grille, de mosaïques, ...
    37. 37. Importance de la mise en scène et de la qualité des photos. Photos des produits http://www.maryviloteau.com/
    38. 38. Présentation des produits : épurée, flat et typo E-commerce http://www.catscarf.com
    39. 39. La renaissance du GIF animé http://blog.gaborit-d.com/dossier-tendance-du-gif-anime-webdesign/ Animer un logo, un icône, un produit …
    40. 40. La renaissance du GIF animé http://blog.gaborit-d.com/dossier-tendance-du-gif-anime-webdesign/ Animer un logo, un icône, un produit …
    41. 41. La renaissance du GIF animé http://blog.gaborit-d.com/dossier-tendance-du-gif-anime-webdesign/ Animer un logo, un icône, un produit …
    42. 42. Le data design Des infographies statiques ou interactives pour mettre en scène des données, des chiffres, des idées, … http://www.formateurconsultant.com/article-le-potentiel-viral-des-infographies-105094327.html
    43. 43. Des recherches contextuelles Moteur de recherche interne par besoins, désirs, … http://www.alpes-ski-resa.com/ http://www.formateurconsultant.com/article-les-bonnes-pratiques-e-commerce-la-fonction-recherche-sur-un-site-112815048.html Voir les autres approches :
    44. 44. Les menus riches Accompagner et guider l’internaute. Voir les autres approches : http://www.formateurconsultant.com/article-les-bonnes-pratiques-e-commerce-le-menu-riche-111815056.html http://www.spartoo.com/
    45. 45. http://www.maryviloteau.com/nous-decouvrir/#etapes Des textes orientés utilisateurs Donnez des informations utiles, inspirantes, divertissantes, …
    46. 46. Réseaux sociaux Les chiffres clés pour 2015. https://www.youtube.com/watch?v=P8WocgHQqNo&x-yt-ts=1421914688&x-yt-cl=84503534
    47. 47. 5 liens pour aller plus loin … http://www.formateurconsultant.com/ http://www.inaativ.com/E-books/ http://www.scoop.it/t/strategie-editoriale-sur-internet-et-marketing-de-contenu/ http://www.scoop.it/t/facebook-pour-les-entreprises http://www.scoop.it/t/l-observatoire-des-tendances
    48. 48. www.inaativ.com INAATIV Contact : Vincent Pereira - 06 47 08 09 69 vincent@inaativ.com

    ×