Sites Internet : les. tendances. Jeudi 30 janvier 2014 Bordeaux L AGENCE CONNECTÉE À L ENTREPRISE

Transcription

1 Sites Internet : les tendances pour 2014 Jeudi 30 janvier 2014 Bordeaux L AGENCE CONNECTÉE À L ENTREPRISE

2 Inaa$v, une agence de communica$on avec des spécificités CONSEiL EN COMMUNICATION FoRmatiOns WEBMARKETING DESiGN GRAPHIQUE RÉDACTiON DE CONTENUS SiTES WEB & BLOGS WORDPRESS

3 Objec$fs de l interven$on! Donner une idée des évolu.ons à prendre en compte dans son projet de site Internet! Enrichir son cahier des charges! Faciliter les échanges avec son prestataire

4 Points de vigilance! Les tendances peuvent changer rapidement! Certaines tendances ne sont pas adaptées à votre projet! Une u.lisa.on non adaptée d une tendance peut nuire à votre site

5 Avant de vous lancer dans votre projet, posez- vous les bonnes ques$ons

6 ! Qui sont mes cibles : leurs abentes, leurs ques$ons,! Qu est- ce j adends 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 communica$on globale?

7 Vos réponses auront un impact sur votre projet : choix du design, fonc$onnalités, référencement, et donc sur votre budget.

8 Mais ce n est pas tout

9 Sans contenu (de qualité), votre site est une coquille vide!

10 Du texte! Ar.cle (blog ou site)! Fiche conseil! Guide / e- book / livre blanc

11 De la vidéo! Mo.on design! Vidéo produit! Vidéo corporate! Conseil, forma.on,

12 Des images Photos, infographies, schémas,! Facilité de partage pour les internautes! Fort levier d engagement : commentaires, «j aime»,! Créa.on d un univers visuel autour de la marque

13 Du son! Podcast! Playlist! Web radio

14 Les tendances $ennent compte

15 Des comportements de l internaute Un u.lisateur a plusieurs modes de consulta.on et d u.lisa.on

16 De la mul$plica$on des écrans!

17 Mobilité Ergonomie Visibilité Transforma$on

18 Sites Internet : les tendances 2014

19 Le responsive design Adapter les contenus du site aux différents formats d écrans. Proposer une expérience u.lisateur prenant en compte les forces de chaque support.

20 Le responsive design Un cas concret hdp://peaceandwool.com/ Tests avec hdp:// app

21 Flat design Approche qui encourage la simplicité, la clarté et l u.lisabilité. Design épuré et minimaliste qui se concentre sur l essen.el et l u.lisateur. hdp://

22 Flat design Une tendance ini.ée par Microso_ (Windows 8), Apple (IOS7), Nokia,...

23 Flat design Un travail important sur les couleurs. Une réflexion sur le choix des typographies. hdp://conference.awwwards.com/

24 Typoweb Une liberté (infinie) dans le choix des typographies. hdp:// hdp:// Visuels : h*p:// typographies- inspirees- et- gratuites- pour- vos- crea@ons/

25 Le grid Présenta.on sous forme de grille. hdp://lesmenuires.com/

26 Parallax Site one page, visuels plein écran, incita.on au scrolling, nouvelle manière de présenter les contenus (story telling). hdp:// mont- blanc.com/

27 One page Avoir une histoire à raconter (image, texte, anima.on, vidéo, ). Scénarisa.on du site Internet. hdp://

28 One page Faire preuve de pédagogie, expliquer la naviga.on (pop- up, flèches, ) hdp://

29 Des anima$ons hdp://

30 Merci HTML 5 et CSS 3 Interfaces dynamiques permedant une grande expérience u.lisateur, des possibilités d interac.vité et une compa.bilité avec les mobiles.

31 Des fonc$onnalités u$les

32 Fonc$on recherche Plusieurs approches possibles. hdp:// ski- resa.com/ Voir les autres approches : hdp:// les- bonnes- pra.ques- e- commerce- la- fonc.on- recherche- sur- un- site html

33 Les menus riches Accompagner l internaute. hdp:// Voir les autres approches : hdp:// les- bonnes- pra.ques- e- commerce- le- menu- riche html

34 Boutons de partage Donner une dimension sociale à son site.

35 Google Maps Guider ses clients vers son entreprise. Voir d autres types de cartes : hdp:// et- cartes- 3- ou.ls- efficaces- pour- guider- vos- partenaires.html

36 Formulaire de contact Simple et efficace. Adapté au design du site.

37 Le lancement d un site n est que le début de l histoire

38 Inbound marke$ng Anrer naturellement des visiteurs qualifiés plutôt que d aller les chercher. # Référencement naturel # Médias sociaux # RP digitales

39 Outbound marke$ng Aller chercher des prospects sur leur propre territoire. # Adwords # E- mailing # Publicité en ligne

40 Google Analy$cs J analyse fréquemment le trafic sur mon site. Je réajuste mes ac.ons.

41 5 liens pour aller plus loin! hdp:// hdp:// books/! hdp:// editoriale- sur- internet- et- marke.ng- de- contenu/! hdp:// pour- les- entreprises! hdp:// observatoire- des- tendances

42 INAATIV Contact : Vincent Pereira vincent@inaa.v.com