Embed Size (px)
DESCRIPTION
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.
Citation preview
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 imagesPhotos, 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’internauteUn utilisateur a plusieurs modes de consultation et d’utilisation
De la
multiplication des écrans !
VisibilitéMobilité
Transformation
Ergonomie
Sites Internet : les tendances 2014
Le responsive designAdapter 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 designUn 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/
TypowebUne 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/
ParallaxSite one page, visuels plein écran, incitation au scrolling, nouvelle manièrede présenter les contenus (story telling).
http://www.savoie-mont-blanc.com/
One pageAvoir une histoire à raconter (image, texte, animation, vidéo, …).Scénarisation du site Internet.
http://www.jarritos.com/
Faire preuve de pédagogie, expliquer la navigation (pop-up, flèches, …)
http://www.stmichel.fr/
One page
Merci HTML 5 et CSS 3Interfaces dynamiques permettant une grande expérience utilisateur, des possibilités d’interactivité et une compatibilité avec les mobiles.
Des fonctionnalités utiles
Fonction recherchePlusieurs approches possibles.
http://www.alpes-ski-resa.com/
http://www.formateurconsultant.com/article-les-bonnes-pratiques-e-commerce-la-fonction-recherche-sur-un-site-112815048.html
Voir les autres approches :
Les menus richesAccompagner l’internaute.
Voir les autres approches :http://www.formateurconsultant.com/article-les-bonnes-pratiques-e-commerce-le-menu-riche-111815056.html
http://www.spartoo.com/
Boutons de partageDonner une dimension sociale à son site.
Google MapsGuider 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 contactSimple et efficace.Adapté au design du site.
Le lancement d’un site n’est quele début de l’histoire …
Inbound marketingAttirer naturellement des visiteurs qualifiés plutôt que d’aller les chercher.
# Référencement naturel# Médias sociaux# RP digitales…
# Adwords # E-mailing # Publicité en ligne …
Outbound marketingAller chercher des prospects sur leur propre territoire.
Google AnalyticsJ’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
