Inaativ, une agence
de

communication
avec des spécificités
Objectifs de l’intervention
Donner une idée des évolutions à prendre en
compte dans son projet de site Internet
Enrichir s...
Points de vigilance
Les tendances peuvent changer rapidement

Certaines tendances ne sont pas adaptées à
votre projet

Une...
Avant de vous lancer dans votre projet,
posez-vous les bonnes questions …
Qui sont mes cibles : leurs attentes, leurs questions, …

Qu’est-ce j’attends de mon site : image recherchée, niveau
de vi...
Vos réponses auront un impact sur
votre projet : choix du design,
fonctionnalités, référencement, …

… et donc sur votre b...
Mais ce n’est pas tout …
Sans contenu (de qualité),

votre site
est une coquille

vide!
Du texte
Article (blog ou site)
Fiche conseil
Guide / e-book / livre blanc
De la vidéo
Motion design
Vidéo produit

Vidéo corporate
Conseil, formation, …
Des images
Photos, infographies, schémas,…

Facilité de partage pour les
internautes

Fort levier d’engagement :
commentai...
Du son
Podcast

Playlist
Web radio
Les tendances tiennent compte …
Des comportements de l’internaute
Un utilisateur a plusieurs modes de consultation et d’utilisation
De la

multiplication
des écrans !
Ergonomie

Transformation
Sites Internet : les tendances 2014
Le responsive design
Adapter les contenus du site aux différents formats d’écrans.
Proposer une expérience utilisateur pre...
Le responsive design
Un cas concret http://peaceandwool.com/
Tests avec http://www.pikock.com/fr/piresponsive-app
Flat design
Approche qui encourage la simplicité, la clarté et l’utilisabilité.
Design épuré et minimaliste qui se concent...
Flat design
Une tendance initiée par Microsoft (Windows 8), Apple (IOS7), Nokia, ...
Flat design
Un travail important sur les couleurs.
Une réflexion sur le choix des typographies.

http://conference.awwward...
Typoweb
Une liberté (infinie) dans le choix des typographies.
http://www.google.com/fonts , http://www.fontsquirrel.com/ …...
Le grid
Présentation sous forme de grille.

