site internet : les tendances pour 2014

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/

Le gridPrésentation sous forme de grille.

http://lesmenuires.com/

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

http://www.savoura.com/

Des animations

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

www.inaativ.com

INAATIV

Contact : Vincent Pereira - 06 47 08 09 69 vincent@inaativ.com