atelier numérique : pensez et organisez votre site web

56
PENSEZ ET ORGANISEZ VOTRE SITE WEB Janvier 2017

Upload: sudvendeetourisme

Post on 11-Apr-2017

75 views

Category:

Marketing


1 download

TRANSCRIPT

Page 1: Atelier numérique : Pensez et organisez votre site web

PENSEZ ET ORGANISEZ VOTRE SITE WEB

Janvier 2017

Page 2: Atelier numérique : Pensez et organisez votre site web

Bonjour !Nous serons vos animatricesaujourd’hui,

Et vous ?

Page 3: Atelier numérique : Pensez et organisez votre site web

PLAN DE L’ATELIER

o Il est comment le touriste en 2017 ?o Mes cibles, mon positionnemento • Comportement de l’internaute

o Classer mes contenus / Les bonnes idées à prendre o • Le cadre légal

Page 4: Atelier numérique : Pensez et organisez votre site web

Il est comment le touriste en 2017 ?

Page 5: Atelier numérique : Pensez et organisez votre site web

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

Page 6: Atelier numérique : Pensez et organisez votre site web

Rêver à ses prochaines vacances

Page 7: Atelier numérique : Pensez et organisez votre site web

Comparer, choisir une destination

Un touriste …

o Visite 38 sites web et compare les prixo Lit les avis o Consulte les photos des amis sur les réseaux

sociauxo Regarde des vidéos de destinationo Utilise la tablette sur son canapé, son

smartphone en voiture ou dans la salle d’attente …

o Mais pour passer aux choses sérieuses : retour au bon vieux PC

Page 8: Atelier numérique : Pensez et organisez votre site web

Mes cibles, mon positionnement

Page 9: Atelier numérique : Pensez et organisez votre site web

Mes objectifs avant tout

Objectif Action Résultats attendus Évaluation

Engagement Agenda dynamique Page très consultée Google Analytics

Engagement Newsletter 100 inscriptions Nombre d’inscriptions réelles

Augmenter mes ventes

Mise en place Open System

10% des ventes Ventes réelles en ligne

À chaque objectif ses actions et ses fonctionnalités correspondantes !

Page 10: Atelier numérique : Pensez et organisez votre site web

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 ?

Page 11: Atelier numérique : Pensez et organisez votre site web

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

Page 12: Atelier numérique : Pensez et organisez votre site web

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

Page 13: Atelier numérique : Pensez et organisez votre site web

À vous de jouer

Remplir le document avec toutes les étapes :1. Diagnostic interne + externe

2. Benchmark3. Objectifs

4. Cibles5. Positionnement

Page 14: Atelier numérique : Pensez et organisez votre site web

• Comportement de l’internaute

Page 15: Atelier numérique : Pensez et organisez votre site web

Extraits de la formation de Web Créatif ©« Conceptualiser son site internet »

Page 16: Atelier numérique : Pensez et organisez votre site web
Page 17: Atelier numérique : Pensez et organisez votre site web
Page 18: Atelier numérique : Pensez et organisez votre site web
Page 19: Atelier numérique : Pensez et organisez votre site web
Page 20: Atelier numérique : Pensez et organisez votre site web
Page 21: Atelier numérique : Pensez et organisez votre site web

Étape recherche sur Google

?

?

?

Page 22: Atelier numérique : Pensez et organisez votre site web

Comprendre l’importance des balises

Page 23: Atelier numérique : Pensez et organisez votre site web

Mes premières impressions

Page 24: Atelier numérique : Pensez et organisez votre site web

Premières impressions

Page 25: Atelier numérique : Pensez et organisez votre site web

Levez les doutes…1 « bon exemple »

Page 26: Atelier numérique : Pensez et organisez votre site web

Classer mes contenus

Page 27: Atelier numérique : Pensez et organisez votre site web

Le mot d’ordre : conversion

Page 28: Atelier numérique : Pensez et organisez votre site web

Un menu bien construit

