Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Un site web à tout prix !

Un site web à tout prix !

Slides from the presentation made on January 16th 2013 at www.la-cordee.net ! Presentation dedicated to new entrepreneurs wishing to start a web project.

Marie-Cécile Godwin

January 16, 2013
Tweet

More Decks by Marie-Cécile Godwin

Other Decks in Design

Transcript

  1. À TOUT PRIX ! UN SITE WEB Avec Marie-Cécile Paccard

    Le mercredi 16 janvier À la Cordée OU PRESQUE…
  2. 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.
  3. ➼  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…
  4. ➼  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.!
  5. Ç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 ?
  6. 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 !!
  7. ➼  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éfinissez 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 ?!
  8. ➼  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…
  9. « 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.flickr.com/photos/49333775@N00/  
  10. ➼ 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
  11. 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à
  12. 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.
  13. h5p://www.sxc.hu/profile/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 !
  14. 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.
  15. 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. »!
  16. 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 !
  17. 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 ? »
  18. ➼  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…
  19. 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 !
  20. On dit souvent… ! « Les réseaux sociaux, c’est génial

    car on peut faire de la comm’ gratuitement ! »
  21. Ç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 !
  22. 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.
  23. 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 !
  24. 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.
  25. 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é !
  26. 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.
  27. 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.
  28. 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é !
  29. ➼  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!
  30. ➼  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!
  31. ➼  Les technologies ✣  CMS ? Pas CMS ? Quel

    CMS ?! ✣  Attention aux vérifications 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!
  32. 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, fichier, télévision, etc)! Notre Contrat Se cèdent! Droit de communiquer l’œuvre au public! www.jurizine.net    
  33. 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/!
  34. ! •  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 !