SlideShare una empresa de Scribd logo
1 de 47
Descargar para leer sin conexión
design ?
#WTF!?
« Cette forme d’une pureté impeccable,
ce chef-d’œuvre insurpassable de
design, la coquille de l’œuf »
Michel Tournier
OBJECTIF :
Protéger ce qui est
à l’intérieur
Aspect visuel épuré Résistance à la pression
(forme ovoïde)
Solidité de la coquille
Isolation thermique
Roule en cercle
le fond la forme
Le design ce n’est pas que le thème graphique
d’un site WordPress
C’est à moi que
vous parlez ?
un peu d’émotion(s) !
1.	L’équipe créa conçoit les
maquettes du site
2.	Les maquettes sont envoyées
au client pour qu’il les valide
3.	Les maquettes validées sont envoyées
au « dév » pour qu’il fasse... le reste
the old way
maquettes fonctionnelles
création graphique
web design
ergonomie
responsive
web design
intégration, accessibilité,
performances
cadrer le projet
this is just the beginning
merci !
thomas villain
http://anybodesign.com/
@anybodesign

Más contenido relacionado

Destacado

Pourquoi coder son propre thème WordPress
Pourquoi coder son propre thème WordPressPourquoi coder son propre thème WordPress
Pourquoi coder son propre thème WordPressThomas Villain
 
À quel prix vendre un site WordPress ?
À quel prix vendre un site WordPress ?À quel prix vendre un site WordPress ?
À quel prix vendre un site WordPress ?Nicolas Richer
 
HTTP/2, quels impacts pour mon site WordPress ?
HTTP/2, quels impacts pour mon site WordPress ?HTTP/2, quels impacts pour mon site WordPress ?
HTTP/2, quels impacts pour mon site WordPress ?Laurent Vergnaud
 
4 sites communautaires faits avec BuddyPress, WordCamp Paris 2016
4 sites communautaires faits avec BuddyPress, WordCamp Paris 20164 sites communautaires faits avec BuddyPress, WordCamp Paris 2016
4 sites communautaires faits avec BuddyPress, WordCamp Paris 2016Sylvie Clément
 
Wordcamp paris 2016 - La REST API, une review technique
Wordcamp paris 2016 - La REST API, une review techniqueWordcamp paris 2016 - La REST API, une review technique
Wordcamp paris 2016 - La REST API, une review techniqueNicolas Juen
 
Architecture de l'information pour WordPress
Architecture de l'information pour WordPressArchitecture de l'information pour WordPress
Architecture de l'information pour WordPressBenjamin LUPU
 
How to make your WordPress website multilingual - WordCamp Paris 2016
How to make your WordPress website multilingual - WordCamp Paris 2016How to make your WordPress website multilingual - WordCamp Paris 2016
How to make your WordPress website multilingual - WordCamp Paris 2016Matt Pilarski
 
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016Daniel Roch - SeoMix
 
Accelerating Sales - Marketing Lessons for Commercial WordPress Plugins
Accelerating Sales - Marketing Lessons for Commercial WordPress PluginsAccelerating Sales - Marketing Lessons for Commercial WordPress Plugins
Accelerating Sales - Marketing Lessons for Commercial WordPress PluginsChris Lema
 
Les points importants pour un seo pertinent avec WordPress
Les points importants pour un seo pertinent avec WordPressLes points importants pour un seo pertinent avec WordPress
Les points importants pour un seo pertinent avec WordPressNicolas Mercatili
 
Mise à jour sur la sécurité WordPress – WordCamp Bordeaux 2017
Mise à jour sur la sécurité WordPress – WordCamp Bordeaux 2017Mise à jour sur la sécurité WordPress – WordCamp Bordeaux 2017
Mise à jour sur la sécurité WordPress – WordCamp Bordeaux 2017Boiteaweb
 
Building an Autonomous Website
Building an Autonomous WebsiteBuilding an Autonomous Website
Building an Autonomous Websitevegasgeek
 
WordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosWordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosValério Souza
 
Dicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp SalvadorDicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp SalvadorFellyph Cintra
 
Home viva do design da interface até a programação do sistema
Home viva  do design da interface até a programação do sistemaHome viva  do design da interface até a programação do sistema
Home viva do design da interface até a programação do sistemaLeo Baiano
 
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...Bruno Rodrigo S. Souza
 
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.Nícholas André
 
Building Accessible Websites in WordPress - Birmingham WordCamp 2014
Building Accessible Websites in WordPress - Birmingham WordCamp 2014Building Accessible Websites in WordPress - Birmingham WordCamp 2014
Building Accessible Websites in WordPress - Birmingham WordCamp 2014Nancy Thanki
 
Como criar conteúdo de qualidade contínuamente sem burn-out
Como criar conteúdo de qualidade contínuamente sem burn-outComo criar conteúdo de qualidade contínuamente sem burn-out
Como criar conteúdo de qualidade contínuamente sem burn-outAnna Korkman Lopes
 
Pesquisas com usuários, o que desenvolvedores também precisam saber!
Pesquisas com usuários, o que desenvolvedores também precisam saber! Pesquisas com usuários, o que desenvolvedores também precisam saber!
Pesquisas com usuários, o que desenvolvedores também precisam saber! Daniel Coscarelli
 

Destacado (20)

Pourquoi coder son propre thème WordPress
Pourquoi coder son propre thème WordPressPourquoi coder son propre thème WordPress
Pourquoi coder son propre thème WordPress
 
À quel prix vendre un site WordPress ?
À quel prix vendre un site WordPress ?À quel prix vendre un site WordPress ?
À quel prix vendre un site WordPress ?
 
HTTP/2, quels impacts pour mon site WordPress ?
HTTP/2, quels impacts pour mon site WordPress ?HTTP/2, quels impacts pour mon site WordPress ?
HTTP/2, quels impacts pour mon site WordPress ?
 
4 sites communautaires faits avec BuddyPress, WordCamp Paris 2016
4 sites communautaires faits avec BuddyPress, WordCamp Paris 20164 sites communautaires faits avec BuddyPress, WordCamp Paris 2016
4 sites communautaires faits avec BuddyPress, WordCamp Paris 2016
 
Wordcamp paris 2016 - La REST API, une review technique
Wordcamp paris 2016 - La REST API, une review techniqueWordcamp paris 2016 - La REST API, une review technique
Wordcamp paris 2016 - La REST API, une review technique
 
Architecture de l'information pour WordPress
Architecture de l'information pour WordPressArchitecture de l'information pour WordPress
Architecture de l'information pour WordPress
 
How to make your WordPress website multilingual - WordCamp Paris 2016
How to make your WordPress website multilingual - WordCamp Paris 2016How to make your WordPress website multilingual - WordCamp Paris 2016
How to make your WordPress website multilingual - WordCamp Paris 2016
 
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016
Les clés pour réussir son site WordPress - SeoMix au WordCamp Paris 2016
 
Accelerating Sales - Marketing Lessons for Commercial WordPress Plugins
Accelerating Sales - Marketing Lessons for Commercial WordPress PluginsAccelerating Sales - Marketing Lessons for Commercial WordPress Plugins
Accelerating Sales - Marketing Lessons for Commercial WordPress Plugins
 
Les points importants pour un seo pertinent avec WordPress
Les points importants pour un seo pertinent avec WordPressLes points importants pour un seo pertinent avec WordPress
Les points importants pour un seo pertinent avec WordPress
 
Mise à jour sur la sécurité WordPress – WordCamp Bordeaux 2017
Mise à jour sur la sécurité WordPress – WordCamp Bordeaux 2017Mise à jour sur la sécurité WordPress – WordCamp Bordeaux 2017
Mise à jour sur la sécurité WordPress – WordCamp Bordeaux 2017
 
