Sites Internet : les tendances pour 2014 Jeudi 30 janvier 2014 Bordeaux L AGENCE CONNECTÉE À L ENTREPRISE
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
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
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
Avant de vous lancer dans votre projet, posez- vous les bonnes ques$ons
! 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?
Vos réponses auront un impact sur votre projet : choix du design, fonc$onnalités, référencement, et donc sur votre budget.
Mais ce n est pas tout
Sans contenu (de qualité), votre site est une coquille vide!
Du texte! Ar.cle (blog ou site)! Fiche conseil! Guide / e- book / livre blanc
De la vidéo! Mo.on design! Vidéo produit! Vidéo corporate! Conseil, forma.on,
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
Du son! Podcast! Playlist! Web radio
Les tendances $ennent compte
Des comportements de l internaute Un u.lisateur a plusieurs modes de consulta.on et d u.lisa.on
De la mul$plica$on des écrans!
Mobilité Ergonomie Visibilité Transforma$on
Sites Internet : les tendances 2014
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.
Le responsive design Un cas concret hdp://peaceandwool.com/ Tests avec hdp://www.pikock.com/fr/piresponsive- app
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://www.fitbit.com/fr
Flat design Une tendance ini.ée par Microso_ (Windows 8), Apple (IOS7), Nokia,...
Flat design Un travail important sur les couleurs. Une réflexion sur le choix des typographies. hdp://conference.awwwards.com/
Typoweb Une liberté (infinie) dans le choix des typographies. hdp://www.google.com/fonts, hdp://www.fontsquirrel.com/ Visuels : h*p://www.webdesignertrends.com/2013/11/22- typographies- inspirees- et- gratuites- pour- vos- crea@ons/
Le grid Présenta.on sous forme de grille. hdp://lesmenuires.com/
Parallax Site one page, visuels plein écran, incita.on au scrolling, nouvelle manière de présenter les contenus (story telling). hdp://www.savoie- mont- blanc.com/
One page Avoir une histoire à raconter (image, texte, anima.on, vidéo, ). Scénarisa.on du site Internet. hdp://www.jarritos.com/
One page Faire preuve de pédagogie, expliquer la naviga.on (pop- up, flèches, ) hdp://www.stmichel.fr/
Des anima$ons hdp://www.savoura.com/
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.
Des fonc$onnalités u$les
Fonc$on recherche Plusieurs approches possibles. hdp://www.alpes- ski- resa.com/ Voir les autres approches : hdp://www.formateurconsultant.com/ar.cle- les- bonnes- pra.ques- e- commerce- la- fonc.on- recherche- sur- un- site- 112815048.html
Les menus riches Accompagner l internaute. hdp://www.spartoo.com/ Voir les autres approches : hdp://www.formateurconsultant.com/ar.cle- les- bonnes- pra.ques- e- commerce- le- menu- riche- 111815056.html
Boutons de partage Donner une dimension sociale à son site.
Google Maps Guider ses clients vers son entreprise. Voir d autres types de cartes : hdp://www.inaa.v.com/actualites/plans- et- cartes- 3- ou.ls- efficaces- pour- guider- vos- partenaires.html
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 marke$ng Anrer naturellement des visiteurs qualifiés plutôt que d aller les chercher. # Référencement naturel # Médias sociaux # RP digitales
Outbound marke$ng Aller chercher des prospects sur leur propre territoire. # Adwords # E- mailing # Publicité en ligne
Google Analy$cs J analyse fréquemment le trafic sur mon site. Je réajuste mes ac.ons.
5 liens pour aller plus loin! hdp://www.formateurconsultant.com/! hdp://www.inaa.v.com/e- books/! hdp://www.scoop.it/t/strategie- editoriale- sur- internet- et- marke.ng- de- contenu/! hdp://www.scoop.it/t/facebook- pour- les- entreprises! hdp://www.scoop.it/t/l- observatoire- des- tendances
www.inaa$v.com INAATIV Contact : Vincent Pereira - 06 47 08 09 69 vincent@inaa.v.com