Des Ateliers sur le e-marketing, veille, sécurité informatique, e-logistique…
 Un Accompagnement personnalisé dans vos p...
Inaativ, une agence
de communication
avec des spécificités
Les tendances peuvent changer rapidement
Certaines tendances ne sont pas adaptées à votre projet
Une utilisation non adapt...
Un individu de plus en plus connecté
Un utilisateur a plusieurs modes de consultation et d’utilisation.
De 2012 à 2014, le...
Multiplication
des écrans !
De nouvelles
formes de connexions!
Un consommateur de plus en plus sollicité par les
entreprises et les marques …
… et de moins en moins réceptif !
Quelles approches
pour les entreprises ?
Une histoire à raconter
#Storytelling
Inbound marketing
Attirer naturellement des visiteurs qualifiés plutôt que d’aller les chercher.
# Référencement naturel
#...
# Adwords # E-mailing # Publicité en ligne …
Outbound marketing
Aller chercher des prospects sur leur propre territoire.
Un ciblage indispensable
Avant de vous lancer dans votre projet,
construisez votre stratégie !
Mes cibles
Leurs attentes, leurs questions, leurs
motivations et leurs freins à l’achat.
Mes objectifs
L’image recherchée, le niveau de visibilité
(mots clés) et les types de comportements
souhaités.
Mes messages clés
Les idées les plus importantes qui devront
être retenues.
Mes contenus
Des contenus* utiles, divertissants et
inspirants, orientés consommateurs.
*Textes, photos, vidéos, podcasts,...
Approche multi-canal
Les outils de communication on-line
sont combinés avec les outils de
communication off-line.
Vos décisions auront un impact sur votre
projet (choix des outils et des fonctionnalités)
… et donc sur votre budget.
Sites Internet : les tendances en 2015
Le responsive design
Adapter les contenus du site aux différents formats d’écrans.
Proposer une expérience utilisateur pre...
Tester son site
http://www.pikock.com/fr/piresponsive-app
Flat design
Approche qui encourage la simplicité, la clarté et la facilité d’utilisation.
Design épuré et minimaliste qui ...
Faciliter les temps de chargement et la navigation sur les mobiles.
Une tendance initiée par Microsoft (Windows 8), Apple ...
Exemples d’icônes.
Flat design
Flat design
Un travail important sur les couleurs.
Une réflexion sur le choix des typographies.
http://conference.awwwards...
Typoweb
Une grande liberté dans le choix* des typographies.
Elles sont souvent intégrées dans des images ou des fonds.
*ht...
L’image au cœur du webdesign
Images et photos en plein écran (full screen).
http://www.catscarf.com
http://www.winshape.org/camps/
La vidéo plein écran
Véhiculer des émotions et des valeurs.
Faire vivre une experience.
Site one page
Visuels plein écran, incitation au scrolling, nouvelle manière
de présenter les contenus (story telling).
ht...
One page
Avoir une histoire à raconter (image, texte, animation, vidéo, …).
Scénarisation du site Internet.
http://www.lig...
Blocage du top menu pour donner des repères.
Sticky menu
http://www.skype.com/fr/
Animation au survol pour inciter au clic.
Action au survol
http://www.trionndesign.com/
Les boutons fantômes
http://websiteswithghostbuttons.tumblr.com/
Boutons d’appel à action avec un fond transparent et une ...
Le grid
Présentation sous forme de grille, de mosaïques, ...
http://lesmenuires.com/
Le grid
http://peaceandwool.com/
Présentation sous forme de grille, de mosaïques, ...
Importance de la mise en scène et de la qualité des photos.
Photos des produits
http://www.maryviloteau.com/
Présentation des produits : épurée, flat et typo
E-commerce http://www.catscarf.com
La renaissance du GIF animé
http://blog.gaborit-d.com/dossier-tendance-du-gif-anime-webdesign/
Animer un logo, un icône, u...
La renaissance du GIF animé
http://blog.gaborit-d.com/dossier-tendance-du-gif-anime-webdesign/
Animer un logo, un icône, u...
La renaissance du GIF animé
http://blog.gaborit-d.com/dossier-tendance-du-gif-anime-webdesign/
Animer un logo, un icône, u...
Le data design
Des infographies statiques ou interactives pour mettre en scène des données,
des chiffres, des idées, …
htt...
Des recherches contextuelles
Moteur de recherche interne par besoins, désirs, …
http://www.alpes-ski-resa.com/
http://www....
Les menus riches
Accompagner et guider l’internaute.
Voir les autres approches :
http://www.formateurconsultant.com/articl...
http://www.maryviloteau.com/nous-decouvrir/#etapes
Des textes orientés utilisateurs
Donnez des informations utiles, inspir...
Réseaux sociaux
Les chiffres clés pour 2015.
https://www.youtube.com/watch?v=P8WocgHQqNo&x-yt-ts=1421914688&x-yt-cl=845035...
5 liens pour
aller plus loin …
http://www.formateurconsultant.com/
http://www.inaativ.com/E-books/
http://www.scoop.it/t/s...
www.inaativ.com
INAATIV
Contact : Vincent Pereira - 06 47 08 09 69
vincent@inaativ.com
https://www.flickr.com/photos/marcela-palma/12239412274
CCI Bordeaux
Pôle Numérique
Catherine LOISEL
cloisel@bordeaux.cci....
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - inaativ
Prochain SlideShare
Chargement dans…5
×

Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - inaativ

1 867 vues

Publié le

Atelier du 27 janvier 2015 "Sites internet et reseaux sociaux quelles tendances 2015" du Pôle Numérique de la CCI de Bordeaux en partenariat avec l'agence Inaativ.

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

