SlideShare una empresa de Scribd logo
1 de 42
Descargar para leer sin conexión
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 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

Más contenido relacionado

Destacado

Lancer un site e-commerce
Lancer un site e-commerceLancer un site e-commerce
Lancer un site e-commerceVaisonet
 
La veille de Red Guy du 20.03.13 - la musique comme medium
La veille de Red Guy du 20.03.13 - la musique comme mediumLa veille de Red Guy du 20.03.13 - la musique comme medium
La veille de Red Guy du 20.03.13 - la musique comme mediumRed Guy
 
Inteligencias multiples_yesenia escobar
Inteligencias multiples_yesenia escobarInteligencias multiples_yesenia escobar
Inteligencias multiples_yesenia escobarYeseniaescobar
 
Espirógrafo
EspirógrafoEspirógrafo
Espirógrafopozuelo1
 
GF3 - Renouer le dialogue avec les territoires périurbains - Christophe Rouesne
GF3 - Renouer le dialogue avec les territoires périurbains - Christophe RouesneGF3 - Renouer le dialogue avec les territoires périurbains - Christophe Rouesne
GF3 - Renouer le dialogue avec les territoires périurbains - Christophe RouesneCap'Com
 
18 congreso hospitales. betiON un modelo integral de coordinación socio-sanit...
18 congreso hospitales. betiON un modelo integral de coordinación socio-sanit...18 congreso hospitales. betiON un modelo integral de coordinación socio-sanit...
18 congreso hospitales. betiON un modelo integral de coordinación socio-sanit...Alfredo Alday
 
Resumen. La sociedad en red. Edición 2012.
Resumen. La sociedad en red. Edición 2012.Resumen. La sociedad en red. Edición 2012.
Resumen. La sociedad en red. Edición 2012.Alfredo Alday
 
La veille de red guy du 19.09.12 la marque sociale (part 1)
La veille de red guy du 19.09.12   la marque sociale (part 1)La veille de red guy du 19.09.12   la marque sociale (part 1)
La veille de red guy du 19.09.12 la marque sociale (part 1)Red Guy
 
La grue flottante
La grue flottanteLa grue flottante
La grue flottanteGuiBou0136
 
[Breizhcamp 2015] Refactoring avec 1,22% de code couvert par les tests ... Go...
[Breizhcamp 2015] Refactoring avec 1,22% de code couvert par les tests ... Go...[Breizhcamp 2015] Refactoring avec 1,22% de code couvert par les tests ... Go...
[Breizhcamp 2015] Refactoring avec 1,22% de code couvert par les tests ... Go...Sébastien Prunier
 
Velocidad_y_Aceleracion
Velocidad_y_AceleracionVelocidad_y_Aceleracion
Velocidad_y_AceleracionSaul Duque
 
Co-conception
Co-conceptionCo-conception
Co-conceptionpoiroux
 
Portraits 1
Portraits 1Portraits 1
Portraits 1micac79
 
Evaluation Question 5
Evaluation Question 5Evaluation Question 5
Evaluation Question 5laurastraw
 
Vision dynamique et geographique de l'epidemie ebola 20141228
Vision dynamique et geographique de l'epidemie ebola 20141228Vision dynamique et geographique de l'epidemie ebola 20141228
Vision dynamique et geographique de l'epidemie ebola 20141228Jan-Cedric Hansen
 
Los animales
Los animales Los animales
Los animales Carbayu
 

Destacado (20)

Lancer un site e-commerce
Lancer un site e-commerceLancer un site e-commerce
Lancer un site e-commerce
 
Anexo !!!trabajando el cuero
Anexo !!!trabajando el cueroAnexo !!!trabajando el cuero
Anexo !!!trabajando el cuero
 
La veille de Red Guy du 20.03.13 - la musique comme medium
La veille de Red Guy du 20.03.13 - la musique comme mediumLa veille de Red Guy du 20.03.13 - la musique comme medium
La veille de Red Guy du 20.03.13 - la musique comme medium
 
