PENSER ET ORGANISER
SON SITE INTERNET
Janvier 2018
Bonjour !
Nous serons vos animatrices
aujourd’hui,
Et vous ?
AU PROGRAMME
o Il est comment le touriste en 2018 ?
o Mes cibles, mon positionnement
o Comportement de l’internaute
o Classer mes contenus / Les bonnes idées à prendre
o Le cadre légal
Il est comment le touriste en 2018 ?
Le cycle du voyageur
= Réseaux
sociaux
=
Séduire
= Donner une info
complète
= Rassurer et
montrer les
avantages
= Faciliter la réservation et
l’acte d’achat
= Faciliter la
découverte
du territoire
Accueillir
Remercier
Rêver à ses prochaines vacances
Comparer, choisir une destination
Un touriste …
► 8 sites internet visités en moyenne pour préparer son séjour
• Site de réservation
• Site d’informations touristiques
• …
► Lit les avis et compare les prix.
► Consulte les photos des amis sur les réseaux sociaux.
► Regarde des vidéos de destination.
Le touriste …
► Utilise son smartphone pour découvrir les destinations.
(dans son canapé, en voiture ou en salle d’attente …)
► Retour sur son PC pour passer commande.
(Taux de conversion 2X moins important sur mobile)
La mobilité
Le responsive design
Tester l’adaptation de son site aux mobiles
avec un outil gratuit de Google
Image : Jebossedansleweb.com
Mes cibles, mon positionnement
Mes objectifs avant tout
À chaque objectif ses actions et ses fonctionnalités correspondantes !
Je veux …
Informer, me faire connaître
► Contact
► Localisation
Vendre en ligne
► Module open system
Montrer ma production, séduire
► De grands et beaux visuels
► Mes spécificités
Fidéliser
► Lien Facebook
► Inscription newsletter
Mes cibles
Quelles sont les cibles de ma communication ?
► Profil social, pyramide des âges, catégories CSP, motivations à être
sur la commune, bassin de vie, le type de question qu’elle se pose.
Qu’est-ce que chaque cible peut attendre du site ?
► Il s’agit d’identifier les besoins, les manques, voire les frustrations
► Il est parfois utile de se rappeler de la relation client afin de lister les
demandes récurrentes.
Quelles sont les cibles prioritaires ?
Positionnement
Le positionnement est une sélection de critères pour assurer une
position crédible, différente et attrayante dans l’esprit des clients
L'image de marque (jugement de valeur ) n'est pas toujours associée au
positionnement voulu par la stratégie.
Mieux comprendre le positionnement
Le web doit être le reflet de vous dans la réalité.
Que font les voisins ?
Benchmark :
► Consiste à déterminer les principaux concurrents du site web
► Analyser comment ils répondent à leur clientèle (des lacunes ?)
Double objectif :
► Dresser un panorama de l'offre existante et du besoin à satisfaire
► Proposer une plus-value aux visiteurs, pour atteindre un objectif de
positionnement
Votre travail d’enquêteur :
Se mettre à la place du client !
 Mieux comprendre le principe du benchmark
