SlideShare une entreprise Scribd logo
1  sur  99
L’évolution du look & feel du web depuis le 0.0 au 2.0  17 avril 2007 – B.Rigaut – Printemps.com
Plan ,[object Object],[object Object],[object Object],[object Object]
Yahoo, Le Monde, Printemps nous avons tous connus les mêmes questions et trouvés les mêmes réponses ,[object Object],[object Object],[object Object],[object Object],[object Object],2006 1996
Yahoo
 
 
 
 
 
Le Monde
 
 
 
 
 
 
Printemps.com
 
 
 
Plan ,[object Object],[object Object],[object Object],[object Object]
Juste une appellation fourre-tout ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Plan ,[object Object],[object Object],[object Object],[object Object]
Les points clefs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Navigation
 
 
 
 
 
 
Contraste
 
Lecture en diagonale
 
 
 
 
 
La tagline ou « elevator pitch » ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Parler visuellement
 
 
 
 
 
VOIR LE SITE EN LIVE
« Call to action »
 
 
 
 
Être différent… parmi la masse
 
 
 
 
 
 
 
 
 
Quelques comparaisons ,[object Object],[object Object],[object Object]
 
 
 
VOIR LE SITE EN LIVE
 
 
Plan ,[object Object],[object Object],[object Object],[object Object]
Premiers exercices : la typographie
 
 
 
 
 
Quelques sites avant/après redesign
 
Ce qui cloche ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Les onglets Les polaroids Un vrai look Des appels à naviguer Un vrai titre
 
 
Ce qui cloche ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Un look un peu plus léger Ca se lit facilement de haut en bas On ne perturbe pas la lecture grâce à des couleurs légères On met en avant l’important
 
Ce qui cloche ,[object Object],[object Object],[object Object]
Un logo avec des couleurs mieux Une mise en avant de l’intérêt On parle du produit à part de la société Le texte important en gras Incarner le soft par une boite
 
Ce qui cloche ,[object Object],[object Object],[object Object]
Logo plus simple Un titre clair Une nav simple 3 colonnes bien espacées Couleurs à juste escient
 
Ce qui cloche ,[object Object],[object Object],[object Object]
Mettre moins en avant les fonctions de login Mise en page à deux colonnes classique Des titres clairs Les contenus différents sur le côté
 
Ce qui cloche ,[object Object],[object Object]
Simplifier la nav Un peu d’image pour la charge émotionnelle Donner envie d’essayer et montrer la simplicité Un texte épuré
 
Ce qui cloche ,[object Object]
Un site crédible Des fonctions utiles Une mise en forme des photos Des textes clairs

Contenu connexe

En vedette

Offre de service des Missions Locales
Offre de service des Missions LocalesOffre de service des Missions Locales
Offre de service des Missions LocalesAnne Becquet
 
Burlington-Bike-Project-Final-Report
Burlington-Bike-Project-Final-ReportBurlington-Bike-Project-Final-Report
Burlington-Bike-Project-Final-ReportEmily Gutenstein
 
Groups On Facebook
Groups On FacebookGroups On Facebook
Groups On FacebookLeila Janah
 
Facebook Developer Garage Uganda
Facebook Developer Garage UgandaFacebook Developer Garage Uganda
Facebook Developer Garage UgandaLeila Janah
 
Guiding Principles For Socially Responsible Outsourcing v1.0
Guiding Principles For Socially Responsible Outsourcing v1.0Guiding Principles For Socially Responsible Outsourcing v1.0
Guiding Principles For Socially Responsible Outsourcing v1.0Leila Janah
 
Samasource Q4 2012 Impact Report
Samasource Q4 2012 Impact ReportSamasource Q4 2012 Impact Report
Samasource Q4 2012 Impact ReportLeila Janah
 
His and hers: occupational hazards, health, justice and prevention actors
His and hers: occupational hazards, health, justice and prevention actorsHis and hers: occupational hazards, health, justice and prevention actors
His and hers: occupational hazards, health, justice and prevention actorsEuropean Trade Union Institute
 
