SlideShare une entreprise Scribd logo
1  sur  10
Télécharger pour lire hors ligne
TENDANCE
WEBDESIGN 2017
Introduction
Votre site est-il à la page?
Correspond-il aux attentes actuelles des internautes?
Sémillance vous fait un tour d’horizon des principales
tendances webdesign des sites internet qui devraient mener la
cadence tout au long de l’année 2017.
1. La verticalité
•  En 2016: + de 25% des achats ont été effectués sur tablettes et smartphones
à Un site responsive est indispensable (qui s’adapte à tout écran).
•  Le défilement de haut en bas séduit beaucoup à contenu structuré sous
forme d’étages ou de colonnes qui permettent une navigation rapide et
pertinente.
2. Du Flat Design encore!
•  Du minimalisme, des icônes en volume et des effets (ex: 3D)
•  Les couleurs vives comme le vert pomme, orange ou fuschia devraient
également fortement réapparaître.
•  L’objectif est d’être « User Friendly » (navigation confort ++)
•  Le Material Design (navigation en mouvement) développé par Google
devrait se poursuivre.
.
3. Animations
•  L’Effet Parallax toujours d’actualité à élément faisant que l’image ou la
texture qui se situe en arrière-plan défile moins vite que le reste du site.
Ex: http://www.adsum-audit.fr
•  Retour en force du GIF, déjà bien remarqué sur les réseaux sociaux
•  Objectif à Rester orienté vers l’expérience et l’utilisation client
4.1. Contenu - Texte
•  Des interfaces ergonomiques et claires, pour mettre en valeur le contenu
•  Pour la typographie: des polices modernes, hautes et épurées
4.2. Contenu - Illustration
•  La conception graphique est un élément déterminant dans l’esthétisme du
site.
•  Utilisation de photos en HD: principalement en page d’accueil et sur les
fiches produits.
•  Objectif à simplifier et optimiser le confort du lecteur et son accès aux
données.
Conclusion
Le webdesign doit être tourné vers l’utilisateur et il doit lui :
•  Donner envie de rester sur le site, de revenir et de s’engager (call to action)
•  Apporter du confort de lecture de l’internaute
•  Faciliter l’accès aux informations
•  Offrir une esthétique travaillée (webdesign, photos, agencement)
à IMAGE FORTE
Un design allégé permet un temps de chargement réduit, donc une
navigation fluide et agréable.
Sémillance
Notre agence se tient à votre disposition pour tous vos projets de communication:
-  Stratégie globale ou digitale
-  Création ou refonte de site web
-  Création et pilotage de vos outils de communication
N’hésitez pas à nous contacter ou venir nous rencontrer autour d’un café
http://www.semillance.com
TENDANCE
WEBDESIGN 2017

Contenu connexe

Similaire à Tendance webdesign

Le responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobilesLe responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobilesBig5media
 
Les 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by VanksenLes 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by VanksenVanksen
 
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
 
Mobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobileMobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobileWSI France
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia
 
Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirConcept Image
 
Multimedia Design
Multimedia DesignMultimedia Design
Multimedia Designrekma
 
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
 
L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webJulien Dereumaux
 
Le webdesign orienté Business
Le webdesign orienté BusinessLe webdesign orienté Business
Le webdesign orienté BusinessKhaled Djebloun
 
Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013Microsoft
 
Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Synerg'hetic
 
Le graphisme d'un site internet !
Le graphisme d'un site internet !Le graphisme d'un site internet !
Le graphisme d'un site internet !elaugier
 
Présentation INSTITUTIONNELLE 2009
Présentation INSTITUTIONNELLE 2009Présentation INSTITUTIONNELLE 2009
Présentation INSTITUTIONNELLE 2009Expremium/Paris
 
Webdesign sites web et mobiles-tendances 2015
Webdesign sites web et mobiles-tendances 2015Webdesign sites web et mobiles-tendances 2015
Webdesign sites web et mobiles-tendances 2015Olivier Dommange
 
Refonte et Optimisation de site Web
Refonte et Optimisation de site WebRefonte et Optimisation de site Web
Refonte et Optimisation de site WebWSI France
 
MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design USERADGENTS
 
Ergonomie Design dans le e-tourisme
Ergonomie Design dans le e-tourismeErgonomie Design dans le e-tourisme
Ergonomie Design dans le e-tourismeOlivier Soros
 
Lancement Ux republic - 3 Octobre 2013
Lancement Ux republic - 3 Octobre 2013Lancement Ux republic - 3 Octobre 2013
Lancement Ux republic - 3 Octobre 2013servicesmobiles.fr
 
