Un site web à tout prix !

Slide 1

Slide 1 text

À TOUT PRIX ! UN SITE WEB Avec Marie-Cécile Paccard Le mercredi 16 janvier À la Cordée OU PRESQUE…

Slide 2

Slide 2 text

Design numérique, web & médias sociaux www.mcpaccard.com §  Graphiste web de formation, §  7 ans d’expérience §  design, conception de contenu, gestion de projet web. §  Accro à Twitter et aux jeux vidéo musicaux.

Slide 3

Slide 3 text

➼  Une présence en ligne, pourquoi faire ? ➼  Ça coûte combien, un site web ? ➼  Préparez les plans de votre projet. ➼  Trouvez votre prestataire idéal, et… ➼  …apprenez à travailler avec lui ! ➼  Le design, c’est important. ➼  La vérité sur les réseaux sociaux. ➼  Le pire reste à éviter ! ➼  Vos questions, mes réponses. Au programme…

Slide 4

Slide 4 text

1 UNE PRÉSENCE EN LIGNE, POURQUOI FAIRE ? ﬂickr.com/photos/angies

Slide 5

Slide 5 text

Le marketing a bien changé…

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

➼  Avoir un site web peut résoudre les problématiques suivantes : ✣  Toucher une clientèle en ligne,! ✣  Étendre sa présence au web,! ✣  Montrer son expertise,! ✣  Vendre ses produits…! ➼  Mais avoir un site web ne résoud pas forcément tout… ✣  Un site web n’est pas toujours la bonne réponse à votre problématique de communication !! ✣  Parfois, votre objectif peut être rempli grâce à une campagne papier, ou l’élaboration d’une application web / mobile.!

Slide 8

Slide 8 text

2 ÇA COÛTE COMBIEN, UN SITE WEB ?

Slide 9

Slide 9 text

Ça dépend.

Slide 10

Slide 10 text

Ça dépend de plein de choses… Savez-vous Qui sont vos clients ? Quel est l’objectif de votre site ? Où sont vos clients ? Combien êtes- vous dans l’entreprise ? Avez-vous un business plan ? Avez-vous un logo, une identité ? Qui sont vos concurrents ? Quelle technologie sera utilisée ? Comment comptez- vous vendre vos produits ? Quels sont vos arguments de vente ?

Slide 11

Slide 11 text

Ma Future Maison

Slide 12

Slide 12 text

Ma Future Maison ? http://www.sxc.hu/proﬁle/SailorJohn"

Slide 13

Slide 13 text

Ma Future Maison ! Flickr.com/propertysnaps"

Slide 14

Slide 14 text

C’est bien de penser à ça, mais…

Slide 15

Slide 15 text

Commençons par les bases… ﬂickr.com/photos/owlpacino

Slide 16

Slide 16 text

3 PRÉPAREZ LES PLANS DE VOTRE PROJET.

Slide 17

Slide 17 text

Les questions de base ➼  Quel est votre objectif de communication ? ✣  Acquérir de nouveaux clients ?! ✣  Établir votre réputation en ligne ?! ✣  Proposer un produit à la vente ?! ✣  Construire un service client ?! ➼  Quel est votre budget ? ✣  Faites le point sur votre business plan…! ✣  …mais aussi sur vos moyens humains !! ✣  Soyez prêts à le revoir à la hausse comme à la baisse !!

Slide 18

Slide 18 text

➼  Qui sont vos clients ? ✣  Se trouvent-ils sur Internet ? Sur quelle(s) plateforme(s) ?! ✣  Quel est leur milieu, leur niveau de culture web ?! ✣  Comment allez-vous les toucher ?! ✣  Déﬁnissez quelques clients type avec soin (personas)! ➼  Qui sont vos concurrents ? ✣  Sont-ils déjà sur le web ?! ✣  Listez-les et observez leurs bonnes pratiques.! ✣  …mais aussi ce qu’ils font mal !! ✣  Quel est l’avance (ou le retard) que vous avez ?!

