C4021 Séance 2 2016

7/24/2019 C4021 Sance 2 2016

1/152

Vincent Huwer 2016C4021 - Le marketing et les NTIC

Module C4021

Session 2

LE SITE INTERNETMars 2013

C4021: LE MARKETING ET LES NTIC

Sance 2

LE SITE INTERNET

7/24/2019 C4021 Sance 2 2016

2/152


"#$%&' (&' )* (+*,-# .

! !"#$%&'() +,-.//01)2(3#4&&&567&"4$-"'68)

! 9)"%:() ;

7/24/2019 C4021 Sance 2 2016

3/152


"#$%&' (&' )* (+*,-# .

!

9)"%:() ;

7/24/2019 C4021 Sance 2 2016

4/152


Plan de la sance

1.

Introduction au cours

2.

Le web

3.

Le site web

4.

Le panier dachat

5.

Lhbergement

7/24/2019 C4021 Sance 2 2016

5/152


Introduction

Section 1

7/24/2019 C4021 Sance 2 2016

6/152


7/24/2019 C4021 Sance 2 2016

7/152 Vincent Huwer 2016C4021 - Le marketing et les NTIC

7/24/2019 C4021 Sance 2 2016


QRFST =($ )?$

7/24/2019 C4021 Sance 2 2016


LE WEB

Section 1

7/24/2019 C4021 Sance 2 2016


PRE-WEB WEB 1.0 WEB 2.0

Historique

La populationse connecteau rseau

La populationse connecte lapopulation

7/24/2019 C4021 Sance 2 2016


/%&'-# 0 1,$#',#$ 2%')3 /$*$(

Web 2.0

500 millions de sites

2015

Dont 1,8 Milliard sur lesrseaux sociaux

3 milliards dinternautes

Historique

7/24/2019 C4021 Sance 2 2016


Infographie

THE INTERNET EN 2002 VS 2012

LE WEB 2.0

7/24/2019 C4021 Sance 2 2016


4"15677186 9/ 21:1;

7/24/2019 C4021 Sance 2 2016