Présentation EMLDesign
Présentation EMLDesignPrésentation EMLDesign
Présentation EMLDesignEric Delhoulle
 

Similaire à Tendance webdesign (20)

Le responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobilesLe responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobiles
 
Les 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by VanksenLes 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by Vanksen
 
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
 
Mobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobileMobile & Responsive Design: Rendez votre marque mobile
Mobile & Responsive Design: Rendez votre marque mobile
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
 
Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenir
 
Multimedia Design
Multimedia DesignMultimedia Design
Multimedia Design
 
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
 
L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site web
 
Le webdesign orienté Business
Le webdesign orienté BusinessLe webdesign orienté Business
Le webdesign orienté Business
 
Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013
 
Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3Formation : "Concevoir et promouvoir votre site internet" V3
Formation : "Concevoir et promouvoir votre site internet" V3
 
Le graphisme d'un site internet !
Le graphisme d'un site internet !Le graphisme d'un site internet !
Le graphisme d'un site internet !
 
Présentation INSTITUTIONNELLE 2009
Présentation INSTITUTIONNELLE 2009Présentation INSTITUTIONNELLE 2009
Présentation INSTITUTIONNELLE 2009
 
Webdesign sites web et mobiles-tendances 2015
Webdesign sites web et mobiles-tendances 2015Webdesign sites web et mobiles-tendances 2015
Webdesign sites web et mobiles-tendances 2015
 
Refonte et Optimisation de site Web
Refonte et Optimisation de site WebRefonte et Optimisation de site Web
Refonte et Optimisation de site Web
 
MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design
 
Ergonomie Design dans le e-tourisme
Ergonomie Design dans le e-tourismeErgonomie Design dans le e-tourisme
Ergonomie Design dans le e-tourisme
 
Lancement Ux republic - 3 Octobre 2013
Lancement Ux republic - 3 Octobre 2013Lancement Ux republic - 3 Octobre 2013
Lancement Ux republic - 3 Octobre 2013
 
Présentation EMLDesign
Présentation EMLDesignPrésentation EMLDesign
Présentation EMLDesign
 

Tendance webdesign

  • 2. Introduction Votre site est-il à la page? Correspond-il aux attentes actuelles des internautes? Sémillance vous fait un tour d’horizon des principales tendances webdesign des sites internet qui devraient mener la cadence tout au long de l’année 2017.
  • 3. 1. La verticalité •  En 2016: + de 25% des achats ont été effectués sur tablettes et smartphones à Un site responsive est indispensable (qui s’adapte à tout écran). •  Le défilement de haut en bas séduit beaucoup à contenu structuré sous forme d’étages ou de colonnes qui permettent une navigation rapide et pertinente.
  • 4. 2. Du Flat Design encore! •  Du minimalisme, des icônes en volume et des effets (ex: 3D) •  Les couleurs vives comme le vert pomme, orange ou fuschia devraient également fortement réapparaître. •  L’objectif est d’être « User Friendly » (navigation confort ++) •  Le Material Design (navigation en mouvement) développé par Google devrait se poursuivre. .
  • 5. 3. Animations •  L’Effet Parallax toujours d’actualité à élément faisant que l’image ou la texture qui se situe en arrière-plan défile moins vite que le reste du site. Ex: http://www.adsum-audit.fr •  Retour en force du GIF, déjà bien remarqué sur les réseaux sociaux •  Objectif à Rester orienté vers l’expérience et l’utilisation client
  • 6. 4.1. Contenu - Texte •  Des interfaces ergonomiques et claires, pour mettre en valeur le contenu •  Pour la typographie: des polices modernes, hautes et épurées
  • 7. 4.2. Contenu - Illustration •  La conception graphique est un élément déterminant dans l’esthétisme du site. •  Utilisation de photos en HD: principalement en page d’accueil et sur les fiches produits. •  Objectif à simplifier et optimiser le confort du lecteur et son accès aux données.
  • 8. Conclusion Le webdesign doit être tourné vers l’utilisateur et il doit lui : •  Donner envie de rester sur le site, de revenir et de s’engager (call to action) •  Apporter du confort de lecture de l’internaute •  Faciliter l’accès aux informations •  Offrir une esthétique travaillée (webdesign, photos, agencement) à IMAGE FORTE Un design allégé permet un temps de chargement réduit, donc une navigation fluide et agréable.
  • 9. Sémillance Notre agence se tient à votre disposition pour tous vos projets de communication: -  Stratégie globale ou digitale -  Création ou refonte de site web -  Création et pilotage de vos outils de communication N’hésitez pas à nous contacter ou venir nous rencontrer autour d’un café http://www.semillance.com