Embed Size (px)
Citation preview
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
Les mots – bien choisis – ont un pouvoir émotionnel.
EcommerceMagazines
Editorial
Pensez en relief
3D
Flash HtmlVS
La fin des complexes
Encore et toujours
Flat design
Flat = boring ?
Oh my God it’s Alive !
Design émotionnel
Hello la salle !(t’es mignonne toi, au premier rang)
Shake it, baby
Mouvement
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
Magazine ? Non.Catégories e-Commerce.
https://www.stumptowncoffee.com/products/hair-bender
Signature wording
Signature wording
360° Drive to Shop
https://www.youtube.com/watch?v=O83Gx-uqVAk
https://www.threadless.com/
Codes sociaux et mobiles + panier émotionnel
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 ?
Design éditorial
Approche alternative
Vitrine Sociale
Gemo
Bornes connectées
Franchement… presque.
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 ?
Comment séduire ?
Après l’achat…
Gif Master
EN BREF1. 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-Serviceswww.ntmy.fr & @ntmy_fr