Aucun téléchargement
Vues
Nombre de vues
1 867
Sur SlideShare
0
Issues des intégrations
0
Intégrations
347
Actions
Partages
0
Téléchargements
54
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - inaativ

  1. 1. Des Ateliers sur le e-marketing, veille, sécurité informatique, e-logistique…  Un Accompagnement personnalisé dans vos projets numériques : présence en ligne, e-commerce, réseaux sociaux, e-tourisme, dématérialisation des échanges, sécurité…  Une Offre de solutions numériques : vente de certificats numériques  Des rendez-vous gratuits avec un avocat spécialisé dans le numérique.  Retrouvez nous en ligne : • Programme d’animation : www.bordeaux.cci.fr/polenumerique • Blog : polenumerique33.wordpress.com Twitter.com/polenumerique33 facebook.com/polenumerique.ccibordeaux Le Pôle numérique : une équipe de conseillers à votre écoute 2
  2. 2. Inaativ, une agence de communication avec des spécificités
  3. 3. 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
  4. 4. 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.
  5. 5. Multiplication des écrans !
  6. 6. De nouvelles formes de connexions!
  7. 7. Un consommateur de plus en plus sollicité par les entreprises et les marques …
  8. 8. … et de moins en moins réceptif !
  9. 9. Quelles approches pour les entreprises ?
  10. 10. Une histoire à raconter #Storytelling
  11. 11. Inbound marketing Attirer naturellement des visiteurs qualifiés plutôt que d’aller les chercher. # Référencement naturel # Médias sociaux # RP digitales …
  12. 12. # Adwords # E-mailing # Publicité en ligne … Outbound marketing Aller chercher des prospects sur leur propre territoire.
  13. 13. Un ciblage indispensable
  14. 14. Avant de vous lancer dans votre projet, construisez votre stratégie !
  15. 15. Mes cibles Leurs attentes, leurs questions, leurs motivations et leurs freins à l’achat.
  16. 16. Mes objectifs L’image recherchée, le niveau de visibilité (mots clés) et les types de comportements souhaités.
  17. 17. Mes messages clés Les idées les plus importantes qui devront être retenues.
  18. 18. Mes contenus Des contenus* utiles, divertissants et inspirants, orientés consommateurs. *Textes, photos, vidéos, podcasts, …
  19. 19. Approche multi-canal Les outils de communication on-line sont combinés avec les outils de communication off-line.
  20. 20. Vos décisions auront un impact sur votre projet (choix des outils et des fonctionnalités) … et donc sur votre budget.
  21. 21. Sites Internet : les tendances en 2015
  22. 22. 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.
  23. 23. Tester son site http://www.pikock.com/fr/piresponsive-app
  24. 24. 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.
  25. 25. Faciliter les temps de chargement et la navigation sur les mobiles. Une tendance initiée par Microsoft (Windows 8), Apple (IOS7), Nokia, ... Flat design
  26. 26. Exemples d’icônes. Flat design
  27. 27. Flat design Un travail important sur les couleurs. Une réflexion sur le choix des typographies. http://conference.awwwards.com/
  28. 28. 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/
  29. 29. L’image au cœur du webdesign Images et photos en plein écran (full screen). http://www.catscarf.com
  30. 30. http://www.winshape.org/camps/ La vidéo plein écran Véhiculer des émotions et des valeurs. Faire vivre une experience.
  31. 31. Site one page Visuels plein écran, incitation au scrolling, nouvelle manière de présenter les contenus (story telling). http://www.lepetitballon.com/
  32. 32. One page Avoir une histoire à raconter (image, texte, animation, vidéo, …). Scénarisation du site Internet. http://www.lighthousebrewing.com/
  33. 33. Blocage du top menu pour donner des repères. Sticky menu http://www.skype.com/fr/
  34. 34. Animation au survol pour inciter au clic. Action au survol http://www.trionndesign.com/
  35. 35. Les boutons fantômes http://websiteswithghostbuttons.tumblr.com/ Boutons d’appel à action avec un fond transparent et une très fine bordure.
  36. 36. Le grid Présentation sous forme de grille, de mosaïques, ... http://lesmenuires.com/
  37. 37. Le grid http://peaceandwool.com/ Présentation sous forme de grille, de mosaïques, ...
  38. 38. Importance de la mise en scène et de la qualité des photos. Photos des produits http://www.maryviloteau.com/
  39. 39. Présentation des produits : épurée, flat et typo E-commerce http://www.catscarf.com
  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. La renaissance du GIF animé http://blog.gaborit-d.com/dossier-tendance-du-gif-anime-webdesign/ Animer un logo, un icône, un produit …
  43. 43. 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
  44. 44. 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 :
  45. 45. 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/
  46. 46. http://www.maryviloteau.com/nous-decouvrir/#etapes Des textes orientés utilisateurs Donnez des informations utiles, inspirantes, divertissantes, …
  47. 47. Réseaux sociaux Les chiffres clés pour 2015. https://www.youtube.com/watch?v=P8WocgHQqNo&x-yt-ts=1421914688&x-yt-cl=84503534
  48. 48. 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
  49. 49. www.inaativ.com INAATIV Contact : Vincent Pereira - 06 47 08 09 69 vincent@inaativ.com
  50. 50. https://www.flickr.com/photos/marcela-palma/12239412274 CCI Bordeaux Pôle Numérique Catherine LOISEL cloisel@bordeaux.cci.fr www.bordeaux.cci.fr 05.56.79.50.00 www.bordeaux.cci.fr/polenumerique polenumerique33.wordpress.com twitter.com/polenumerique33 fr-fr.facebook.com/polenumerique.ccibordeaux Site web

×