SlideShare une entreprise Scribd logo
Partagez en direct vos réactions sur TWITTER avec #conext
Le design au service du
commerce digital
16h30 à 17h15
De quoi
va-t-on parler ?
DESIGN
EXEMPLES
TENDANCES
Les intervenants
Olivier COULON
DC Digital – Associé
Agence NiceToMeetYou
Alexandre JOUBERT
E-Business Consultant
Agence NiceToMeetYou
NiceToMeetYou
L’agence
NiceToMeetYou est une agence
digitale full-services dotée d’une
forte sensibilité utilisateur / client.
Nous concentrons les expertises
stratégiques, créatives et technologiques
au service des principaux challenges
digitaux des marques :
+ réinventer l’expérience de marque
+ développer une audience
+ booster la visibilité
+ maîtriser l’e-réputation
+ engager une clientèle
+ générer des leads ou des ventes
STRATÉGIE
CODE
CRÉATION RELATION
Chiffres-clés
6Ans d’existence
17Collaborateurs
3Agences à Lille, Paris & Saigon
1,3M€CA prévisionnel en 2015
134Clients depuis la création
De belles références
{ FOOD / BOISSON }
{ TEXTILE / MODE }
{ BEAUTE / COSMETIQUE }
{ SANTE}
{ DIVERS }
Des récompenses internationales
Nos réalisations ont plusieurs fois été nominées par les 2
sites internationaux les plus réputés en Design Interactif :
Awwwards.com et CSSDA.com.
Nous avons également obtenu 1 « Honorable Mention » (pour
Shiseido Beauty Tips) et 2 « Websites of The Day » (pour
NiceToMeetYou et pour 10 000 ans d’Economie)
= Creativity + Code
Qui es-tu design ?
Design
Les composantes du design digital
Le visuel
Les réponses apportées par
l’interface en termes de
mouvements, de sons, de
transitions, d’effets, donnent
du sens à la navigation et
participent à l’expérience de
marque.
Un design agréable
(visuel, sonore, animé)
crée une réponse
émotionnelle positive
dans le cerveau, ce qui
améliore nos capacités
cognitives et
mémorielles.
Un bon texte n’est pas du
remplissage : il est
fonctionnel, émotionnel,
optimisé. Il parle à
l’utilisateur, transmet des
messages forts, répond
aux enjeux de Google.
Le texte L’interaction
Le contenu est le cœur de
ce que l’on recherche sur un
site. Un contenu engageant
et impliquant augmentera le
temps de visite, les
interactions sociales et
l’envie de revenir.
Le contenu
L’approche « Design Thinking » Digital
Intégrer de façon conjointe les
problématiques touchant :
Aux personnes/clients (ce qui est souhaité)
A la technologie (ce qui est possible)
A l’économique (ce qui est rentable)
L’approche « Design Thinking »
ou
La courbe d’apprentissage
Le design d’expérience
e-commerce (et web)
Tendances
Le choc des
photos
Le poids des mots
“Writing is part of the design process.”
John Zeratsky – Google Ventures
Le Design au service du Commerce Digital
Les mots – bien choisis – ont
un pouvoir émotionnel.
Ecommerce
Magazines
Editorial
Le Design au service du Commerce Digital
Pensez en relief
3D
Flash HtmlVS
La fin des complexes
http://toprecherches.lequipe.fr/#!basketball/
Poussez le volume
Encore et toujours
Flat design
Flat = boring ?
Oh my God it’s Alive !
Design émotionnel
Le Design au service du Commerce Digital
Hello la salle !
(t’es mignonne toi, au premier rang)
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
Shake it, baby
Mouvement
http://www.yufuku.net/
Hypnotique
https://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity
Motion = meaning
Votre truc à vous
Le moment signature
Micro interactions
Passerelles
communautaires
Social IRL
Social / IRL
On a chassé pour vous…
Exemples
Ça y est, ils sont sur
votre site !
Expériences e-commerce
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
http://rawfortheoceans.g-star.com/
Branded motion
http://kotelett.info/
E-commerce en mouvement
Magazine ? Non.
Catégories e-Commerce.
https://www.virginamerica.com/book/
Signature booking
https://www.stumptowncoffee.com/products/hair-bender
Signature wording
Le Design au service du Commerce Digital
http://mailchimp.com/pricing/
Signature wording
http://moto.oakley.com/
Faire gagner du temps
http://www.monreallondon.com/en-gb/shopall/
Le Design au service du Commerce Digital
360° Drive to Shop
https://www.youtube.com/watch?v=O83Gx-uqVAk
https://www.threadless.com/
Codes sociaux et mobiles +
panier émotionnel
https://www.betabrand.com/
E-commerce en mouvement
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
https://casper.com/mattresses
Le Design au service du Commerce Digital
http://www.renault.fr/gamme-renault/vehicules-
particuliers/espace/espace/configurateur/#/configurator
Flash VS Html
http://www.littleworkshop.fr/renaultespace/
L’esthétique ou l’immersion ?
Les mots – bien choisis – ont
un pouvoir émotionnel.
http://my.deejo.fr/
http://www.protest.eu/fr/femmes/
Glissages digitales
https://www.neue-london.com/
360° Drive to Shop
Douceur et souplesse
http://pablotheflamingo.com/
Pablo the flamingoEmotionnel
Design éditorial
Approche alternative
Le Design au service du Commerce Digital
Vitrine Sociale
Gemo
Bornes connectées
Franchement… presque.
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
http://www.dior.com/couture/fr_fr/mode-homme/pret-a-porter/pantalons/prince-de-galles-laine-et-cachemire-1-20748
Attirer l’attention
Le sens du détail ?
Le Design au service du Commerce Digital
Le Design au service du Commerce Digital
Comment séduire ?
Après l’achat…
http://like.animade.tv/
Old but Good
Le Design au service du Commerce Digital
Gif Master
EN BREF
1. Le Design est une partie intégrante de votre communication
2. Pensez « expérience », plutôt que « site » ou « page »
3. Enrichissez votre wording, vos clients vous aimeront pour cela
4. Identifiez votre « moment signature » (ou imaginez-le)
5. Bougez les codes en gardant l’usage
Lille & Paris. Du digital et des croissants.
Prochain petit-déj : 26 Novembre
Inscrivez-vous à notre newsletter :
www.ntmy.fr
Evènements passés :
Mobile marketing, Digital Snacking
Merci :)
NiceToMeetYou / Agence Digitale - Full-Services
www.ntmy.fr & @ntmy_fr