Building an Autonomous Website
Building an Autonomous WebsiteBuilding an Autonomous Website
Building an Autonomous Website
 
WordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e BlogueirosWordPress para Redatores, Jornalistas, Publicitários e Blogueiros
WordPress para Redatores, Jornalistas, Publicitários e Blogueiros
 
Dicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp SalvadorDicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp Salvador
 
Home viva do design da interface até a programação do sistema
Home viva  do design da interface até a programação do sistemaHome viva  do design da interface até a programação do sistema
Home viva do design da interface até a programação do sistema
 
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...
Palestra WordCamp RJ 2016 Configure um servidor Nginx de alta performance par...
 
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
WordPress Multisite: Desenvolvendo Portais com Sites Interligados.
 
Building Accessible Websites in WordPress - Birmingham WordCamp 2014
Building Accessible Websites in WordPress - Birmingham WordCamp 2014Building Accessible Websites in WordPress - Birmingham WordCamp 2014
Building Accessible Websites in WordPress - Birmingham WordCamp 2014
 
Como criar conteúdo de qualidade contínuamente sem burn-out
Como criar conteúdo de qualidade contínuamente sem burn-outComo criar conteúdo de qualidade contínuamente sem burn-out
Como criar conteúdo de qualidade contínuamente sem burn-out
 
Pesquisas com usuários, o que desenvolvedores também precisam saber!
Pesquisas com usuários, o que desenvolvedores também precisam saber! Pesquisas com usuários, o que desenvolvedores também precisam saber!
Pesquisas com usuários, o que desenvolvedores também precisam saber!
 

Similar a Un design réussi

Le skeuomorphisme et l'approche authentiquement numérique de Microsoft
Le skeuomorphisme et l'approche authentiquement numérique de MicrosoftLe skeuomorphisme et l'approche authentiquement numérique de Microsoft
Le skeuomorphisme et l'approche authentiquement numérique de MicrosoftMicrosoft Décideurs IT
 
Bien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesBien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesMicrosoft Technet France
 
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...Flupa
 
Human Talk - Faire du design par composant avec l'Atomic Design
Human Talk - Faire du design par composant avec l'Atomic DesignHuman Talk - Faire du design par composant avec l'Atomic Design
Human Talk - Faire du design par composant avec l'Atomic DesignLoïc Vanderschooten
 
15.12.15 book domergue florian
15.12.15 book domergue florian15.12.15 book domergue florian
15.12.15 book domergue florianDomergue Florian
 
Conference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mereConference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mereBenjamin Richy
 
Conférence Picth l'UX à ta grand-mère
Conférence Picth l'UX à ta grand-mèreConférence Picth l'UX à ta grand-mère
Conférence Picth l'UX à ta grand-mèreBenjamin Richy
 
20191210 klap flupa_atelier dt_compressed
20191210 klap flupa_atelier dt_compressed20191210 klap flupa_atelier dt_compressed
20191210 klap flupa_atelier dt_compressedKlap
 
L'effet Cupcake
L'effet CupcakeL'effet Cupcake
L'effet CupcakeTP1
 
It smf 2011-innovationgames-v1.3a
It smf 2011-innovationgames-v1.3aIt smf 2011-innovationgames-v1.3a
It smf 2011-innovationgames-v1.3aLaurent Sarrazin
 
Stratégies de réseautage 2.0
Stratégies de réseautage 2.0Stratégies de réseautage 2.0
Stratégies de réseautage 2.0Adrien O'Leary
 
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignCatherine Verfaillie
 
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolutionJeremy Barre
 
Ux Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -GenevaUx Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -GenevaRémi Brocherez
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI DesignMicrosoft
 
Designers, prenez le pouvoir !
Designers, prenez le pouvoir !Designers, prenez le pouvoir !
Designers, prenez le pouvoir !David Koss
 
