132

A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Embed Size (px)

Citation preview

Page 1: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 2: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Nicolas Queffélec@_queffelec

Page 3: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 4: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 5: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

‹‹

Page 6: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 7: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 8: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Design interactif1996-1999

Page 9: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 10: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Arts décoratifs de strasbourg1999-2002

Design graphique

Page 11: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 12: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Atelier graphique Malte Martin2002-2004

Design culturel

Page 13: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 14: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 15: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 16: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 17: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 18: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 19: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

DevProd

Page 20: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 21: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Le Monde contre LeMonde.fret vice versa

Page 22: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

?!

Page 23: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

ObjectifsPour les actionnaires

Page 24: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

État des lieux2009-2011

Page 25: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 26: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 27: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Identités

Page 28: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 29: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 30: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 31: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 32: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 33: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

ÉDITION ABONNÉS

Page 34: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 35: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 36: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 37: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 38: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 39: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 40: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 41: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Les « partenariats »

Page 42: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 43: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 44: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 45: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 46: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Applications mobilesEn continu, Journal électronique, Le Monde Sport

Page 47: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 48: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 49: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 50: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Rituels

Page 51: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 52: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Le studio graphique

Page 53: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 54: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Charte de l’existant

Page 55: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Refonte2012

Page 56: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Objectifs

Page 57: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

ObjectifsPour les actionnaires

Page 58: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 59: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 60: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Refonte - Le concoursjanvier 2012

Page 61: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 62: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 63: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 64: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 65: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 66: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 67: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 68: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 69: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 70: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 71: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 72: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 73: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 74: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Le système graphique

Page 75: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 76: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 77: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 78: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 79: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Typographie du quotidienThe Antiqua

Page 80: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 81: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 82: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Mise en avant des rubriques

Page 83: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 84: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 85: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 86: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 87: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 88: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 89: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 90: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 91: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Le siteécrans

Page 92: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Le siteécrans

Page 93: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Le siteécrans

Page 94: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Applications mobilesécrans

Page 95: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Timing du projet

Page 96: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Objet « fétiche »Théière Menu

Page 97: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Workflow

Page 98: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Feedback

Page 99: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Félicitations pour ce travail de refonte d'ampleur. Franchement, on ne s'attendait pas à ça.

LeMonde.fr est devenu le site internet français d'informations le plus agréable à lire. Bravo

GUEST – 2012-03-19 – 08:24:25

Page 100: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Très belle présentation. Navigation souple et plaisante. Affichage rapide

GUEST – 2012-03-19 – 08:41:54

Page 101: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

C'est quoi cette bouillie infâme imposée en une nuit sans prévenir ? un moyen de désinformation pour couper la parole aux abonnés ? Ersatz Américain

après Le Post ? Une vache n'y retrouverait pas son veau !!!!,

GUEST – 2012-03-19 – 08:39:34 

Page 102: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Completement raté…

GUEST – 2012-03-17 08:33:34 

Page 103: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Refonte de l’offre abonnés2013

Page 104: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Objectifs

Page 105: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Une

Page 106: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 107: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 108: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Carte

Page 109: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 110: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 111: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Journal tactile

Page 112: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 113: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Archives

Page 114: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 115: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Inspiration : The Guardian@GuardianDesign

Page 116: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 117: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 118: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 119: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 120: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 121: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 122: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Inspiration : Chris Ware

Page 123: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 124: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 125: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 126: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 127: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Inspiration : Manuals 1 & 2

Page 128: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Manual

Page 129: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Inspiration : Vie & mort de l’imageRégis Debray

Page 130: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde
Page 131: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde

Ailleurs

Page 132: A_F_K #3 - #designmedia - Nicolas Queffélec - Organiser Le Monde