Inteligencias multiples_yesenia escobar
Inteligencias multiples_yesenia escobarInteligencias multiples_yesenia escobar
Inteligencias multiples_yesenia escobar
 
Espirógrafo
EspirógrafoEspirógrafo
Espirógrafo
 
GF3 - Renouer le dialogue avec les territoires périurbains - Christophe Rouesne
GF3 - Renouer le dialogue avec les territoires périurbains - Christophe RouesneGF3 - Renouer le dialogue avec les territoires périurbains - Christophe Rouesne
GF3 - Renouer le dialogue avec les territoires périurbains - Christophe Rouesne
 
18 congreso hospitales. betiON un modelo integral de coordinación socio-sanit...
18 congreso hospitales. betiON un modelo integral de coordinación socio-sanit...18 congreso hospitales. betiON un modelo integral de coordinación socio-sanit...
18 congreso hospitales. betiON un modelo integral de coordinación socio-sanit...
 
Resumen. La sociedad en red. Edición 2012.
Resumen. La sociedad en red. Edición 2012.Resumen. La sociedad en red. Edición 2012.
Resumen. La sociedad en red. Edición 2012.
 
Introduction à CERIF
Introduction à CERIFIntroduction à CERIF
Introduction à CERIF
 
La veille de red guy du 19.09.12 la marque sociale (part 1)
La veille de red guy du 19.09.12   la marque sociale (part 1)La veille de red guy du 19.09.12   la marque sociale (part 1)
La veille de red guy du 19.09.12 la marque sociale (part 1)
 
La grue flottante
La grue flottanteLa grue flottante
La grue flottante
 
[Breizhcamp 2015] Refactoring avec 1,22% de code couvert par les tests ... Go...
[Breizhcamp 2015] Refactoring avec 1,22% de code couvert par les tests ... Go...[Breizhcamp 2015] Refactoring avec 1,22% de code couvert par les tests ... Go...
[Breizhcamp 2015] Refactoring avec 1,22% de code couvert par les tests ... Go...
 
Velocidad_y_Aceleracion
Velocidad_y_AceleracionVelocidad_y_Aceleracion
Velocidad_y_Aceleracion
 
Co-conception
Co-conceptionCo-conception
Co-conception
 
Renacimiento
RenacimientoRenacimiento
Renacimiento
 
Portraits 1
Portraits 1Portraits 1
Portraits 1
 
Evaluation Question 5
Evaluation Question 5Evaluation Question 5
Evaluation Question 5
 
Résolution de problèmes
Résolution de problèmesRésolution de problèmes
Résolution de problèmes
 
Vision dynamique et geographique de l'epidemie ebola 20141228
Vision dynamique et geographique de l'epidemie ebola 20141228Vision dynamique et geographique de l'epidemie ebola 20141228
Vision dynamique et geographique de l'epidemie ebola 20141228
 
Los animales
Los animales Los animales
Los animales
 

Similar a Site internet : les tendances pour 2014

Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015Vincent Pereira
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Synerg'hetic
 
Nouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesNouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesConcept Image
 
Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...maclic
 
Competitic ergonomie site web - numerique en entreprise
Competitic   ergonomie site web - numerique en entrepriseCompetitic   ergonomie site web - numerique en entreprise
Competitic ergonomie site web - numerique en entrepriseCOMPETITIC
 
Livre blanc : Les tendances du web design 2018
Livre blanc : Les tendances du web design 2018Livre blanc : Les tendances du web design 2018
Livre blanc : Les tendances du web design 2018Ametys
 
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...polenumerique33
 
10 tendances digitales pour 2016
10 tendances digitales pour 201610 tendances digitales pour 2016
10 tendances digitales pour 2016NiceToMeetYou
 
6 1-ergonomie du web
6 1-ergonomie du web6 1-ergonomie du web
6 1-ergonomie du webRYMAA
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)Khaled Djebloun
 
Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"Kate De Gourdon
 
Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirConcept Image
 