متطلبات تطبيق الجودة Quality application requirements
متطلبات تطبيق الجودة  Quality application requirementsمتطلبات تطبيق الجودة  Quality application requirements
متطلبات تطبيق الجودة Quality application requirementsHayat abdulhamid
 
Les professionnels de l'information face aux défis du Web de données
Les professionnels de l'information face aux défis du Web de donnéesLes professionnels de l'information face aux défis du Web de données
Les professionnels de l'information face aux défis du Web de donnéesGautier Poupeau
 
Le web 2.0 pour les bibliothèques
Le web 2.0 pour les bibliothèquesLe web 2.0 pour les bibliothèques
Le web 2.0 pour les bibliothèquesURFIST de Rennes
 
Samasource 2011 Annual Report
Samasource 2011 Annual ReportSamasource 2011 Annual Report
Samasource 2011 Annual ReportLeila Janah
 
Web1, web2 and web 3
Web1, web2 and web 3Web1, web2 and web 3
Web1, web2 and web 3mercedeh37
 
Making the Case for Impact Sourcing - Samasource
Making the Case for Impact Sourcing - SamasourceMaking the Case for Impact Sourcing - Samasource
Making the Case for Impact Sourcing - SamasourceLeila Janah
 
Altaide Conférence "Impact du digital sur les entreprises" 0116
Altaide Conférence "Impact du digital sur les entreprises"  0116Altaide Conférence "Impact du digital sur les entreprises"  0116
Altaide Conférence "Impact du digital sur les entreprises" 0116ALTAIDE
 
Observatoire des solutions de recrutement innovant
Observatoire des solutions de recrutement innovantObservatoire des solutions de recrutement innovant
Observatoire des solutions de recrutement innovantJean-Baptiste Audrerie
 

En vedette (20)

Offre de service des Missions Locales
Offre de service des Missions LocalesOffre de service des Missions Locales
Offre de service des Missions Locales
 
Burlington-Bike-Project-Final-Report
Burlington-Bike-Project-Final-ReportBurlington-Bike-Project-Final-Report
Burlington-Bike-Project-Final-Report
 
Groups On Facebook
Groups On FacebookGroups On Facebook
Groups On Facebook
 
resumeinte
resumeinteresumeinte
resumeinte
 
Facebook Developer Garage Uganda
Facebook Developer Garage UgandaFacebook Developer Garage Uganda
Facebook Developer Garage Uganda
 
Guiding Principles For Socially Responsible Outsourcing v1.0
Guiding Principles For Socially Responsible Outsourcing v1.0Guiding Principles For Socially Responsible Outsourcing v1.0
Guiding Principles For Socially Responsible Outsourcing v1.0
 
La digitalisation de l'Economie
La digitalisation de l'EconomieLa digitalisation de l'Economie
La digitalisation de l'Economie
 
Samasource Q4 2012 Impact Report
Samasource Q4 2012 Impact ReportSamasource Q4 2012 Impact Report
Samasource Q4 2012 Impact Report
 
His and hers: occupational hazards, health, justice and prevention actors
His and hers: occupational hazards, health, justice and prevention actorsHis and hers: occupational hazards, health, justice and prevention actors
His and hers: occupational hazards, health, justice and prevention actors
 
متطلبات تطبيق الجودة Quality application requirements
متطلبات تطبيق الجودة  Quality application requirementsمتطلبات تطبيق الجودة  Quality application requirements
متطلبات تطبيق الجودة Quality application requirements
 
Les professionnels de l'information face aux défis du Web de données
Les professionnels de l'information face aux défis du Web de donnéesLes professionnels de l'information face aux défis du Web de données
Les professionnels de l'information face aux défis du Web de données
 
Introduction to quality management
Introduction to quality managementIntroduction to quality management
Introduction to quality management
 
شهاب بن أحمد
شهاب بن أحمدشهاب بن أحمد
شهاب بن أحمد
 
Samasource
SamasourceSamasource
Samasource
 
Le web 2.0 pour les bibliothèques
Le web 2.0 pour les bibliothèquesLe web 2.0 pour les bibliothèques
Le web 2.0 pour les bibliothèques
 
Samasource 2011 Annual Report
Samasource 2011 Annual ReportSamasource 2011 Annual Report
Samasource 2011 Annual Report
 