Slide 19

Slide 19 text

➼  Quelles sont vos valeurs ? ✣  Que voulez-vous exprimer à travers votre logo et votre identité ?! ✣  Quel message souhaitez-vous faire passer via votre site ?! ✣  Quels sont les contenus dont vous disposez et que vous souhaitez mettre en ligne ?! ➼  Comment allez-vous vous faire accompagner ? ✣  Avez-vous besoin d’aide sur d’autres plans ?! ✣  Écrivains publics,! ✣  Développeurs,! ✣  Community managers…! ➼  Ne négligez pas le temps que vous allez y passer… car…

Slide 20

Slide 20 text

« Un site web, c’est comme un téléphone. Une fois qu’il est fabriqué, il faut l’allumer et décider qui vous allez appeler. » h5p://www.ﬂickr.com/photos/49333775@N00/

Slide 21

Slide 21 text

Mon cahier des charges Oui, mais d’abord…

Slide 22

Slide 22 text

➼ Le CAHIER DES CHARGES est un élément décisif : il cadre vos besoins et décrit LE livrable. ➼  Conseil d’ami : NE L’ÉLABOREZ PAS SEUL(E). Demandez l’aide d’un contact, et si vous contractez un prestataire, réalisez-le avec lui : il/elle aura un regard extérieur et sera force de proposition. Mon cahier des charges

Slide 23

Slide 23 text

Ensuite, ça se passe comment ? ➼  Définir ses objectifs, Exprimer son besoin, poser sa stratégie, ➼  Trouver un prestataire, (ou pas !) ➼  Préparer le cahier des charges, ➼  Le devisage, le planning de base, ➼  Les choix technologiques, La réalisation, ➼  Les tests, ➼  Le lancement, ➼  La promotion, ➼  La vie du site. Un peu de teasing là, là et là

Slide 24

Slide 24 text

Et le référencement dans tout ça ? ➼  Le « SEO » ne s’exécute pas juste avant le lancement du site. ➼  c’est un effort constant dès le début du projet. ➼  Certaines agences sont spécialisées. ➼  Utilisez des outils pratiques : google webmaster tools. ➼  Mais un bon contenu et une bonne organisation sémantique forment une base indispensable.

Slide 25

Slide 25 text

4 TROUVEZ VOTRE PRESTATAIRE IDÉAL…

Slide 26

Slide 26 text

Révélation ! ! Un bon prestataire ne se trouve pas sur le Bon Coin. Si. Juré.

Slide 27

Slide 27 text

h5p://www.sxc.hu/proﬁle/criswatk ➼  Parlez aux gens ayant déjà travaillé avec le prestataire que vous avez repéré. ➼  Le bouche-à- oreille fonctionne très bien dans ce domaine, profitez-en !

Slide 28

Slide 28 text

Le prestataire partenaire idéal ➼  Il/elle va créer votre image. Choisissez quelqu’un avec qui vous partagez des valeurs ! ➼  Il/elle doit être proche, mais sérieux et pro. Ne négligez pas les points légaux essentiels. ➼  Définissez disponibilité, réactivité, autonomie, force de proposition, et ce dans les deux sens ! Discutez-en avec lui/elle.

Slide 29

Slide 29 text

5 …ET APPRENEZ À TRAVAILLER AVEC LUI !

Slide 30

Slide 30 text

L’art délicat de la communication…

Slide 31

Slide 31 text

Je veux un site web dynamique vous « …un site dont l’apparence est moderne, avec des choses qui bougent ou qui changent par endroits. »! le prestataire •  « …un site dont les pages sont générées automatiquement selon des requêtes appliquées à une base de données. »!

Slide 32

Slide 32 text

Je veux un design épuré et moderne vous le prestataire

Slide 33

Slide 33 text