La compétence numérique, un cadre de travail évolutif pour le design d'interf...
La compétence numérique, un cadre de travail évolutif pour le design d'interf...La compétence numérique, un cadre de travail évolutif pour le design d'interf...
La compétence numérique, un cadre de travail évolutif pour le design d'interf...Vincent Beneche
 
Cci bordeaux - APACOM - Etre visible sur le web : nouveautés 2014 (communicat...
Cci bordeaux - APACOM - Etre visible sur le web : nouveautés 2014 (communicat...Cci bordeaux - APACOM - Etre visible sur le web : nouveautés 2014 (communicat...
Cci bordeaux - APACOM - Etre visible sur le web : nouveautés 2014 (communicat...polenumerique33
 
Webdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outilsWebdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outilsOlivier Dommange
 
Branding et ModernUI : Des ressources et des conseils pour passer d'un templ...
Branding et ModernUI : Des ressources et des conseils  pour passer d'un templ...Branding et ModernUI : Des ressources et des conseils  pour passer d'un templ...
Branding et ModernUI : Des ressources et des conseils pour passer d'un templ...Microsoft
 

Similar a Site internet : les tendances pour 2014 (20)

Les tendances des site web en 2015
Les tendances des site web en 2015Les tendances des site web en 2015
Les tendances des site web en 2015
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"
 
Nouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notesNouvelles tendances ui ux avec notes
Nouvelles tendances ui ux avec notes
 
Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...
 
Competitic ergonomie site web - numerique en entreprise
Competitic   ergonomie site web - numerique en entrepriseCompetitic   ergonomie site web - numerique en entreprise
Competitic ergonomie site web - numerique en entreprise
 
Livre blanc : Les tendances du web design 2018
Livre blanc : Les tendances du web design 2018Livre blanc : Les tendances du web design 2018
Livre blanc : Les tendances du web design 2018
 
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...
Sites internet et reseaux sociaux quelles tendances 2015 - cci bordeaux - ina...
 
10 tendances digitales pour 2016
10 tendances digitales pour 201610 tendances digitales pour 2016
10 tendances digitales pour 2016
 
6 1-ergonomie du web
6 1-ergonomie du web6 1-ergonomie du web
6 1-ergonomie du web
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
 
Le web design - fullCONTENT
Le web design - fullCONTENTLe web design - fullCONTENT
Le web design - fullCONTENT
 
Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"Atelier Numérique "Optimiser le contenu de mon site web"
Atelier Numérique "Optimiser le contenu de mon site web"
 
Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenir
 
La compétence numérique, un cadre de travail évolutif pour le design d'interf...
La compétence numérique, un cadre de travail évolutif pour le design d'interf...La compétence numérique, un cadre de travail évolutif pour le design d'interf...
La compétence numérique, un cadre de travail évolutif pour le design d'interf...
 
Tirer profit du web en 2011
Tirer profit du web en 2011Tirer profit du web en 2011
Tirer profit du web en 2011
 
Cci bordeaux - APACOM - Etre visible sur le web : nouveautés 2014 (communicat...
Cci bordeaux - APACOM - Etre visible sur le web : nouveautés 2014 (communicat...Cci bordeaux - APACOM - Etre visible sur le web : nouveautés 2014 (communicat...
Cci bordeaux - APACOM - Etre visible sur le web : nouveautés 2014 (communicat...
 
Webdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outilsWebdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outils
 
Atelier Frotsi après-midi
Atelier Frotsi après-midiAtelier Frotsi après-midi
Atelier Frotsi après-midi
 
Branding et ModernUI : Des ressources et des conseils pour passer d'un templ...
Branding et ModernUI : Des ressources et des conseils  pour passer d'un templ...Branding et ModernUI : Des ressources et des conseils  pour passer d'un templ...
Branding et ModernUI : Des ressources et des conseils pour passer d'un templ...
 

Site internet : les tendances pour 2014