À vous de jouer
Remplir le document avec toutes les étapes :
1. Objectifs
2. Cibles
3. Positionnement
4. Benchmark
5. Diagnostic interne + externe
• Comportement de l’internaute
Extraits de la formation de Web Créatif ©
« Conceptualiser son site internet »
Étape recherche sur Google
Comprendre l’importance des balises
Mes premières impressions
Premières impressions
http://chambresdhotes-beauxesprits.fr/
Levez les doutes…
1 « bon exemple »
Classer mes contenus
Le mot d’ordre : conversion
Un menu bien construit
L’arborescence
Une arborescence désigne une organisation des données
de manière logique et hiérarchisée utilisant une structure
d'arbre. Cette organisation rend plus efficace la
consultation et la manipulation des données.
À vous de jouer !
Eyetracking
Ergonomie, les habitudes acquises
► Logo situé en haut à gauche : souvent cliquable et qui mène à la page d'accueil
► Une zone de navigation (menu), située à gauche et/ou en haut ;
► Le bouton « accueil » est le premier bouton
► Un en-tête (header) contenant le nom du site, un menu de navigation et une
zone prévue pour un bandeau (graphique) ;
► Un corps de page, contenant l'essentiel de l'information ;
► Une colonne à droite (sidebar) pour les focus, agendas, liens utiles …
► un pied de page (footer) regroupant des informations utiles :
- la date de mise à jour,
- un lien vers un formulaire de contact,
- un plan d'accès, coordonnées, plan de site, mentions légales, etc.
Les tendances 2018
https://graphiste.com/blog/tendances-web-design-2018
► Des boutons animés et menus « hamburger »
► De l’ultra-violet et des couleurs vives
► Des espaces blancs pour mettre en valeur des éléments
► Des polices de caractère en gras (sans en abuser !)
► Les micro-intéractions
► Les menus en bas
► Le one page toujours aussi fort
► Le material design
► Le responsive design passe par l’AMP
Rôle de la vidéo et des grands visuels
Le long scrolling
Le flat design
Exemples de sites sous wix
Ils ont participé aux formations wix
http://www.lebrandage-vendee.com/
https://www.chateau-moreilles.com/
https://www.la-longere-de-bel-air.net/
https://www.chezloicetpaulette.com/
http://patricknerriere.wixsite.com/gitealaferme-vendee
https://gitelaudriere.weebly.com/
Ils ont participé à l’atelier de l’année dernière
https://www.thierryrabiller.com/
https://www.blog-passion-vendee.com/jacky-joccotton-photographe
https://www.gite-chezgrandmere.com/
https://www.lerefugedulivre.com/ Autres exemples
http://ancienne-ecole-bouffere.fr/
http://www.les-terrasses-royales.com/
http://www.maitrepannetier.com/
Rôle du zoning
QU’est-ce qu’un CMS ?
Image : outline
Lequel choisir ?
► Vous le faites vous-même ?
► Vous faites appel à un pro ?
Choisir son template
Le cadre légal
Suis-je propriétaire de mon site ?
La propriété de votre nom de domaine (www.votresociete.com) :
► Vous n'êtes jamais propriétaire du nom de domaine, mais simplement
locataire.
► Attention : vérifiez qui est le locataire, sinon votre prestataire peut vous
"bloquer" induement chez lui.
La propriété du contenu du site :
► Comme toute création originale, le contenu de votre site appartient au
moins en partie à votre prestataire web.
► Il convient donc de prévoir explicitement dans le contrat les modalités
d'exploitation et de transfert de propriété, ainsi que le statut des codes
sources ayant servi à la création du site (A prévoir donc dans le cahier des
charges).
Les forfaits de Wix
Les mentions légales
Nécessité légale
Les générer automatiquement :
http://www.subdelirium.com/generateur-de-mentions-legales/
Un site e-commerce
► Un site e-commerce devra en plus faire figurer des mentions supplémentaires :
- Les conditions générales de vente, (avec délais de rétractation ou de réclamation)
- Le délai moyen de livraison
- Les conditions de remboursement
► Le droit applicable en cas de litiges
- Les conditions de services (configuration requise pour utiliser le site web)
- Une clause d'exclusion de responsabilité
- Mentions pour certains secteurs d'activité (agroalimentaire, vin & spiritueux, ...)
- Si le site internet propose une inscription à une lettre d'information électronique,
les internautes devront être informé et pouvoir s'opposer à une cession à un tiers
et pouvoir se désinscrire à volonté.
Rédiger son cahier des charges
Document contractuel décrivant ce qui est attendu du maître d’œuvre
(prestataire) par le maitre d’ouvrage (donneur d’ordre).
Ce document permet :
► De garantir au donneur d’ordre que les livrables seront conformes à ce qui est écrit,
► D’éviter que le donneur d’ordre modifie son souhait au fur et à mesure du projet et demande
au prestataire de nouvelles fonctionnalités non prévues initialement.
Son contenu
► Décrire votre activité
► Comment souhaitez-vous la présenter sur votre site
► Nature du site souhaité
► Conditions de travail
► Planification
Merci !Des questions ?
Sud Vendée Tourisme
Tél. : 02 51 87 69 07
l.beteau@sudvendeetourisme.com
www.svtpro.fr
Vendée Vallée
Tél. : 02 44 40 20 00
stephanie.d@vendeevallee.fr
www.vendeevallee.fr
CRÉDITS ET SOURCES :
Photos :
Pixabay
Pexel
Death to stock
Creative commons
wikipedia
Sources :
Formation Web Creatif
Blog Wix
Alsa Création
Leblogdumodérateur
Réseau Animateur Numérique de Territoire France
Centre d’aide Google pour le référencement
Think with Google
Baromètre Raffour 2016
Académie du e-tourisme Pays de la loire 2017