N’arrivez pas trop tard ! ➼  …avec votre cahier des charges déjà tout bouclé, vos idées arrêtées, votre planning décidé. Ne loupez rien de votre projet ! ➼  soyez présents pendant sa croissance et évitez les mauvaises surprises repérées trop tard ! Soyez justes, votre prestataire le sera aussi ➼  C’est le principe du WIN WIN ! Et surtout… COMMUNIQUEZ !

Slide 34

Slide 34 text

6 LE DESIGN, C’EST IMPORTANT.

Slide 35

Slide 35 text

Les petites phrases énervantes J ➼  « par contre, Je déteste le vert. » ➼  « il faut que ce soit moderne et jeune. » ➼  « et sur la page d’accueil, on pourrait mettre ça, et ça, et ça ! » ➼  « je tiens absolument à cette photo, donc mettez-la où vous pouvez. » ➼  « vous pouvez me faire 3 propositions ? » ➼  « j’adore ce site, vous pouvez faire le même en changeant les couleurs ? »

Slide 36

Slide 36 text

➼  Le design n’est pas qu’un coup de peinture. ➼  C’est la conception même de votre site, son articulation, son organisation, ses cheminements, son comportement. ➼  C’est amener votre client à effectuer au plus vite ce que vous voulez qu’il fasse (achat, contact, etc) ➼  C’est la hiérarchie de chaque élément en fonction de leur utilité, pour servir votre objectif. ➼  C’est prendre soin de son utilisateur…

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

DIY ! (Do It Yourself) ➼  CSS3, HTML5, CMS… Posez-vous les bonnes questions technologiques ! ➼  consultez webplatform.org ou w3C.org ➼  Choisissez un CMS dimensionné. ➼  Pour le design, il existe des frameworks ! #bootstrap ➼  Les thèmes gratuits, non merci. ➼  Les thèmes payants, ça dépend !

Slide 42

Slide 42 text

Adage immuable : Mettez-vous toujours à la place du client. !

Slide 43

Slide 43 text

7 LA VÉRITÉ SUR LES RÉSEAUX SOCIAUX.

Slide 44

Slide 44 text

On dit souvent… ! « Les réseaux sociaux, c’est génial car on peut faire de la comm’ gratuitement ! »

Slide 45

Slide 45 text

FAUX.

Slide 46

Slide 46 text

Ça coûte cher. ➼  En temps, ➼  En moyens humains, ➼  En attention, ➼  En réputation !!! ➼ Super pour le référencement, ➼ Super pour se faire connaître, ➼ Mais qualité constante requise. ➼ Attention à la surexposition ! ➼ Ne jamais ignorer un retour client !

Slide 47

Slide 47 text

Twitter ➼  Bon pour la présence en ligne, ➼  Communication rapide, ➼  Bon pour l’Image de marque, ➼  Plateforme efficace pour toucher les clients, ➼  Service client efficace. Attention ! ➼  Utilisateurs exigeants ! ➼  Investissement en temps.

Slide 48

Slide 48 text

Facebook ➼  La plateforme sociale par excellence, ➼  Beaucoup d’utilisateurs, ➼  Retours consommateurs, ➼  B to C pur. Attention ! ➼  Visibilité discutable, ➼  Peu d’interaction de valeur (edgerank) ➼  Il faut avoir du contenu à proposer !

Slide 49

Slide 49 text

LinkedIn ➼  La plateforme professionnelle, ➼  Montrer son expertise, ➼  Bon pour le référencement, ➼  B to B. Attention ! ➼  Apporte peu de trafic, ➼  Peu ou pas de clients présents.

Slide 50

Slide 50 text

Youtube ➼  Excellent référencement, ➼  Outil viral, ➼  Permet de communiquer sur l’événementiel de l’entreprise. Attention ! ➼  Beaucoup d’investissement en temps pour du contenu de qualité !

Slide 51

Slide 51 text

