Your SlideShare is downloading. ×

Site Internet, les tendances en 2014

13,362

Published on

Responsive design, flat design, grid, parallax, HTML 5, CSS3, ... toutes les tendances en matière de site web en 2014. Conférence du 30 janvier 2014, à la CCI de Bordeaux, animée par Vincent Pereira, …

Responsive design, flat design, grid, parallax, HTML 5, CSS3, ... toutes les tendances en matière de site web en 2014. Conférence du 30 janvier 2014, à la CCI de Bordeaux, animée par Vincent Pereira, consultant webmarketing de l'agence Inaativ.

Published in: Design
1 Comment
43 Likes
Statistics
Notes
No Downloads
Views
Total Views
13,362
On Slideshare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
0
Comments
1
Likes
43
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Inaativ, une agence de communication avec des spécificités
  • 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. 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. Avant de vous lancer dans votre projet, posez-vous les bonnes questions …
  • 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. Vos réponses auront un impact sur votre projet : choix du design, fonctionnalités, référencement, … … et donc sur votre budget.
  • 7. Mais ce n’est pas tout …
  • 8. Sans contenu (de qualité), votre site est une coquille vide!
  • 9. Du texte Article (blog ou site) Fiche conseil Guide / e-book / livre blanc
  • 10. De la vidéo Motion design Vidéo produit Vidéo corporate Conseil, formation, …
  • 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. Du son Podcast Playlist Web radio
  • 13. Les tendances tiennent compte …
  • 14. Des comportements de l’internaute Un utilisateur a plusieurs modes de consultation et d’utilisation
  • 15. De la multiplication des écrans !
  • 16. Ergonomie Transformation
  • 17. Sites Internet : les tendances 2014
  • 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. Le responsive design Un cas concret http://peaceandwool.com/ Tests avec http://www.pikock.com/fr/piresponsive-app
  • 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. Flat design Une tendance initiée par Microsoft (Windows 8), Apple (IOS7), Nokia, ...
  • 22. Flat design Un travail important sur les couleurs. Une réflexion sur le choix des typographies. http://conference.awwwards.com/
  • 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. Le grid Présentation sous forme de grille. http://lesmenuires.com/
  • 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. One page Avoir une histoire à raconter (image, texte, animation, vidéo, …). Scénarisation du site Internet. http://www.jarritos.com/
  • 27. One page Faire preuve de pédagogie, expliquer la navigation (pop-up, flèches, …) http://www.stmichel.fr/
  • 28. Des animations http://www.savoura.com/
  • 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. Des fonctionnalités utiles
  • 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. 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. Boutons de partage Donner une dimension sociale à son site.
  • 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. Formulaire de contact Simple et efficace. Adapté au design du site.
  • 36. Le lancement d’un site n’est que le début de l’histoire …
  • 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. Outbound marketing Aller chercher des prospects sur leur propre territoire. # Adwords # E-mailing # Publicité en ligne …
  • 39. Google Analytics J’analyse fréquemment le trafic sur mon site. Je réajuste mes actions.
  • 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. www.inaativ.com INAATIV Contact : Vincent Pereira - 06 47 08 09 69 vincent@inaativ.com

×