Contenu connexe

PPT
10 règles d'or pour animer votre communauté via les médias sociaux - Conféren...
PDF
RP Digitalisées : la fin des frontières
PDF
RP 2.0 : réussir sa prise de contact avec un blogueur - Salon du SYNAP
PDF
Brand Content : comment émerger du chaos en digital ?
PDF
Les marques alimentaires face au digital
PDF
Quelles tendances digitales pour le Brand Content en 2016 ?
PDF
Le Brand Content digital dans tous ses états
PDF
Comment les technologies révolutionnent le contenu digital des marques
10 règles d'or pour animer votre communauté via les médias sociaux - Conféren...
RP Digitalisées : la fin des frontières
RP 2.0 : réussir sa prise de contact avec un blogueur - Salon du SYNAP
Brand Content : comment émerger du chaos en digital ?
Les marques alimentaires face au digital
Quelles tendances digitales pour le Brand Content en 2016 ?
Le Brand Content digital dans tous ses états
Comment les technologies révolutionnent le contenu digital des marques

Tendances (20)

PPTX
Comment évaluer le succès d'une stratégie Social Media ?
PDF
Comprendre l'Inbound & le Content Marketing
PPT
Brand Content Digital
PDF
Brand Content Strategy
PDF
12 Tendances en Marketing Digital pour 2013
PPTX
test - Cdo value team kick off
PDF
Stratégie d'engagement sur les réseaux sociaux : osez ! - la matinale le fil ...
PPTX
[Webinar Niji] Social commerce : comment sortir du lot dans un océan de conte...
PDF
Marketing digital international 25112015
PDF
10 tendances digitales pour 2016
PPTX
Tendances Web Marketing 2013
PPTX
Comment exploiter vos données sociales pour générer de l'engagement ?
PPTX
Le Brand Content : quand les marques prennent le pouvoir ?
PDF
Les Fondamentaux du Brand Content
PDF
L'expérience de marque transformée par la connaissance client - la matinale l...
PDF
Les 10 Tendances Webdesign pour 2014 by Vanksen
PDF
Les tendances du Marketing Digital 2014 - Ateliers webmarketing WSI - Saison 4
PPT
CADRAGE DU PROGRAMME DE PARIS 2.0. DES ETUDES CONSOMMATEUR POUR DE MEILLEURES...
PDF
NUMA - Stratégie de communication
PDF
BtoB : Digital for Business - Utiliser les forces du digital pour générer des...
Comment évaluer le succès d'une stratégie Social Media ?
Comprendre l'Inbound & le Content Marketing
Brand Content Digital
Brand Content Strategy
12 Tendances en Marketing Digital pour 2013
test - Cdo value team kick off
Stratégie d'engagement sur les réseaux sociaux : osez ! - la matinale le fil ...
[Webinar Niji] Social commerce : comment sortir du lot dans un océan de conte...
Marketing digital international 25112015
10 tendances digitales pour 2016
Tendances Web Marketing 2013
Comment exploiter vos données sociales pour générer de l'engagement ?
Le Brand Content : quand les marques prennent le pouvoir ?
Les Fondamentaux du Brand Content
L'expérience de marque transformée par la connaissance client - la matinale l...
Les 10 Tendances Webdesign pour 2014 by Vanksen
Les tendances du Marketing Digital 2014 - Ateliers webmarketing WSI - Saison 4
CADRAGE DU PROGRAMME DE PARIS 2.0. DES ETUDES CONSOMMATEUR POUR DE MEILLEURES...
NUMA - Stratégie de communication
BtoB : Digital for Business - Utiliser les forces du digital pour générer des...
Publicité