Web1, web2 and web 3
Web1, web2 and web 3Web1, web2 and web 3
Web1, web2 and web 3
 
Making the Case for Impact Sourcing - Samasource
Making the Case for Impact Sourcing - SamasourceMaking the Case for Impact Sourcing - Samasource
Making the Case for Impact Sourcing - Samasource
 
Altaide Conférence "Impact du digital sur les entreprises" 0116
Altaide Conférence "Impact du digital sur les entreprises"  0116Altaide Conférence "Impact du digital sur les entreprises"  0116
Altaide Conférence "Impact du digital sur les entreprises" 0116
 
Observatoire des solutions de recrutement innovant
Observatoire des solutions de recrutement innovantObservatoire des solutions de recrutement innovant
Observatoire des solutions de recrutement innovant
 

Similaire à Evolution du look & feel du web 0.0 au 2.0 - Printemps.com

éValuation site web en 20 points tactic direct
éValuation site web en 20 points tactic directéValuation site web en 20 points tactic direct
éValuation site web en 20 points tactic directtacticdirect
 
Réussir la création-refonte de son site
Réussir la création-refonte de son siteRéussir la création-refonte de son site
Réussir la création-refonte de son siteSteph Tripot
 
Charte graphique multimédia - Web
Charte graphique multimédia - WebCharte graphique multimédia - Web
Charte graphique multimédia - WebRoyer Sophie
 
Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirConcept Image
 
Espace formation CPME matinée stratégie e commerce - bonnes pratiques et étu...
Espace formation CPME matinée stratégie e commerce  - bonnes pratiques et étu...Espace formation CPME matinée stratégie e commerce  - bonnes pratiques et étu...
Espace formation CPME matinée stratégie e commerce - bonnes pratiques et étu...Julien Dereumaux
 
Réussir sa newsletter professionnelle ! - Agence Invox Content Marketing
Réussir sa newsletter professionnelle ! - Agence Invox Content MarketingRéussir sa newsletter professionnelle ! - Agence Invox Content Marketing
Réussir sa newsletter professionnelle ! - Agence Invox Content MarketingGuilhem Bertholet
 
Ecommerce Paris 2013 - " Univers de marque Vs. Standardisation du web " - Jér...
Ecommerce Paris 2013 - " Univers de marque Vs. Standardisation du web " - Jér...Ecommerce Paris 2013 - " Univers de marque Vs. Standardisation du web " - Jér...
Ecommerce Paris 2013 - " Univers de marque Vs. Standardisation du web " - Jér...altima°
 
PickAsso - Exemple d'Audit Digital anonyme
PickAsso -  Exemple d'Audit Digital anonymePickAsso -  Exemple d'Audit Digital anonyme
PickAsso - Exemple d'Audit Digital anonymePickAsso
 
De la landing page à l'onboarding - Rahmane Kalfane & Alexis Porhiel, Co-Foun...
De la landing page à l'onboarding - Rahmane Kalfane & Alexis Porhiel, Co-Foun...De la landing page à l'onboarding - Rahmane Kalfane & Alexis Porhiel, Co-Foun...
De la landing page à l'onboarding - Rahmane Kalfane & Alexis Porhiel, Co-Foun...TheFamily
 
Impact du design d'un site Web sur les émotions
Impact du design d'un site Web sur les émotionsImpact du design d'un site Web sur les émotions
Impact du design d'un site Web sur les émotionsBenoît Quimper
 
telmedia* : tendances digitales 2014, l'engagement émotionnel
telmedia* : tendances digitales 2014, l'engagement émotionneltelmedia* : tendances digitales 2014, l'engagement émotionnel
telmedia* : tendances digitales 2014, l'engagement émotionneltelmedia
 
6 1-ergonomie du web
6 1-ergonomie du web6 1-ergonomie du web
6 1-ergonomie du webRYMAA
 
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...SOAT
 
Slideshare lb sport_audit_accès aux produits
Slideshare lb sport_audit_accès aux produitsSlideshare lb sport_audit_accès aux produits
Slideshare lb sport_audit_accès aux produitsALTICS
 