Babylon.JS, le moteur 3D WebGL open source simple & performant
Babylon.JS, le moteur 3D WebGL open source simple & performant Babylon.JS, le moteur 3D WebGL open source simple & performant
Babylon.JS, le moteur 3D WebGL open source simple & performant Microsoft
 
UX & Product Management en contexte agile Monozygotes ou dizygotes ? [Nadège...
UX & Product Management en contexte agile Monozygotes ou dizygotes ?  [Nadège...UX & Product Management en contexte agile Monozygotes ou dizygotes ?  [Nadège...
UX & Product Management en contexte agile Monozygotes ou dizygotes ? [Nadège...Nadège Bide
 

Similar a Un design réussi (20)

Le skeuomorphisme et l'approche authentiquement numérique de Microsoft
Le skeuomorphisme et l'approche authentiquement numérique de MicrosoftLe skeuomorphisme et l'approche authentiquement numérique de Microsoft
Le skeuomorphisme et l'approche authentiquement numérique de Microsoft
 
Bien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelinesBien passer le Store : Le respect des guidelines
Bien passer le Store : Le respect des guidelines
 
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
FLUPA UX-Day 2014 - Leslie Matté et Risvan Asif : "Pourquoi l’UX Design va s’...
 
Human Talk - Faire du design par composant avec l'Atomic Design
Human Talk - Faire du design par composant avec l'Atomic DesignHuman Talk - Faire du design par composant avec l'Atomic Design
Human Talk - Faire du design par composant avec l'Atomic Design
 
15.12.15 book domergue florian
15.12.15 book domergue florian15.12.15 book domergue florian
15.12.15 book domergue florian
 
Offre UI Designer Legallais
Offre UI Designer LegallaisOffre UI Designer Legallais
Offre UI Designer Legallais
 
Conference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mereConference pitch l'ux design a ta grand-mere
Conference pitch l'ux design a ta grand-mere
 
Conférence Picth l'UX à ta grand-mère
Conférence Picth l'UX à ta grand-mèreConférence Picth l'UX à ta grand-mère
Conférence Picth l'UX à ta grand-mère
 
20191210 klap flupa_atelier dt_compressed
20191210 klap flupa_atelier dt_compressed20191210 klap flupa_atelier dt_compressed
20191210 klap flupa_atelier dt_compressed
 
L'effet Cupcake
L'effet CupcakeL'effet Cupcake
L'effet Cupcake
 
It smf 2011-innovationgames-v1.3a
It smf 2011-innovationgames-v1.3aIt smf 2011-innovationgames-v1.3a
It smf 2011-innovationgames-v1.3a
 
Stratégies de réseautage 2.0
Stratégies de réseautage 2.0Stratégies de réseautage 2.0
Stratégies de réseautage 2.0
 
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair DesignConférence Paris Web 2015 - Vers une bonne pratique du Pair Design
Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design
 
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
🇫🇷 Product Managers & Product Designers : perspective sur ces rôles en évolution
 
Ux Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -GenevaUx Virtua - ecom 2016 -Geneva
Ux Virtua - ecom 2016 -Geneva
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI Design
 
Designers, prenez le pouvoir !
Designers, prenez le pouvoir !Designers, prenez le pouvoir !
Designers, prenez le pouvoir !
 
Résumé (FR)
Résumé (FR)Résumé (FR)
Résumé (FR)
 
Babylon.JS, le moteur 3D WebGL open source simple & performant
Babylon.JS, le moteur 3D WebGL open source simple & performant Babylon.JS, le moteur 3D WebGL open source simple & performant
Babylon.JS, le moteur 3D WebGL open source simple & performant
 
UX & Product Management en contexte agile Monozygotes ou dizygotes ? [Nadège...
UX & Product Management en contexte agile Monozygotes ou dizygotes ?  [Nadège...UX & Product Management en contexte agile Monozygotes ou dizygotes ?  [Nadège...
UX & Product Management en contexte agile Monozygotes ou dizygotes ? [Nadège...
 

Un design réussi