I1$$14( =[%# $

7/24/2019 C4021 Sance 2 2016


Web 3.0 ou web smantique

LE WEB en 2016

Mobilit Objets connects - Donnes

7/24/2019 C4021 Sance 2 2016


Mobilit

tre connect partout, tout le temps

3G, 4G, wifi, li-fi

http://www.zdnet.com/article/phone-sex-using-our-smartphones-from-the-shower-to-the-sack/

Accros au (trs) petit cran

7/24/2019 C4021 Sance 2 2016


Linternet des objets

En 1957, 13 hommes taient ncessairespour livrer un ordinateur

En 2020, une personne pourrait bienporter jusqu 13 ordinateurs surelle

Le web incrust dans tout notre environnement(voiture, e-sant, loisirs, scurit, domotique!)

7/24/2019 C4021 Sance 2 2016


Le web smantique

Centr sur lutilisateur, cest un web intelligent qui analyse les donnes pouramliorer lexprience utilisateur.

Exemple concret : Commander une pizza sur internet. Le moteur de rechercheproposera :- Une pizzeria avec livraison domicile

-

Proche de chez vous- Avec des avis clients positifs-

Avec une slection de produits dj commands auparavant

Anticiper les envies, accrotre le business

7/24/2019 C4021 Sance 2 2016


ZA >%%>)#?-%@

WA 815(7""265"0;A \"%'%7(65"0

RA 4""4&(6&%

SA 101e"#6=(

XA f

7/24/2019 C4021 Sance 2 2016


!"# "%&'(%'& )*+, -. /(011-. 2'34(&5 6 78'(09' :0; 1(4< =>?@A>=A=B &4 =>?@A>CA>C

!"#$ %'()*"$ +","#$-*, -/"0-$, +","#$, 1&($, 2","#'$, 1&($,32","#$

2/D D*E' CCG ?@@ ?H= ? ?HI C=H GJ?

K4(&L,* M'N5 B= >=I IG I?B =CG B>I CJ>

DO'55'%&-', M'N5 B> HHP G> IBG H?= ICH IJH

Q:-&*5 R'(8-.' :-('.&4(-'5 =@ >I? =G CGP HG ?=H =J@

D*E0*&4 !,055-1-': 0*&4G I BHI ?P II> =JH

D*EN'+L.4< )4(&0, B >PC H @BG B? PGP GJ?

V&434,-5L,* !*,&*(' F '%&'(&0-%

7/24/2019 C4021 Sance 2 2016


/%&'-# 0 57/E =B>B$*) IBR#E FG..

ACTIVITS QUOTIDIENNES AU LUXEMBOURG

7/24/2019 C4021 Sance 2 2016


/ST"8B$*) IBR#E FG..

INTERNET = PROCESSUS DACHAT

7/24/2019 C4021 Sance 2 2016

24/152


Nielsen

DE PLUS EN PLUS DE SOURCESDINFO

7/24/2019 C4021 Sance 2 2016

25/152


www.monsite.com

8%%) P

8N#($ a&%B )#($#,3*,-#( b

/O%QQB,>FHX_

8'+#' 3# )* Z*)#&'Q%&' @#( -)B#,$( P

A* ZB$'B,#(&' )# @%,3#

6c#B,3'# 3#(@*'-O+( 3#,B-O#d

LE SITE WEB

Section 3

7/24/2019 C4021 Sance 2 2016

26/152


Aujourdhui,

si vous navez pas de prsence en ligne,vous nexistez pas

7/24/2019 C4021 Sance 2 2016

27/152


6Z*,$*># Q%&' )#( #,$'#Q'B(#( 0

Ec-1#$

7/24/2019 C4021 Sance 2 2016

28/152

Vincent Huwer 2016C4021 - Le marketing et les NTIC/%&'-# 0 8O'B( 6,3#'(%,E K 5O# I%,> 5*B) L

O1 &"#4%( ')1k#( ($' &1 )(-)?$(#'13"# 4)1-+

7/24/2019 C4021 Sance 2 2016

29/152


/%&'-# 0 8O'B( 6,3#'(%,E K 5O# I%,> 5*B) L

LE WEB, MARCH DE NICHE ET LONG TAIL

7/24/2019 C4021 Sance 2 2016

30/152


LE WEB, MARCH DE NICHE

7/24/2019 C4021 Sance 2 2016

31/152


LE WEB, MARCH DE NICHE

7/24/2019 C4021 Sance 2 2016

32/152


I# (B$# C#D Q#&$ (#'ZB' -%@@#0

l%3& =( -%@@&,B-*W%, B,(W$&W%,,#)

l%3& =( Q'+(#,$*W%, 3# (#( Q'%3&B$(X(#'ZB-#(

l%3& '#)*W%,,#) *Z#- (#( Q'%(Q#-$( %& -)B#,$(

l%3& =( Z#,$# M 3#( Q*'W-&)B#'( %& 3#( Q'%R#((B%,,#)(

SITE WEB ET OBJECTIFS


7/24/2019 C4021 Sance 2 2016

33/152



COMMUNICATION CORPORATE


7/24/2019 C4021 Sance 2 2016

34/152



PRESENTATION PRODUITS / SERVICES


7/24/2019 C4021 Sance 2 2016

35/152



RELATION CLIENTELE


7/24/2019 C4021 Sance 2 2016

36/152



RELATION CLIENTELE

ST51I =< 9

7/24/2019 C4021 Sance 2 2016

37/152


ST51I =< 9

7/24/2019 C4021 Sance 2 2016

38/152


4+,+f-#( Q%&' )#( -)B#,$( 0

6-O*$( FHXFHE _gX_E (*,( (# 3+Q)*-#'

=*Z*,$*># 3# -O%BJ

T,# -%@Q*'*B(%, 3#( Q'BJ '*QB3# #$ (*,( 3+Q)*-#@#,$

6--h( B,($*,$*,+ M )NB,R%'@*W%,E R%,-W%, 3# '#-O#'-O#

1,$#'*-W%, *Z#- )#( -%@@&,*&$+( ZB'$))#( i%QB,B%, -)B#,$j

/B )NB,R%'@*W%, #($ k&B3#E B) 3#Z'*B$ l *Z%B' &, B@Q*-$ (&' )#( Q'BJ

WEB ET SES AVANTAGES CLIENT

I6 96I

7/24/2019 C4021 Sance 2 2016

39/152


I6 96I

7/24/2019 C4021 Sance 2 2016

40/152


I6 96I

7/24/2019 C4021 Sance 2 2016

41/152


U#5"0-)?+(#$

7/24/2019 C4021 Sance 2 2016

42/152


h($ -%,$#,&( #$ 3#( (#'ZB-#( *3*Q$+( 1%c 1,(#'($ =($ 5*W%,

7/24/2019 C4021 Sance 2 2016

43/152


o pNh >!"#$% '(()#*+,"$ -./.)"(0.$%A. q#( )(#5"#')( 0%&3^=Ba

"#-O#'-O# @*'o#W,> 9#B))# $#-O,%)%>Ba "+R+'#,-#@#,$ 6,*)l(# 3# $'*f-

Ya&BQ# 3# Q)&(B#&'( Q#'(%,,#( *Z#- 3#( -%@Q+$#,-#( (Q+-Bfa( #$ -%@Q)+@#,$*B'#(

Y$*Q# [;'%3&-W%,

6,*)l(#$#-O,%)%>Ba

1,$+>'*W%, Q'%$%$lQ#

6X4 5#($ 1,$+>'*W%, f,*)# p+D#'>#@#,$ /#((B%, q6=

Y$*Q# F8%,-#QW%,

8%,-#QW%, @*ac#( #, f)3# R#'

8%,-#QW%, 3# )NN*'-OB$#-$&'#

8)*((#@#,$ 3# -*'$#iC#D(%'$?,#$j

8%,-#QW%, 3#( k&J 6&3B$ +3B$%'B*) /#((B%, q6=

Y$*Q# .6,*)l(# #$ R%'@&)*W%,

6,*)l(# ($'*$+>Ba SDg#-WR( 8'+*W%, 3# ;#'(%,*( 6,*)l(#( 3#( @#B))#&'#( Q'*Wa( 6,*)l(# 3NB@*># 3# @*'a U%'@&)*W%, 3& -%,$#,& /#((B%, q6=

P"%)5(. s

7/24/2019 C4021 Sance 2 2016

44/152


r) #($ )N%Dg#-WR 3# @%, (B$# C#D b

r))# #($ @* -BD)# b

r))# #($ @%, %e'# br))# 96I

7/24/2019 C4021 Sance 2 2016

45/152


I)

7/24/2019 C4021 Sance 2 2016

46/152


o pNh >!"#$% '(()#*+,"$ -./.)"(0.$%A. q#( )(#5"#')( 0%&3^=

7/24/2019 C4021 Sance 2 2016

47/152


PLANNIFICATION ET CREATION DUN SITEWEB

ETAPE 2: CONCEPTION MAQUETTE DE FIL DE FER

7/24/2019 C4021 Sance 2 2016

48/152


CONSEIL: T51I1/

7/24/2019 C4021 Sance 2 2016

49/152


ST 41

7/24/2019 C4021 Sance 2 2016

50/152



ETAPE 2: CONCEPTION

7/24/2019 C4021 Sance 2 2016

51/152



ETAPE 2: CONCEPTION POSITIONNER LINFO

7/24/2019 C4021 Sance 2 2016

52/152



7/24/2019 C4021 Sance 2 2016

53/152




7/24/2019 C4021 Sance 2 2016

54/152



ETAPE 2: CONCEPTION OUTILS UTILES

Crez des mockups, y compris si vous faites appel une agence/freelance, de manire illustrervos besoins et avoir une base de discussion.

https://balsamiq.com/

PLANNIFICATION ET CREATION DUN SITE

7/24/2019 C4021 Sance 2 2016

55/152




https://gomockingbird.com


7/24/2019 C4021 Sance 2 2016

56/152




https://www.optimalworkshop.com/


7/24/2019 C4021 Sance 2 2016

57/152


I)

7/24/2019 C4021 Sance 2 2016

58/152


o pNh >!"#$% '(()#*+,"$ -./.)"(0.$%A. q#( )(#5"#')( 0%&3^='*W%, f,*)# p+D#'>#@#,$ /#((B%, q6=

Y$*Q# F8%,-#QW%,

8%,-#QW%, @*ac#( #, f)3# R#'

8%,-#QW%, 3# )NN*'-OB$#-$&'#

8)*((#@#,$ 3# -*'$#iC#D(%'$?,#$j

8%,-#QW%, 3#( k&J 6&3B$ +3B$%'B*) /#((B%, q6=

Y$*Q# .6,*)l(# #$ R%'@&)*W%,

6,*)l(# ($'*$+>Ba SDg#-WR( 8'+*W%, 3# ;#'(%,*(

6,*)l(#( 3#( @#B))#&'#( Q'*Wa( 6,*)l(# 3NB@*># 3# @*'a U%'@&)*W%, 3& -%,$#,& /#((B%, q6=

P"%)5(. s

7/24/2019 C4021 Sance 2 2016

59/152


Logiciels de cration web Plateformes de cration web

OUTILS DE CRATIONDISPONIBLES

ETAPE 3: PRODUCTION - OUTILS


7/24/2019 C4021 Sance 2 2016

60/152


Dreamweaver est lun des principaux logiciels de conception de sites Web du ct de

l'dition et de la gestion

Philosophie WYSIWYG = What you see is what you get

Ne demande pas trop de connaissance en codage HTML pour la cration de sites: choix de

travailler en mode Code comme en mode Cration

Permet la cration de classes CSS, Javascript

Offre la prvisualisation des sites Web dans de nombreux navigateurs (Adobe BrowserLab)

Dispose doutils de gestion de site (telles que la possibilit de rechercher et remplacer des

lignes de texte ou du code par tous les paramtres spcifis dans l'ensemble du site)

Templatisation pour crer plusieurs pages avec des structures similaires (frameworks)

Soutenu par une large communaut de dveloppeurs d'extensions qui font des extensions

disponibles ( la fois commercial et libre) pour la plupart des tches de dveloppement Web

Permet des modifications de fichiers localement, puis tlcharge tous les fichiers dits au

serveur web distant via FTP, SFTP ou WebDAV


ETAPE 3: PRODUCTION CREATION AVEC DREAMWEAVER


7/24/2019 C4021 Sance 2 2016

61/152


Avantages des CMS :(systmes de gestion de contenu)

Diffrentes plateformes permettent la cration dun sitegratuitement, offrant des options de base toutefoislimites

Facilit dutilisation: What you see is what you get

diteurs de texte et mise en ligne grce un simpleclicsur un bouton de type enregistrer Choix parmi diffrents templates (personnalisables) pour

le design du site

Possibilit dintgrer diffrents services connexes(Google Maps, Pay Pal, Flickr, formulaire de contact,

forum, livre dor, etc.) Possibilit de souscrire une offre suprieure offrant

des options supplmentaires (nom de domaine propre,design suprieur, vente en ligne, capacit de stockageaccrue, cration dune newsletter, pages employsprotgs par mot de passe, etc.)


ETAPE 3: PRODUCTION CREATION AVEC DES CMS

8A/ =< 8"Y651S7 =< /15

7/24/2019 C4021 Sance 2 2016

62/152


ETAPE 3: PRODUCTION WORDPRESS

I&1'(8")0( 5)??( (# "-(# $"%)5(F

7/24/2019 C4021 Sance 2 2016

63/152


ETAPE 3: PRODUCTION PRESTASHOP

Leader mondial pour les solutions e-commerce, 165 000 boutiques en ligne.

1.

Une solution open source: logiciel libre, pas de commissions sur les ventes. Vous restezpropritaire de vos donnes

2. Un back-office simple3. Un rfrencement naturel optimis4. Adapt pour le responsive design5. Beaucoup de modules disponibles : programme de fidlit, code promos, parrainage,

relance de paniers abandonns!

6. Large communaut : beaucoup de ressources (en franais galement)7. Une installation rapide

Hbergement en ligne ou sur votreserveur

www.prestashop.com/fr


7/24/2019 C4021 Sance 2 2016

64/152


PLANNIFICATION ET CREATION D UN SITEWEB

ETAPE 3: PRODUCTION - TEST


7/24/2019 C4021 Sance 2 2016

65/152





7/24/2019 C4021 Sance 2 2016

66/152





7/24/2019 C4021 Sance 2 2016

67/152





7/24/2019 C4021 Sance 2 2016

68/152



ETAPE 3: TEST AVEC RESIZER

http://design.google.com/resizer/

Y56;< [0 ;"S=T851S7

7/24/2019 C4021 Sance 2 2016

69/152


Priorits :- Runir une quipe de qualit

- Tester, tester, tester

- Tester plusieurs designs (A/B testing)

- Tester plusieurs navigateurs web (plug-ins) sans oublier

le mobile !

- S'assurer qu'il n'y ait aucune erreur

ETAPE 3: PRODUCTION - CREATION - TEST

;I671U18651S7

7/24/2019 C4021 Sance 2 2016

70/152


o pNh >!"#$% '(()#*+,"$ -./.)"(0.$%A. q#( )(#5"#')( 0%&3^=

7/24/2019 C4021 Sance 2 2016

71/152


1) #($ Q'B@%'3B*) 3N+Z*)' )* a&*)B$+ 3# (%, (B$# #, Q#'@*,#,-#^ /$*W(Wa( 3#( ZB(B$#(^ U)&J 3# ZB(B$#&'^ 6D*,3%,(^ 5#@Q( Q*((+ (&' )# (B$#

ETAPE 4: EVALUATION

7/24/2019 C4021 Sance 2 2016

72/152


ETAPE 4: EVALUATION

Le taux de rebond est le pourcentage dinternautes qui sont entrs

sur une page web et qui lont quitt immdiatement aprs sans avoirconsult dautres pages du site internet.


7/24/2019 C4021 Sance 2 2016

73/152


=YU17151S7/ x "

7/24/2019 C4021 Sance 2 2016

74/152


/#&)F &( '"'1& =($ :

7/24/2019 C4021 Sance 2 2016

75/152


/%&'-# 0 81A A#$'BC#DE FG.[

WEBETAPE 4: EVALUATION VISITEURS UNIQUES ET VISITES

!"# "%&'(%'& )*+, -. /(011-. 2'34(&5 6 78'(09' :0; 1(4< =>?@A>=A=B &4 =>?@A>CA>C

!"#$ %'()*"$ +","#$-*, -/"0-$, +","#$, 1&($, 2","#'$, 1&($,32","#$

2/D D*E' CCG ?@@ ?H= ? ?HI C=H GJ?

K4(&L,* M'N5 B= >=I IG I?B =CG B>I CJ>

DO'55'%&-', M'N5 B> HHP G> IBG H?= ICH IJH

Q:-&*5 R'(8-.' :-('.&4(-'5 =@ >I? =G CGP HG ?=H =J@

D*E0*&4 !,055-1-': 0*&4G I BHI ?P II> =JH

D*EN'+L.4< )4(&0, B >PC H @BG B? PGP GJ?

V&434,-5L,* !*,&*(' F '%&'(&0-%

7/24/2019 C4021 Sance 2 2016

76/152


WEBETAPE 4: EVALUATION DU FLUX


7/24/2019 C4021 Sance 2 2016

77/152


WEBETAPE 4: ACQUISITION


7/24/2019 C4021 Sance 2 2016

78/152


WEBETAPE 4: SOURCE MOTS CLS


7/24/2019 C4021 Sance 2 2016

79/152


WEBETAPE 4: SOURCE REFERENTE

Y56;< H0 Y96IT651S7

7/24/2019 C4021 Sance 2 2016

80/152


Priorits :

- Maintenance

- Mises jour

- Analyse du trafic

- Rfrencement

ETAPE 4: EVALUATION VISITEURS UNIQUES ET VISITES

PAGE DACCUEIL: UNE PHOTO DIDENTIT

7/24/2019 C4021 Sance 2 2016

81/152


U#'()-(&&() &( 5&

7/24/2019 C4021 Sance 2 2016

82/152


?

7/24/2019 C4021 Sance 2 2016

83/152


7/24/2019 C4021 Sance 2 2016

84/152


?

7/24/2019 C4021 Sance 2 2016

85/152


7/24/2019 C4021 Sance 2 2016

86/152


?

7/24/2019 C4021 Sance 2 2016

87/152


7/24/2019 C4021 Sance 2 2016

88/152


?

7/24/2019 C4021 Sance 2 2016

89/152


7/24/2019 C4021 Sance 2 2016

90/152

;6v< =N688T

7/24/2019 C4021 Sance 2 2016

91/152


;6v< =N688T

7/24/2019 C4021 Sance 2 2016

92/152


;6v< =N688T

7/24/2019 C4021 Sance 2 2016

93/152


;6v< =N688T

7/24/2019 C4021 Sance 2 2016

94/152


U#'()-(&&() &( 5&*'3

O1 -14( =C155%(

7/24/2019 C4021 Sance 2 2016

95/152


;6v< =N688T

7/24/2019 C4021 Sance 2 2016

96/152


;6v< =N688T

7/24/2019 C4021 Sance 2 2016

97/152


U#'()-(&&() &( 5&

7/24/2019 C4021 Sance 2 2016

98/152


P(&"# %#( ?'%=( 1% !1#1=1F %#

7/24/2019 C4021 Sance 2 2016

99/152


Caractristiques: couleurs vives,pages charges ou dsordonnes, pasde contenu original,!

Caractristiques: couleurs neutres accent mis sur la prsentation visuelle guides

PAGE DACCUEIL: POSITIONNEMENT GENERALISTE

7/24/2019 C4021 Sance 2 2016

100/152


Caractristiques: couleurs neutres, accent mis sur la prsentation visuelle, guidesdachat, conseils,!


7/24/2019 C4021 Sance 2 2016

101/152



7/24/2019 C4021 Sance 2 2016

102/152


Caractristiques: couleurs fonces ou tamises images enrichies (son vidos effets

PAGE DACCUEIL: POSITIONNEMENT HAUT DE GAMME

7/24/2019 C4021 Sance 2 2016

103/152


Caractristiques:couleurs fonces ou tamises, images enrichies (son, vidos, effetsspciaux), riche en descriptifs produits, philosophie de lentreprise,!

SITE WEB: COULEURS ET TENDANCES DESIGN

7/24/2019 C4021 Sance 2 2016

104/152


http://www.pantone.com/

SITE WEB: COULEURS ET TENDANCES DESIGN

7/24/2019 C4021 Sance 2 2016

105/152


5

7/24/2019 C4021 Sance 2 2016

106/152


5

7/24/2019 C4021 Sance 2 2016

107/152


5

7/24/2019 C4021 Sance 2 2016

108/152


5

7/24/2019 C4021 Sance 2 2016

109/152


5

7/24/2019 C4021 Sance 2 2016

110/152


5

7/24/2019 C4021 Sance 2 2016

111/152


5

7/24/2019 C4021 Sance 2 2016

112/152


LA PAGE DENTREE OU LANDING PAGE

7/24/2019 C4021 Sance 2 2016

113/152


l# -"%))1,# @*'o#W,> -1) (c(0-&(F -"%)

)(5(:"

7/24/2019 C4021 Sance 2 2016

114/152


a&*)B$+ 3& -%,$#,& 0 _]w

R*-B)B$+ 3V&W)B(*W%, 0 ``w '*QB3B$+ 3# $+)+-O*'>#@#,$ 0 ]\w R'+a,-# 3# @B(# M g%&' 0 ]Hw -)"0"3"#$ (' )(0

7/24/2019 C4021 Sance 2 2016

115/152


Les internautes sont habitus certains mcanismes :

Pas de texte soulign (sauf pour un lien): jouez plutt sur la couleur, la taille, le grasou litalique

Des colonnes troites: colonnes de 10 cm max pour ne pas fatiguer lil de

linternaute (principalement pour lcriture)

Du texte lisible et une taille de texte confortable: le moins fatiguant est le texte

noir sur fond blanc (slide suivant)

Des caractres standards: arial, times, verdana

Un affichage rapide: les internautes sont presss et simpatientent trs vite, donc les

pages doivent tre lgres, images et animations comprises

Des titres de page pour que linternaute ne perde pas ses repres

Des sous-titres, une mise en page are: segmenter linformation en chapitresclairement identifis, pour que linternaute puisse choisir ce quil veut lire. Barre de

navigation.

Oubliez les gadgets qui napportent aucune valeur ajoute au consommateur

(compteurs, animations flash, etc.)

8S7/

7/24/2019 C4021 Sance 2 2016

116/152


8S7/

7/24/2019 C4021 Sance 2 2016

117/152


Les internautes sont habitus certains mcanismes :

Pas de texte soulign (sauf pour un lien): jouez plutt sur la couleur, la taille, le gras

ou litalique

Des colonnes troites: colonnes de 10 cm max pour ne pas fatiguer lil de

linternaute

Du texte lisible et une taille de texte confortable: le moins fatiguant est le texte noir

sur fond blanc

Des caractres standards: Arial, Times, Verdana

Un affichage rapide: les internautes sont presss et simpatientent trs vite, donc les

pages doivent tre lgres, images et animations comprises

Des titres de pagepour que linternaute ne perde pas ses repres

Des sous-titres, une mise en page are: segmenter linformation en chapitres

clairement identifis, pour que linternaute puisse choisir ce quil veut lire

Oubliez les gadgets qui napportent aucune valeur ajoute au consommateur

(compteurs, animations flash, etc.)

Noubliez pas le contexte (web)

Et surtout mettez vous la place de lutilisateur, votre contenu est-il pertinent ?

8S7/

7/24/2019 C4021 Sance 2 2016

118/152


SITE WEB: CONSEILS PRATIQUES LESS IS MORE

7/24/2019 C4021 Sance 2 2016

119/152


SITE WEB: CONSEILS PRATIQUES LESS IS MORE

7/24/2019 C4021 Sance 2 2016

120/152


SITE WEB: CONSEILS PRATIQUES METHODE KISS

7/24/2019 C4021 Sance 2 2016

121/152


Qui suis-je ?

Coach personnel ? Consultant ? Marabout ? Voyante ?

SITE WEB: CONSEILS PRATIQUES METHODE KISS

7/24/2019 C4021 Sance 2 2016

122/152


Non ! Je suis juste votre dmnageur !

8S7/

7/24/2019 C4021 Sance 2 2016

123/152


SITE WEB: CONSEILS PRATIQUES MENU

7/24/2019 C4021 Sance 2 2016

124/152


I# ;*,B#' 3N*-O*$

7/24/2019 C4021 Sance 2 2016

125/152


PANIER DACHAT

Section 4

EN EUROPE EN 2013

7/24/2019 C4021 Sance 2 2016

126/152


EN FRANCE EN 2014

7/24/2019 C4021 Sance 2 2016

127/152


7/24/2019 C4021 Sance 2 2016

128/152


Dautres chiffres ; http://www.fevad.com/uploads/files/enjeux2014/Chiffres_Cles_2014.pdf

7/24/2019 C4021 Sance 2 2016

129/152

I#( B@*>#( Q*')#,$ 3N#))#(s@{@#(?

LE PANIER DACHAT

7/24/2019 C4021 Sance 2 2016

130/152


I#( B@*>#( Q*')#,$ 3 #))#( @{@#(?

LE PANIER DACHAT

7/24/2019 C4021 Sance 2 2016

131/152


Se'#z &, *Q#'|& 3& Q'%3&B$X(#'ZB-# %& (%, #((*B >'*$&B$

LE PANIER DACHAT

7/24/2019 C4021 Sance 2 2016

132/152


Se'#z &, *Q#'|& 3& Q'%3&B$X(#'ZB-# %& (%, #((*B >'*$&B$

Se'#z 3#( Q'%3&B$( )B+( a&B *&>@#,$#,$ )* K 96I

7/24/2019 C4021 Sance 2 2016

133/152


Se'#z 3#( Q'%3&B$( )B+( a&B *&>@#,$#,$ )* 96I

7/24/2019 C4021 Sance 2 2016

134/152


;#'@#c'# 3# @%3Bf#' R*-B)#@#,$ #$ '*QB3#@#,$ (%, Q*,B#'

LE PANIER DACHAT

7/24/2019 C4021 Sance 2 2016

135/152


LE PANIER DACHAT

7/24/2019 C4021 Sance 2 2016

136/152


1,-)&'# )# Q'BJ 3# )BZ'*B(%, i#$ *&$'# R'*B(j $'h( $}$ 3*,( )# Q'%-#((&( P

LE PANIER DACHAT

7/24/2019 C4021 Sance 2 2016

137/152


I* -%@@*,3# @B,B@*)# Q%&' @* '+>B%, #($ 3# ]G~ P A*&Z*B(# (&'Q'B(# P

;#'@#c'# &, -O#-o%&$ (B@Q)# #$ '*QB3#

LE PANIER DACHAT

7/24/2019 C4021 Sance 2 2016

138/152


Se'#z 3#( B,3B-*$#&'( 3# (+-&'B$+

LE PANIER DACHAT

7/24/2019 C4021 Sance 2 2016

139/152


UB,*)#@#,$E (%l#z -)*B' -%,-#',*,$ )#( +$*Q#( a&B Z%,$ (&BZ'# P

LE PANIER DACHAT

7/24/2019 C4021 Sance 2 2016

140/152


L(,)( =($

7/24/2019 C4021 Sance 2 2016

141/152


L(,)( =($ %#(&

7/24/2019 C4021 Sance 2 2016

142/152


I)"-"$() =-"%)@%"< -1$ (# ?5+1#4( =C%# 7"#%$A

/SIT51S7/ "6;1=

7/24/2019 C4021 Sance 2 2016

143/152


/SIT51S7/ "6;1=

7/24/2019 C4021 Sance 2 2016

144/152


/SIT51S7/ "6;1=

7/24/2019 C4021 Sance 2 2016

145/152


/SIT51S7/ "6;1=

7/24/2019 C4021 Sance 2 2016

146/152


7/24/2019 C4021 Sance 2 2016

147/152


LHEBERGEMENT

Section 5

p+D#'>#&'0 %"6% (3.5%+%+#3. %.*9$#:6. *9+38; 563

7/24/2019 C4021 Sance 2 2016

148/152


p+D#'>#&'0 %"6% (3.5%+%+#3. %.*9$#:6. *9+38; 563

7/24/2019 C4021 Sance 2 2016

149/152


ij U*-B)#@#,$ $'*,(R+'*D)#

ij A%B,( -%m$#&Jisj 7+-#((B$# 3# -'+#' (%, Q'%Q'# (B$# -%@@#'-B*)

isj 7+-#((B$# 3N*Z%B' (#( Q'%Q'#( (%)&W%,( 3# Q*B#@#,$ #, )B>,#

/%)&W%,( 3# Q*B#@#,$ #, )B>,#0

p

7/24/2019 C4021 Sance 2 2016

150/152


Q >

r&*)B$+ 3& (#'ZB-#

=B(Q%,BDB)B$+

/#'ZB-# M )* -)B#,$h)#

5#''B$%B'# 3NO+D#'>#@#,$ i(#'Z#&'(j

8O%B(B((#z &, O+D#'>#&' )&J#@D%&'>#%B( i%&

7/24/2019 C4021 Sance 2 2016

151/152


1) '#a&B#'$ &,# *QQ'%-O# ($'*$+>Ba P

1) '#a&B#'$ &, Z'*B B,Z#(W((#@#,$ P i$%&$ *& )%,> 3# (* ZB#j

9%$'# (B$# C#D ,N#($ Q*( 3#(W,+ M Z%$'# #>%E @*B( M Z%( ZB(B$#&'( P

r(W%,( -)+(0

r))# #($ @* -BD)# b

r '#-O#'-O#s$s#))# b

r) #($ @%, %Dg#-WR b

r))# #($ )* Z*)#&' *g%&$+# 3# @%, (B$# b

;'%-O*B,# (+*,-# i[j0

7/24/2019 C4021 Sance 2 2016

152/152

;'%-O*B,# (+*,-# i[j0

I# '+R+'#,-#@#,$

,*$&'#) #$ Q*l*,$?

=# Z%$'# -}$+ 0

"#-O#'-O#z Z%$'# Q'+,%@,%@ 3*,( >%%>)#

Documents

C4021 Séance 2 2016