En vedette (14)

PDF
UX & UI Design : les tendances pour 2017
PDF
Comment réussir ses campagnes publicitaires sur les médias sociaux ?
PDF
Web Mobile : quelles opportunités face aux apps ?
DOCX
Article personal branding
PDF
Faut-il apprendre l'impression 3D à l'école ?
PDF
5 tendances en Marketing Digital pour 2015
PDF
UX Design - Soutenance 2016 Marie Glandus
PDF
Pourquoi créer son site web d’entreprise
PDF
Programme Formation Viadeo et Linkedin
PDF
Internet et médias sociaux : les grands chiffres et tendances 2017
PDF
Hype vs. Reality: The AI Explainer
PDF
What Makes Great Infographics
PDF
Masters of SlideShare
PDF
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
UX & UI Design : les tendances pour 2017
Comment réussir ses campagnes publicitaires sur les médias sociaux ?
Web Mobile : quelles opportunités face aux apps ?
Article personal branding
Faut-il apprendre l'impression 3D à l'école ?
5 tendances en Marketing Digital pour 2015
UX Design - Soutenance 2016 Marie Glandus
Pourquoi créer son site web d’entreprise
Programme Formation Viadeo et Linkedin
Internet et médias sociaux : les grands chiffres et tendances 2017
Hype vs. Reality: The AI Explainer
What Makes Great Infographics
Masters of SlideShare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
Publicité

Similaire à Le Design au service du Commerce Digital (20)

PDF
Atelier startup « marque et stratégie design »
PDF
Designers, prenez le pouvoir !
PPTX
PortraitDeCDO - Juliette Bron - Macif
PDF
Conférence NiceToMeetYou 04/07/13
PDF
We Are Dgtl.it | Une agence de communication différente
PDF
"La stratégie digitale dans un grand groupe" par la communauté YouMeO
PDF
clicPUB interactive
PPTX
Veille digitale
PDF
La-communication-digitale-only-by-b-ready-Vdef.pdf
PDF
Relevons le défi de la transformation digitale !
PDF
Hippocampe right management-atelier-strategie-digitale-09-03-2017
PDF
Hippocampe right management-atelier-strategie-digitale-09-03-2017
PDF
Catalogue Webedia Learning
PDF
Catalogue Webedia Learning
PDF
Présentation de Nididé
PPT
Le casse-tête de l'organisation digitale
PDF
Worldispixel
PDF
Worldispixel pcv2
PDF
PME : POURQUOI COMMUNIQUER, POUR QUEL R.O.I. ?
PDF
Conférence sur la transformation numérique - Août 2021
Atelier startup « marque et stratégie design »
Designers, prenez le pouvoir !
PortraitDeCDO - Juliette Bron - Macif
Conférence NiceToMeetYou 04/07/13
We Are Dgtl.it | Une agence de communication différente
"La stratégie digitale dans un grand groupe" par la communauté YouMeO
clicPUB interactive
Veille digitale
La-communication-digitale-only-by-b-ready-Vdef.pdf
Relevons le défi de la transformation digitale !
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Hippocampe right management-atelier-strategie-digitale-09-03-2017
Catalogue Webedia Learning
Catalogue Webedia Learning
Présentation de Nididé
Le casse-tête de l'organisation digitale
Worldispixel
Worldispixel pcv2
PME : POURQUOI COMMUNIQUER, POUR QUEL R.O.I. ?
Conférence sur la transformation numérique - Août 2021

Plus de NiceToMeetYou (10)

PDF
Comment la vidéo digitale bouscule le marketing #NiceTalk
PDF
Storytelling Digital : comment l'écriture se réinvente avec le numérique
PDF
Changements de Facebook et Google : quelles stratégies digitales pour y faire...
PPTX
Optimiser son Référencement par les Médias Sociaux
PPT
La Créativallée sur les Médias Sociaux, bilan 1 an après
PPT
Analyse du LiveTweet NutrEvent
PPT
Les Entreprises de Sante face aux Medias Sociaux
PPT
Planifier une Stratégie Médias Sociaux
PPT
Business Models 2.0
PPT
Marque Territoriale & Web 2.0 - Conférence Créativallée - Salon VAD 2010
Comment la vidéo digitale bouscule le marketing #NiceTalk
Storytelling Digital : comment l'écriture se réinvente avec le numérique
Changements de Facebook et Google : quelles stratégies digitales pour y faire...
Optimiser son Référencement par les Médias Sociaux
La Créativallée sur les Médias Sociaux, bilan 1 an après
Analyse du LiveTweet NutrEvent
Les Entreprises de Sante face aux Medias Sociaux
Planifier une Stratégie Médias Sociaux
Business Models 2.0
Marque Territoriale & Web 2.0 - Conférence Créativallée - Salon VAD 2010

Le Design au service du Commerce Digital