• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Site Internet, les tendances en 2014
 

Site Internet, les tendances en 2014

on

  • 8,181 views

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 ...

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.

Statistics

Views

Total Views
8,181
Views on SlideShare
6,053
Embed Views
2,128

Actions

Likes
26
Downloads
0
Comments
1

13 Embeds 2,128

http://www.scoop.it 879
http://echangeurba.wordpress.com 566
http://www.formateurconsultant.com 456
http://www.entreprise-marketing.fr 79
http://florencedenos.wordpress.com 70
http://1formanet.com 34
http://journal-headerpop.com 26
https://twitter.com 5
http://feedly.com 4
http://srv08.admin.over-blog.com 3
http://tourismedeveloppement.wordpress.com 3
http://meem.greyshare.com 2
https://hootsuite.scoop.it 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Site Internet, les tendances en 2014 Site Internet, les tendances en 2014 Presentation Transcript

    • 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 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 utilisation non adaptée d’une tendance peut nuire à votre site
    • 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 visibilité (mots clés) et types de comportements souhaités Quel sera le rôle de mon site dans ma communication globale ?
    • Vos réponses auront un impact sur votre projet : choix du design, fonctionnalité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 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 : commentaires, « j’aime », … Création d’un univers visuel autour de la marque
    • 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 prenant en compte les forces de chaque support.
    • 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 concentre sur l’essentiel et l’utilisateur. http://www.fitbit.com/fr
    • 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.awwwards.com/
    • 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/
    • 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 telling). http://www.savoie-mont-blanc.com/
    • One page Avoir une histoire à raconter (image, texte, animation, vidéo, …). Scénarisation du site Internet. http://www.jarritos.com/
    • 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é et une compatibilité avec les mobiles.
    • Des fonctionnalités utiles
    • 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
    • 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
    • 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/plans-et-cartes-3-outils-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 marketing Attirer naturellement des visiteurs qualifiés plutôt que d’aller les chercher. # Référencement naturel # Médias sociaux # RP digitales …
    • 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/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
    • www.inaativ.com INAATIV Contact : Vincent Pereira - 06 47 08 09 69 vincent@inaativ.com