Flickr ➼  Excellent outil de communication événementielle, ➼  Très bien référencé par les moteurs de recherche. Attention ! ➼  Peu ou pas de clients présents, ➼  Temps de maintenance.

Slide 52

Slide 52 text

Google+ ➼  Cibler sa clientèle avec précision, ➼  Augmentation du nombre d’utilisateurs, ➼  Excellent pour le référencement, ➼  Place au dialogue ! Attention ! ➼  Demande du temps et de l’engagement.

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

Les indispensables ! •  Mettez une photo de profil, •  Remplissez votre biographie, •  Soyez cohérents partout, •  Soignez votre ligne éditoriale, •  Faites attention à l’orthographe, •  Soyez réguliers, •  Répondez à vos clients, •  Ce que vous dites engage votre entreprise ! •  Et enfin, le contenu est roi ! Produisez du contenu de qualité !

Slide 59

Slide 59 text

8 LES PIÈGES À ÉVITER

Slide 60

Slide 60 text

➼  Prestataire : pensez santé ! ✣  Un accompagnement sur le long terme,! ✣  Et les évolutions ?! ✣  Avoir la main sur son produit,! ✣  Avoir une solution de repli.! ➼  Les points à vérifier : ✣  Bonne réputation en ligne,! ✣  Bases saines : contrat, engagements,! ton détendu mais ferme,! ✣  Technologies proposées,! ✣  Fiabilité dans le travail.! IT’S A TRAP!

Slide 61

Slide 61 text

➼  Des devis contradictoires ✣  D’un presta à l’autre, les sommes peuvent tripler.! ✣  Pour autant, qui vend de la qualité ?! ✣  Un devis sans cahier des charges ? Impossible.! ➼  Les « templates » ✣  Design pas exclusif,! ✣  Pas cher, mais pas forcément de qualité !! ✣  Et surtout, pas forcément adapté à votre besoin.! ✣  Attention si on vous vend! un site « templaté » !! IT’S A TRAP!

Slide 62

Slide 62 text

➼  Les technologies ✣  CMS ? Pas CMS ? Quel CMS ?! ✣  Attention aux vériﬁcations de base : accessibilité, validité du code pour le référencement, etc! ✣  Le référencement ne fait pas tout !! ✣  PAS DE FLASH. NON. VRAIMENT.! ➼  Soyez « réglo » ! ✣  Respectez le contrat établi !! ✣  Changements dans le CDC = délais supplémentaires !! ✣  Et si vous étiez l’architecte ?! ✣  Pensez WIN-WIN !!!! ✣  Négociez les droits d’exploitation !! IT’S A TRAP!

Slide 63

Slide 63 text

Droits patrimoniaux Droits moraux DROIT D’AUTEUR Ne se cèdent pas (jamais)! Droit de repro-‐ ducMon Droit de représen-‐ taMon Fixation de l’œuvre sur un support (papier, internet, ﬁchier, télévision, etc)! Notre Contrat Se cèdent! Droit de communiquer l’œuvre au public! www.jurizine.net

Slide 64

Slide 64 text

Le contrat ➼  Un contrat n’est pas un boulet enchaîné à votre pied. ➼  Il cadre la nature de la relation. ➼  Il est un point de repère pour vous et votre prestataire. ➼  Il répond à des questions auxquelles vous n’auriez pas pensé. ➼  Il vous protège, ➼  Il protège votre prestataire. ➼  Ne commencez rien sans contrat ! ➼  Mike Monteiro muledesign.com/2011/04/getting-comfortable-with- contracts/!

Slide 65

Slide 65 text

! •  Préparez votre projet •  choisissez votre prestataire avec soin •  pensez contrat •  communiquez avec votre prestataire •  ne négligez jamais l’utilisateur •  pensez « utilisabilité » avant « graphisme » •  la qualité du contenu est la base du référencement •  les réseaux sociaux, c’est du temps et des efforts pour un bon retour sur investissement ! •  Faites vivre le site au quotidien •  Pensez WIN-WIN !