Penser et organiser son site internet

  • 1.
    PENSER ET ORGANISER SONSITE INTERNET Janvier 2018
  • 2.
    Bonjour ! Nous seronsvos animatrices aujourd’hui, Et vous ?
  • 3.
    AU PROGRAMME o Ilest comment le touriste en 2018 ? o Mes cibles, mon positionnement o Comportement de l’internaute o Classer mes contenus / Les bonnes idées à prendre o Le cadre légal
  • 4.
    Il est commentle touriste en 2018 ?
  • 5.
    Le cycle duvoyageur = Réseaux sociaux = Séduire = Donner une info complète = Rassurer et montrer les avantages = Faciliter la réservation et l’acte d’achat = Faciliter la découverte du territoire Accueillir Remercier
  • 6.
    Rêver à sesprochaines vacances
  • 7.
    Comparer, choisir unedestination Un touriste … ► 8 sites internet visités en moyenne pour préparer son séjour • Site de réservation • Site d’informations touristiques • … ► Lit les avis et compare les prix. ► Consulte les photos des amis sur les réseaux sociaux. ► Regarde des vidéos de destination. Le touriste … ► Utilise son smartphone pour découvrir les destinations. (dans son canapé, en voiture ou en salle d’attente …) ► Retour sur son PC pour passer commande. (Taux de conversion 2X moins important sur mobile)
  • 8.
  • 9.
    Le responsive design Testerl’adaptation de son site aux mobiles avec un outil gratuit de Google Image : Jebossedansleweb.com
  • 10.
    Mes cibles, monpositionnement
  • 11.
    Mes objectifs avanttout À chaque objectif ses actions et ses fonctionnalités correspondantes ! Je veux … Informer, me faire connaître ► Contact ► Localisation Vendre en ligne ► Module open system Montrer ma production, séduire ► De grands et beaux visuels ► Mes spécificités Fidéliser ► Lien Facebook ► Inscription newsletter
  • 12.
    Mes cibles Quelles sontles cibles de ma communication ? ► Profil social, pyramide des âges, catégories CSP, motivations à être sur la commune, bassin de vie, le type de question qu’elle se pose. Qu’est-ce que chaque cible peut attendre du site ? ► Il s’agit d’identifier les besoins, les manques, voire les frustrations ► Il est parfois utile de se rappeler de la relation client afin de lister les demandes récurrentes. Quelles sont les cibles prioritaires ?
  • 13.
    Positionnement Le positionnement estune sélection de critères pour assurer une position crédible, différente et attrayante dans l’esprit des clients L'image de marque (jugement de valeur ) n'est pas toujours associée au positionnement voulu par la stratégie. Mieux comprendre le positionnement Le web doit être le reflet de vous dans la réalité.
  • 14.
    Que font lesvoisins ? Benchmark : ► Consiste à déterminer les principaux concurrents du site web ► Analyser comment ils répondent à leur clientèle (des lacunes ?) Double objectif : ► Dresser un panorama de l'offre existante et du besoin à satisfaire ► Proposer une plus-value aux visiteurs, pour atteindre un objectif de positionnement Votre travail d’enquêteur : Se mettre à la place du client !  Mieux comprendre le principe du benchmark
  • 15.
    À vous dejouer Remplir le document avec toutes les étapes : 1. Objectifs 2. Cibles 3. Positionnement 4. Benchmark 5. Diagnostic interne + externe
  • 16.
    • Comportement del’internaute
  • 17.
    Extraits de laformation de Web Créatif © « Conceptualiser son site internet »
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
    Levez les doutes… 1« bon exemple »
  • 28.
  • 29.
    Le mot d’ordre: conversion
  • 30.
    Un menu bienconstruit
  • 31.
    L’arborescence Une arborescence désigneune organisation des données de manière logique et hiérarchisée utilisant une structure d'arbre. Cette organisation rend plus efficace la consultation et la manipulation des données.
  • 32.
    À vous dejouer !
  • 33.
  • 34.
    Ergonomie, les habitudesacquises ► Logo situé en haut à gauche : souvent cliquable et qui mène à la page d'accueil ► Une zone de navigation (menu), située à gauche et/ou en haut ; ► Le bouton « accueil » est le premier bouton ► Un en-tête (header) contenant le nom du site, un menu de navigation et une zone prévue pour un bandeau (graphique) ; ► Un corps de page, contenant l'essentiel de l'information ; ► Une colonne à droite (sidebar) pour les focus, agendas, liens utiles … ► un pied de page (footer) regroupant des informations utiles : - la date de mise à jour, - un lien vers un formulaire de contact, - un plan d'accès, coordonnées, plan de site, mentions légales, etc.
  • 35.
    Les tendances 2018 https://graphiste.com/blog/tendances-web-design-2018 ►Des boutons animés et menus « hamburger » ► De l’ultra-violet et des couleurs vives ► Des espaces blancs pour mettre en valeur des éléments ► Des polices de caractère en gras (sans en abuser !) ► Les micro-intéractions ► Les menus en bas ► Le one page toujours aussi fort ► Le material design ► Le responsive design passe par l’AMP
  • 36.
    Rôle de lavidéo et des grands visuels
  • 37.
  • 38.
  • 39.
    Exemples de sitessous wix Ils ont participé aux formations wix http://www.lebrandage-vendee.com/ https://www.chateau-moreilles.com/ https://www.la-longere-de-bel-air.net/ https://www.chezloicetpaulette.com/ http://patricknerriere.wixsite.com/gitealaferme-vendee https://gitelaudriere.weebly.com/ Ils ont participé à l’atelier de l’année dernière https://www.thierryrabiller.com/ https://www.blog-passion-vendee.com/jacky-joccotton-photographe https://www.gite-chezgrandmere.com/ https://www.lerefugedulivre.com/ Autres exemples http://ancienne-ecole-bouffere.fr/ http://www.les-terrasses-royales.com/ http://www.maitrepannetier.com/
  • 40.
  • 41.
    QU’est-ce qu’un CMS? Image : outline
  • 42.
    Lequel choisir ? ►Vous le faites vous-même ? ► Vous faites appel à un pro ?
  • 43.
  • 44.
  • 45.
    Suis-je propriétaire demon site ? La propriété de votre nom de domaine (www.votresociete.com) : ► Vous n'êtes jamais propriétaire du nom de domaine, mais simplement locataire. ► Attention : vérifiez qui est le locataire, sinon votre prestataire peut vous "bloquer" induement chez lui. La propriété du contenu du site : ► Comme toute création originale, le contenu de votre site appartient au moins en partie à votre prestataire web. ► Il convient donc de prévoir explicitement dans le contrat les modalités d'exploitation et de transfert de propriété, ainsi que le statut des codes sources ayant servi à la création du site (A prévoir donc dans le cahier des charges).
  • 46.
  • 47.
    Les mentions légales Nécessitélégale Les générer automatiquement : http://www.subdelirium.com/generateur-de-mentions-legales/
  • 48.
    Un site e-commerce ►Un site e-commerce devra en plus faire figurer des mentions supplémentaires : - Les conditions générales de vente, (avec délais de rétractation ou de réclamation) - Le délai moyen de livraison - Les conditions de remboursement ► Le droit applicable en cas de litiges - Les conditions de services (configuration requise pour utiliser le site web) - Une clause d'exclusion de responsabilité - Mentions pour certains secteurs d'activité (agroalimentaire, vin & spiritueux, ...) - Si le site internet propose une inscription à une lettre d'information électronique, les internautes devront être informé et pouvoir s'opposer à une cession à un tiers et pouvoir se désinscrire à volonté.
  • 49.
    Rédiger son cahierdes charges Document contractuel décrivant ce qui est attendu du maître d’œuvre (prestataire) par le maitre d’ouvrage (donneur d’ordre). Ce document permet : ► De garantir au donneur d’ordre que les livrables seront conformes à ce qui est écrit, ► D’éviter que le donneur d’ordre modifie son souhait au fur et à mesure du projet et demande au prestataire de nouvelles fonctionnalités non prévues initialement. Son contenu ► Décrire votre activité ► Comment souhaitez-vous la présenter sur votre site ► Nature du site souhaité ► Conditions de travail ► Planification
  • 50.
    Merci !Des questions? Sud Vendée Tourisme Tél. : 02 51 87 69 07 [email protected] www.svtpro.fr Vendée Vallée Tél. : 02 44 40 20 00 [email protected] www.vendeevallee.fr
  • 51.
    CRÉDITS ET SOURCES: Photos : Pixabay Pexel Death to stock Creative commons wikipedia Sources : Formation Web Creatif Blog Wix Alsa Création Leblogdumodérateur Réseau Animateur Numérique de Territoire France Centre d’aide Google pour le référencement Think with Google Baromètre Raffour 2016 Académie du e-tourisme Pays de la loire 2017