http://lesmenuires.com/
Parallax
Site one page, visuels plein écran, incitation au scrolling, nouvelle manière
de présenter les contenus (story te...
One page
Avoir une histoire à raconter (image, texte, animation, vidéo, …).
Scénarisation du site Internet.

http://www.ja...
One page
Faire preuve de pédagogie, expliquer la navigation (pop-up, flèches, …)

http://www.stmichel.fr/
Des animations

http://www.savoura.com/
Merci HTML 5 et CSS 3
Interfaces dynamiques permettant une grande expérience utilisateur,
des possibilités d’interactivité...
Des fonctionnalités utiles
Fonction recherche
Plusieurs approches possibles.

http://www.alpes-ski-resa.com/

Voir les autres approches :
http://www....
Les menus riches
Accompagner l’internaute.

http://www.spartoo.com/

Voir les autres approches :
http://www.formateurconsu...
Boutons de partage
Donner une dimension sociale à son site.
Google Maps
Guider ses clients vers son entreprise.

Voir d’autres types de cartes :
http://www.inaativ.com/Actualites/pla...
Formulaire de contact
Simple et efficace.
Adapté au design du site.
Le lancement d’un site n’est que
le début de l’histoire …
Inbound marketing
Attirer naturellement des visiteurs qualifiés plutôt que d’aller les chercher.

# Référencement naturel
...
Outbound marketing
Aller chercher des prospects sur leur propre territoire.

# Adwords # E-mailing # Publicité en ligne …
Google Analytics
J’analyse fréquemment le trafic sur mon site.
Je réajuste mes actions.
5 liens pour
aller plus loin …
http://www.formateurconsultant.com/

http://www.inaativ.com/E-books/

http://www.scoop.it/t...
www.inaativ.com

INAATIV

Contact : Vincent Pereira - 06 47 08 09 69
vincent@inaativ.com
Site internet : les tendances pour 2014
Prochain SlideShare
Chargement dans…5
×

Site internet : les tendances pour 2014

14 609 vues

Publié le

Responsive design, flat design, grid, Parallax... autant de mots anglo-saxons qui nous révèlent les tendances à venir en matière de graphisme et d'ergonomie pour les sites web d'aujourd'hui et de demain.

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

Aucun téléchargement
Vues
Nombre de vues
14 609
Sur SlideShare
0
Issues des intégrations
0
Intégrations
11 437
Actions
Partages
0
Téléchargements
40
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Site internet : les tendances pour 2014

  1. 1. Inaativ, une agence de communication avec des spécificités
  2. 2. Objectifs de l’intervention Donner une idée des évolutions à prendre en compte dans son projet de site Internet Enrichir son cahier des charges Faciliter les échanges avec son prestataire
  3. 3. Points de vigilance 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 site
  4. 4. Avant de vous lancer dans votre projet, posez-vous les bonnes questions …
  5. 5. Qui sont mes cibles : leurs attentes, leurs questions, … Qu’est-ce j’attends de mon site : image recherchée, niveau de visibilité (mots clés) et types de comportements souhaités Quel sera le rôle de mon site dans ma communication globale ?
  6. 6. Vos réponses auront un impact sur votre projet : choix du design, fonctionnalités, référencement, … … et donc sur votre budget.
  7. 7. Mais ce n’est pas tout …
  8. 8. Sans contenu (de qualité), votre site est une coquille vide!
  9. 9. Du texte Article (blog ou site) Fiche conseil Guide / e-book / livre blanc
  10. 10. De la vidéo Motion design Vidéo produit Vidéo corporate Conseil, formation, …
  11. 11. Des images Photos, infographies, schémas,… Facilité de partage pour les internautes Fort levier d’engagement : commentaires, « j’aime », … Création d’un univers visuel autour de la marque
  12. 12. Du son Podcast Playlist Web radio
  13. 13. Les tendances tiennent compte …
  14. 14. Des comportements de l’internaute Un utilisateur a plusieurs modes de consultation et d’utilisation
  15. 15. De la multiplication des écrans !
  16. 16. Ergonomie Transformation
  17. 17. Sites Internet : les tendances 2014
  18. 18. 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.
  19. 19. Le responsive design Un cas concret http://peaceandwool.com/ Tests avec http://www.pikock.com/fr/piresponsive-app
  20. 20. Flat design Approche qui encourage la simplicité, la clarté et l’utilisabilité. Design épuré et minimaliste qui se concentre sur l’essentiel et l’utilisateur. http://www.fitbit.com/fr
  21. 21. Flat design Une tendance initiée par Microsoft (Windows 8), Apple (IOS7), Nokia, ...
  22. 22. Flat design Un travail important sur les couleurs. Une réflexion sur le choix des typographies. http://conference.awwwards.com/
  23. 23. Typoweb Une liberté (infinie) dans le choix des typographies. http://www.google.com/fonts , http://www.fontsquirrel.com/ … Visuels : http://www.webdesignertrends.com/2013/11/22-typographies-inspirees-et-gratuites-pour-vos-creations/
  24. 24. Le grid Présentation sous forme de grille. http://lesmenuires.com/
  25. 25. Parallax Site one page, visuels plein écran, incitation au scrolling, nouvelle manière de présenter les contenus (story telling). http://www.savoie-mont-blanc.com/
  26. 26. One page Avoir une histoire à raconter (image, texte, animation, vidéo, …). Scénarisation du site Internet. http://www.jarritos.com/
  27. 27. One page Faire preuve de pédagogie, expliquer la navigation (pop-up, flèches, …) http://www.stmichel.fr/
  28. 28. Des animations http://www.savoura.com/
  29. 29. Merci HTML 5 et CSS 3 Interfaces dynamiques permettant une grande expérience utilisateur, des possibilités d’interactivité et une compatibilité avec les mobiles.
  30. 30. Des fonctionnalités utiles
  31. 31. Fonction recherche Plusieurs approches possibles. http://www.alpes-ski-resa.com/ Voir les autres approches : http://www.formateurconsultant.com/article-les-bonnes-pratiques-e-commerce-la-fonction-recherche-sur-un-site-112815048.html
  32. 32. Les menus riches Accompagner l’internaute. http://www.spartoo.com/ Voir les autres approches : http://www.formateurconsultant.com/article-les-bonnes-pratiques-e-commerce-le-menu-riche-111815056.html
  33. 33. Boutons de partage Donner une dimension sociale à son site.
  34. 34. Google Maps Guider ses clients vers son entreprise. Voir d’autres types de cartes : http://www.inaativ.com/Actualites/plans-et-cartes-3-outils-efficaces-pour-guider-vos-partenaires.html
  35. 35. Formulaire de contact Simple et efficace. Adapté au design du site.
  36. 36. Le lancement d’un site n’est que le début de l’histoire …
  37. 37. Inbound marketing Attirer naturellement des visiteurs qualifiés plutôt que d’aller les chercher. # Référencement naturel # Médias sociaux # RP digitales …
  38. 38. Outbound marketing Aller chercher des prospects sur leur propre territoire. # Adwords # E-mailing # Publicité en ligne …
  39. 39. Google Analytics J’analyse fréquemment le trafic sur mon site. Je réajuste mes actions.
  40. 40. 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
  41. 41. www.inaativ.com INAATIV Contact : Vincent Pereira - 06 47 08 09 69 vincent@inaativ.com

×