Le Design au service du Commerce Digital

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

http://toprecherches.lequipe.fr/#!basketball/

Poussez le volume

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

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

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

http://mailchimp.com/pricing/

Signature wording

http://moto.oakley.com/

Faire gagner du temps

http://www.monreallondon.com/en-gb/shopall/

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

https://casper.com/mattresses

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

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…

http://like.animade.tv/

Old but Good

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