Formation bien démarrer sur internet
Formation bien démarrer sur internetFormation bien démarrer sur internet
Formation bien démarrer sur internetSylvie de Meeûs
 
10 conseils pour optimiser sa transfo
10 conseils pour optimiser sa transfo10 conseils pour optimiser sa transfo
10 conseils pour optimiser sa transfoOlivier Sauvage
 

Similaire à Evolution du look & feel du web 0.0 au 2.0 - Printemps.com (20)

éValuation site web en 20 points tactic direct
éValuation site web en 20 points tactic directéValuation site web en 20 points tactic direct
éValuation site web en 20 points tactic direct
 
Réussir la création-refonte de son site
Réussir la création-refonte de son siteRéussir la création-refonte de son site
Réussir la création-refonte de son site
 
Formation référencement
Formation référencementFormation référencement
Formation référencement
 
Charte graphique multimédia - Web
Charte graphique multimédia - WebCharte graphique multimédia - Web
Charte graphique multimédia - Web
 
Conf croix
Conf croixConf croix
Conf croix
 
Les tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenirLes tendances du webdesign 2019 à retenir
Les tendances du webdesign 2019 à retenir
 
Siteweb Mini
Siteweb MiniSiteweb Mini
Siteweb Mini
 
Espace formation CPME matinée stratégie e commerce - bonnes pratiques et étu...
Espace formation CPME matinée stratégie e commerce  - bonnes pratiques et étu...Espace formation CPME matinée stratégie e commerce  - bonnes pratiques et étu...
Espace formation CPME matinée stratégie e commerce - bonnes pratiques et étu...
 
Réussir sa newsletter professionnelle ! - Agence Invox Content Marketing
Réussir sa newsletter professionnelle ! - Agence Invox Content MarketingRéussir sa newsletter professionnelle ! - Agence Invox Content Marketing
Réussir sa newsletter professionnelle ! - Agence Invox Content Marketing
 
Refont ea
Refont eaRefont ea
Refont ea
 
Ecommerce Paris 2013 - " Univers de marque Vs. Standardisation du web " - Jér...
Ecommerce Paris 2013 - " Univers de marque Vs. Standardisation du web " - Jér...Ecommerce Paris 2013 - " Univers de marque Vs. Standardisation du web " - Jér...
Ecommerce Paris 2013 - " Univers de marque Vs. Standardisation du web " - Jér...
 
PickAsso - Exemple d'Audit Digital anonyme
PickAsso -  Exemple d'Audit Digital anonymePickAsso -  Exemple d'Audit Digital anonyme
PickAsso - Exemple d'Audit Digital anonyme
 
De la landing page à l'onboarding - Rahmane Kalfane & Alexis Porhiel, Co-Foun...
De la landing page à l'onboarding - Rahmane Kalfane & Alexis Porhiel, Co-Foun...De la landing page à l'onboarding - Rahmane Kalfane & Alexis Porhiel, Co-Foun...
De la landing page à l'onboarding - Rahmane Kalfane & Alexis Porhiel, Co-Foun...
 
Impact du design d'un site Web sur les émotions
Impact du design d'un site Web sur les émotionsImpact du design d'un site Web sur les émotions
Impact du design d'un site Web sur les émotions
 
telmedia* : tendances digitales 2014, l'engagement émotionnel
telmedia* : tendances digitales 2014, l'engagement émotionneltelmedia* : tendances digitales 2014, l'engagement émotionnel
telmedia* : tendances digitales 2014, l'engagement émotionnel
 
6 1-ergonomie du web
6 1-ergonomie du web6 1-ergonomie du web
6 1-ergonomie du web
 
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...
 
Slideshare lb sport_audit_accès aux produits
Slideshare lb sport_audit_accès aux produitsSlideshare lb sport_audit_accès aux produits
Slideshare lb sport_audit_accès aux produits
 
Formation bien démarrer sur internet
Formation bien démarrer sur internetFormation bien démarrer sur internet
Formation bien démarrer sur internet
 
10 conseils pour optimiser sa transfo
10 conseils pour optimiser sa transfo10 conseils pour optimiser sa transfo
10 conseils pour optimiser sa transfo
 

Evolution du look & feel du web 0.0 au 2.0 - Printemps.com