Page 29: Atelier numérique : Pensez et organisez votre site web

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.

Page 30: Atelier numérique : Pensez et organisez votre site web

À vous de jouer !

Page 31: Atelier numérique : Pensez et organisez votre site web

Eyetracking

Page 32: Atelier numérique : Pensez et organisez votre site web

Ergonomie les habitudes acquises

• Logo situé en haut à gauche : souvent cliquable et qui mène à la paged'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 denavigation 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 pland'accès,coordonnées, plan de site, mentions légales, etc.

Page 33: Atelier numérique : Pensez et organisez votre site web
Page 34: Atelier numérique : Pensez et organisez votre site web

Rôle de la vidéo et des grands visuels

Page 35: Atelier numérique : Pensez et organisez votre site web

Les typographies et couleurs tendances

https://color.adobe.com/fr/https://www.anthedesign.fr/webdesign-2/couleurs-du-web-2017/

http://fr.wix.com/blog/2016/12/05/les-grandes-tendances-du-web-design-2017/

Page 36: Atelier numérique : Pensez et organisez votre site web

La mobilité

Page 38: Atelier numérique : Pensez et organisez votre site web

Le long scrolling

Page 39: Atelier numérique : Pensez et organisez votre site web

Le flat design

Page 40: Atelier numérique : Pensez et organisez votre site web

Les cartes

Page 41: Atelier numérique : Pensez et organisez votre site web

La résa en ligne

Page 42: Atelier numérique : Pensez et organisez votre site web

Nos conseils

5 « beaux » sites à regarder :

http://www.lebrandage-vendee.com/http://chambresdhotes-beauxesprits.fr/

http://ancienne-ecole-bouffere.fr/http://www.le-rabelais.com/fr

http://www.les-terrasses-royales.com/

Page 43: Atelier numérique : Pensez et organisez votre site web

Rôle du zoning

Page 44: Atelier numérique : Pensez et organisez votre site web

À chaque type de page son zoning

“ À chaque pot son couvercle

Page 45: Atelier numérique : Pensez et organisez votre site web

À vous de jouer

Page 46: Atelier numérique : Pensez et organisez votre site web

QU’est-ce qu’un CMS ?

Image : outline

Page 47: Atelier numérique : Pensez et organisez votre site web

Lequel choisir ?

Page 48: Atelier numérique : Pensez et organisez votre site web

Notre choix : Wix

Image : jofischer.fr

Page 49: Atelier numérique : Pensez et organisez votre site web

Choisir son template

Page 50: Atelier numérique : Pensez et organisez votre site web

Le cadre légal

Page 51: Atelier numérique : Pensez et organisez votre site web

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).

Page 52: Atelier numérique : Pensez et organisez votre site web

Les forfaits de Wix

Page 53: Atelier numérique : Pensez et organisez votre site web

Les mentions légalesNécessité légaleLes générer automatiquement : http://www.subdelirium.com/generateur-de-mentions-legales/

Page 54: Atelier numérique : Pensez et organisez votre site web

Un site e-commerce

• Un site e-commerce devra en plus faire figurer des mentions supplémentaires :– Les conditions générales de vente, mentionnant notamment le délai de rétractationou 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, lesinternautes devront être informé et pouvoir s'opposer à une cession à un tiers etpouvoir se désinscrire à volonté.

Page 55: Atelier numérique : Pensez et organisez votre site web

Merci ! Des questions ?

Sud Vendée TourismeTél. : 02 51 87 69 [email protected]

Vendée Vallée Tél. : 02 44 40 00 [email protected]

Page 56: Atelier numérique : Pensez et organisez votre site web

CRÉDITS ET SOURCES :

Photos : PixabayPexelDeath to stockCreative commons wikipedia

Sources : Formation Web CreatifBlog WixAlsa CréationLeblogdumodérateurRéseau Animateur Numérique de Territoire FranceCentre d’aide Google pour le référencementThink with GoogleBaromètre Raffour 2016