SlideShare une entreprise Scribd logo
1  sur  8
Télécharger pour lire hors ligne
Transcription des ateliers pratiques du 26/11/2015
Comment (re)créer le site de son association
Merci à La Pépinière pour leur accueil !
Merci à tous de votre implication.
Comment (re)créer le site de son
association
Avec Pierre Grateau et Bertrand Flaujac
Transcription des ateliers pratiques du 26/11/2015
Comment (re)créer le site de son association
Merci à La Pépinière pour leur accueil !
Merci à tous de votre implication.
Comment(re)créerle site de son association
Animation AssoConnect,
Pierre Grateau, pierre.grateau@assoconnect.com
Bertrand Flaujac, bertrand.flaujac@assoconnect.com
Restitution Laure de Prest, bénévole Webassoc
Etape 1 : Définir ses objectifs et destinataires
Les grandstypesde destinataires :
- Adhérents(actuelsetpotentiels)
- Bénévoles
- Donateursprivés
- Entreprises mécènes
- Le grand public
- Les pouvoirspublics
- Journalistes
 définirsacible prioritaire permetde construire lastructure dusite.
Quel estl’ADN de monassociation ?
- Résumé en1 phrase ce que faitmon association
- Qu’estce qui me différencie?
- Mon asso. en3 points ?
 De sesvaleursdépendentlachartre graphique dusite.
 Il faut qu’une personne qui arrive surle site comprenne en1phrase ce que vousfaites.
Transcription des ateliers pratiques du 26/11/2015
Comment (re)créer le site de son association
Merci à La Pépinière pour leur accueil !
Merci à tous de votre implication.
Etape 2 : Faire l’état des lieux
1. Pourquoi changer ?
Mauvaise architecture,design,Responsive, ergonomie,personnesresponsablesdusite,ciblage
…
Design:
Il y a desmodesdansle design :aujourd’hui lessitessontsimplesetépurés(cf site Apple)
 Demanderà vosenfantsetà desados s’ilsaimentvossites !
Responsive :
Aujourd’hui 30%desgensvontvoirvossitespar le mobile :il fautadapterle site à ce support.Ex/Menu
en« burger»
2. S’inspirer
Cf Themeforestpouravoirdeschartresgraphiques :donne desidéesde ce qu’il se faitence moment –
Thème « charity »
Etape 3 : Construire la structure
Haut de page (avec le call to action)
Menu
Page
Bas de page
Importance duCALL TO ACTION
Ne pas mettre lesstats« nombre de visites » visible
Ne pas mettre tropde menu
Bon exemple:site de laCroix-Rouge
Aéré,épuré,sobre
Transcription des ateliers pratiques du 26/11/2015
Comment (re)créer le site de son association
Merci à La Pépinière pour leur accueil !
Merci à tous de votre implication.
3 actionsliésaux cibles :« je m’engage »,« je me forme »,« je donne »
Call to action :
- doitêtre bienvisible,
- couleurqui incite àl’action
- Eviterleseffets :ex/boutonqui clignote
- Ne doitpas être sur un carrousel,maisil doitêtre fixe
- Se voitmême si on scrolle
Attentionàne pas mettre desboutonsde partage partout.
Il faut 4 ou5 sous-menusmaximum
Dans le bas de page : Contact, plandu site,emploi,mentionslégales…
Etape 4 : Construire ses pages
1. Organiser l’information
Obj. : Fournirà l’Internaute uncontenuorganisé pourque celui ci soitsensibilisé,tenuinformé et/ou
passe à l’action
Très importantpourorganisersonsite d’analysersesstats=> Google Analyticsindispensable.
Il faut savoirquel estl’objectif de mapage pourstructurerl’argumentaire.
3 étapes :
- Déterminerle messageque l’onveutfaire passer :brainstormereninterne
- Hiérarchiserlesmessages(infosprincipales,infossecondaires)
- Les mettre enforme
Raconterdeshistoires :dimensionsociale,lesgensaimentqu’onleurraconte deshistoires.
Transcription des ateliers pratiques du 26/11/2015
Comment (re)créer le site de son association
Merci à La Pépinière pour leur accueil !
Merci à tous de votre implication.
2. Des modèlesde pagesqui fonctionnent
Il faut2 ou 3 clics max.pourtrouverl’info.recherchée.
A noter:
Google Grantestune versiond’AdWords(outilde pubenligne de Google) destinée aux organismesà
but nonlucratif.Google leuroffre uncréditpub.
Unbounce, permetde créerdeslandingspage (page de redirection) dédiéspourune campagne de pub
par exemple.
Ex de bonssites : Intercom,airbnb,…
Outilspourconcevoirdesmodèlesde page :
- LogicielsMockups :balsamiq,cacoo,mockflow
- Powerpoint
- Et surtout dupapieretun crayon
Transcription des ateliers pratiques du 26/11/2015
Comment (re)créer le site de son association
Merci à La Pépinière pour leur accueil !
Merci à tous de votre implication.
3. Le contenu
« Nous ne lisonspas lespages,nous lesscannons » : Steve Krug
Les internautessontfainéantsparnature.
 Aidezvousde visuels
 Max. 15 mots par ligne
 Pas de texte troppetit : min.14 pixels.
 Variezlestypesde contenu :
o Image
o Texte
o Contenudynamique
 Ex/ Infographie (CF Piktochart)
o Video(augmentele tempspassé de 80%)
 CF sites Pitchy etReplay : permetde construire vosvidéos
 Conseil :hébergerlesvideossuryoutube (enplusc’estbonpourle
référencement)
CF sitesGraphicBurger,thenounprojet :base d’icones gratuite,il fautjuste citerlesauteurs.
4. Restezsimple
Il ne fautpas laisserle doute danslatête de l’utilisateur.
Pouréviterlesconfusions,travaillerle texte etle design.
5. Ne réinventezpas la roue
- Où afficherle bouton« don» ?
o Souventenhautà droite (cf Croix Rouge,Electricitéssansfrontière)
- Commentgérerle processde don ?
o mettre unfil d’ariane (étapes)
6. lesproblèmesde police
o pas trop petite (min14)
o pas trop « Word »
o éviterplusieurspolices(2max)
o Cohérence entre titresetsous-titres
CF WhatFontsousChrome
Transcription des ateliers pratiques du 26/11/2015
Comment (re)créer le site de son association
Merci à La Pépinière pour leur accueil !
Merci à tous de votre implication.
7. Les couleurs
Police bleue fatiguante:il fautune couleurplusterne qui ressorte.Ex/grissombre
Attentionaucontraste avecle fond
CF flatuicolorpickerpourchoisirlescouleurs
CF paletton pourdéfinirlesalliancesde couleur
Etape 5 : Prestataires et outils
1. Les acteurs
Transcription des ateliers pratiques du 26/11/2015
Comment (re)créer le site de son association
Merci à La Pépinière pour leur accueil !
Merci à tous de votre implication.
- Agence de communication :
o Les moins:
Environ500 euros/j.de développement
5000 eurosminla création
+ fraisde maintenance
o Les plus :
Qualité
Tempspassé
Le suivi
Attentionbiencaleravecl’agencelapropriété ducode etd’avoirlamain sur deschangements.
- Freelance
o 1500 eurosmi
o qualité variable
o Attentionausuivi :risque si lapersonne n’estpluslà
- CMS (système de gestionde contenu)
o 20% de touslessitesdumonde
o ex/wordpressetJoomla(completmaispluscompliqué),jimdo,assoConnect(moinsde
1000 euros),WIX
o Avantage : prix etamélioration
o Inconvénients :qualité (/àune agence)
Attentionà:
- la propriété ducode
- le développeurdoitêtre compétent
- le contenufacile àmettre à jour
Compositionde l’équipe dédiée ausite idéal:
- un cérébral
- un rationnel
- un créatif
- + undestinataire cibleàqui on montre le site encoursde construction
2. Synthèse
- Un site Internetn’estjamaisfini
- … doitévoluerenfonctiondestechnologies(flash,Googleintègre l’aspectResponsive dansson
algorithme)
=> Facteursà prendre encompte dansle budgetetle choix du développement

Contenu connexe

Tendances

#CapCom14 : CN3 – Faut-il payer pour être vu sur Facebook ?
#CapCom14 : CN3 – Faut-il payer pour être vu sur Facebook ? #CapCom14 : CN3 – Faut-il payer pour être vu sur Facebook ?
#CapCom14 : CN3 – Faut-il payer pour être vu sur Facebook ? Cap'Com
 
Le social commerce
Le social commerceLe social commerce
Le social commerceCYB@RDECHE
 
Gestionnaire de communautés : de modérateur à influenceur #SLW3R
Gestionnaire de communautés : de modérateur à influenceur #SLW3RGestionnaire de communautés : de modérateur à influenceur #SLW3R
Gestionnaire de communautés : de modérateur à influenceur #SLW3RRoch Courcy
 
Les principes du crowdfunding - 01 avril 2014
Les principes du crowdfunding - 01 avril 2014Les principes du crowdfunding - 01 avril 2014
Les principes du crowdfunding - 01 avril 2014webassoc .fr
 
La perception du référencement au travers les moteurs de recherches par les i...
La perception du référencement au travers les moteurs de recherches par les i...La perception du référencement au travers les moteurs de recherches par les i...
La perception du référencement au travers les moteurs de recherches par les i...Olivier Bensoussan
 
Club E-Tourisme // Les réseaux sociaux, des outils au service de la promotion...
Club E-Tourisme // Les réseaux sociaux, des outils au service de la promotion...Club E-Tourisme // Les réseaux sociaux, des outils au service de la promotion...
Club E-Tourisme // Les réseaux sociaux, des outils au service de la promotion...Pays Médoc
 
Atelier-conférence "Comment les réseaux sociaux peuvent booster votre CA et a...
Atelier-conférence "Comment les réseaux sociaux peuvent booster votre CA et a...Atelier-conférence "Comment les réseaux sociaux peuvent booster votre CA et a...
Atelier-conférence "Comment les réseaux sociaux peuvent booster votre CA et a...COMPETITIC
 
Formation Social Media 2014
Formation Social Media  2014Formation Social Media  2014
Formation Social Media 2014Guillaume Eouzan
 
WSI-Agence csweb : Comment utiliser au mieux les réseaux sociaux- Ch.Santerre...
WSI-Agence csweb : Comment utiliser au mieux les réseaux sociaux- Ch.Santerre...WSI-Agence csweb : Comment utiliser au mieux les réseaux sociaux- Ch.Santerre...
WSI-Agence csweb : Comment utiliser au mieux les réseaux sociaux- Ch.Santerre...WSI - Agence CSWEB
 
Les réseaux sociaux pour votre entreprise
Les réseaux sociaux pour votre entrepriseLes réseaux sociaux pour votre entreprise
Les réseaux sociaux pour votre entrepriseBusiness to web
 
Wsi agence csweb- comment utiliser au mieux les réseaux sociaux- bni 30 mai ...
Wsi  agence csweb- comment utiliser au mieux les réseaux sociaux- bni 30 mai ...Wsi  agence csweb- comment utiliser au mieux les réseaux sociaux- bni 30 mai ...
Wsi agence csweb- comment utiliser au mieux les réseaux sociaux- bni 30 mai ...Patrice GABIN
 
Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014
Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014
Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014WSIdee
 
Pages Fans, quelles interactions avec vos fans ? | Maxime Garrigues (X-prime ...
Pages Fans, quelles interactions avec vos fans ? | Maxime Garrigues (X-prime ...Pages Fans, quelles interactions avec vos fans ? | Maxime Garrigues (X-prime ...
Pages Fans, quelles interactions avec vos fans ? | Maxime Garrigues (X-prime ...Ooredoo Tunisie
 
Etude de cas - la gestion des adhésions en ligne de Osez Le Féminisme
Etude de cas - la gestion des adhésions en ligne de Osez Le FéminismeEtude de cas - la gestion des adhésions en ligne de Osez Le Féminisme
Etude de cas - la gestion des adhésions en ligne de Osez Le FéminismeHelloAsso
 
Micro-blogging: retour d\'experience
Micro-blogging: retour d\'experienceMicro-blogging: retour d\'experience
Micro-blogging: retour d\'experienceRegular Switch
 

Tendances (20)

#CapCom14 : CN3 – Faut-il payer pour être vu sur Facebook ?
#CapCom14 : CN3 – Faut-il payer pour être vu sur Facebook ? #CapCom14 : CN3 – Faut-il payer pour être vu sur Facebook ?
#CapCom14 : CN3 – Faut-il payer pour être vu sur Facebook ?
 
Le social commerce
Le social commerceLe social commerce
Le social commerce
 
Gestionnaire de communautés : de modérateur à influenceur #SLW3R
Gestionnaire de communautés : de modérateur à influenceur #SLW3RGestionnaire de communautés : de modérateur à influenceur #SLW3R
Gestionnaire de communautés : de modérateur à influenceur #SLW3R
 
Les principes du crowdfunding - 01 avril 2014
Les principes du crowdfunding - 01 avril 2014Les principes du crowdfunding - 01 avril 2014
Les principes du crowdfunding - 01 avril 2014
 
Mediasociaux forma pme
Mediasociaux forma pmeMediasociaux forma pme
Mediasociaux forma pme
 
La perception du référencement au travers les moteurs de recherches par les i...
La perception du référencement au travers les moteurs de recherches par les i...La perception du référencement au travers les moteurs de recherches par les i...
La perception du référencement au travers les moteurs de recherches par les i...
 
Club E-Tourisme // Les réseaux sociaux, des outils au service de la promotion...
Club E-Tourisme // Les réseaux sociaux, des outils au service de la promotion...Club E-Tourisme // Les réseaux sociaux, des outils au service de la promotion...
Club E-Tourisme // Les réseaux sociaux, des outils au service de la promotion...
 
Atelier avis voyageurs
Atelier avis voyageursAtelier avis voyageurs
Atelier avis voyageurs
 
Atelier-conférence "Comment les réseaux sociaux peuvent booster votre CA et a...
Atelier-conférence "Comment les réseaux sociaux peuvent booster votre CA et a...Atelier-conférence "Comment les réseaux sociaux peuvent booster votre CA et a...
Atelier-conférence "Comment les réseaux sociaux peuvent booster votre CA et a...
 
Formation Social Media 2014
Formation Social Media  2014Formation Social Media  2014
Formation Social Media 2014
 
WSI-Agence csweb : Comment utiliser au mieux les réseaux sociaux- Ch.Santerre...
WSI-Agence csweb : Comment utiliser au mieux les réseaux sociaux- Ch.Santerre...WSI-Agence csweb : Comment utiliser au mieux les réseaux sociaux- Ch.Santerre...
WSI-Agence csweb : Comment utiliser au mieux les réseaux sociaux- Ch.Santerre...
 
Les réseaux sociaux pour votre entreprise
Les réseaux sociaux pour votre entrepriseLes réseaux sociaux pour votre entreprise
Les réseaux sociaux pour votre entreprise
 
Wsi agence csweb- comment utiliser au mieux les réseaux sociaux- bni 30 mai ...
Wsi  agence csweb- comment utiliser au mieux les réseaux sociaux- bni 30 mai ...Wsi  agence csweb- comment utiliser au mieux les réseaux sociaux- bni 30 mai ...
Wsi agence csweb- comment utiliser au mieux les réseaux sociaux- bni 30 mai ...
 
Dmk club b rand guideline
Dmk club b rand guidelineDmk club b rand guideline
Dmk club b rand guideline
 
Stratégie Digitale pour une Radio
Stratégie Digitale pour une RadioStratégie Digitale pour une Radio
Stratégie Digitale pour une Radio
 
Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014
Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014
Le référencement en 5 étapes - Présentation au CCE13 de Décembre 2014
 
Atelier Facebook expert
Atelier Facebook expertAtelier Facebook expert
Atelier Facebook expert
 
Pages Fans, quelles interactions avec vos fans ? | Maxime Garrigues (X-prime ...
Pages Fans, quelles interactions avec vos fans ? | Maxime Garrigues (X-prime ...Pages Fans, quelles interactions avec vos fans ? | Maxime Garrigues (X-prime ...
Pages Fans, quelles interactions avec vos fans ? | Maxime Garrigues (X-prime ...
 
Etude de cas - la gestion des adhésions en ligne de Osez Le Féminisme
Etude de cas - la gestion des adhésions en ligne de Osez Le FéminismeEtude de cas - la gestion des adhésions en ligne de Osez Le Féminisme
Etude de cas - la gestion des adhésions en ligne de Osez Le Féminisme
 
Micro-blogging: retour d\'experience
Micro-blogging: retour d\'experienceMicro-blogging: retour d\'experience
Micro-blogging: retour d\'experience
 

En vedette (20)

Blogs en blanco y megro
Blogs en blanco y megroBlogs en blanco y megro
Blogs en blanco y megro
 
Jesucristo
JesucristoJesucristo
Jesucristo
 
flor tp tic
flor tp ticflor tp tic
flor tp tic
 
abrazo
abrazoabrazo
abrazo
 
Te quiero Mama
Te quiero MamaTe quiero Mama
Te quiero Mama
 
Un chiste sobre un presidente
Un chiste sobre un presidenteUn chiste sobre un presidente
Un chiste sobre un presidente
 
Lafamiliayelburro
LafamiliayelburroLafamiliayelburro
Lafamiliayelburro
 
LA pag
LA pagLA pag
LA pag
 
14 scénarios pour un mix électrique composé à 100% ENR
14 scénarios pour un mix électrique composé à 100% ENR14 scénarios pour un mix électrique composé à 100% ENR
14 scénarios pour un mix électrique composé à 100% ENR
 
Dont ever complain about the life you have
Dont ever complain about the life you haveDont ever complain about the life you have
Dont ever complain about the life you have
 
Clôture de la journée webassoc par JM Sémoulin, 29 janvier 2015
Clôture de la journée webassoc par JM Sémoulin, 29 janvier 2015Clôture de la journée webassoc par JM Sémoulin, 29 janvier 2015
Clôture de la journée webassoc par JM Sémoulin, 29 janvier 2015
 
Viaje Por Los Alpes
Viaje Por Los AlpesViaje Por Los Alpes
Viaje Por Los Alpes
 
Contra El Secuestro
Contra El SecuestroContra El Secuestro
Contra El Secuestro
 
Planeta Tierra
Planeta TierraPlaneta Tierra
Planeta Tierra
 
Europa Desde El Cielo
Europa Desde El CieloEuropa Desde El Cielo
Europa Desde El Cielo
 
Elections europe 2014
Elections europe 2014Elections europe 2014
Elections europe 2014
 
Tres
TresTres
Tres
 
Taller (IV-V) "Aprovechamiento de las tecnologías y la gestión del contenido...
Taller (IV-V)  "Aprovechamiento de las tecnologías y la gestión del contenido...Taller (IV-V)  "Aprovechamiento de las tecnologías y la gestión del contenido...
Taller (IV-V) "Aprovechamiento de las tecnologías y la gestión del contenido...
 
Saliendo con otra mujer
Saliendo con otra mujerSaliendo con otra mujer
Saliendo con otra mujer
 
Carpintero de Venecia
Carpintero de VeneciaCarpintero de Venecia
Carpintero de Venecia
 

Similaire à CR atelier Créer son site - 26 novembre 2015

Créer son site internet - Seance 1
Créer son site internet - Seance 1Créer son site internet - Seance 1
Créer son site internet - Seance 1PLATEL Carl
 
Wiser Tuesday La Ruche Survey Results 2 11 09
Wiser Tuesday La Ruche Survey Results 2 11 09Wiser Tuesday La Ruche Survey Results 2 11 09
Wiser Tuesday La Ruche Survey Results 2 11 09Camilla Burg
 
Comment utiliser son reseau pour decrocher un emploi
Comment utiliser son reseau pour decrocher un emploiComment utiliser son reseau pour decrocher un emploi
Comment utiliser son reseau pour decrocher un emploiTransmission RH
 
Petit mémo pour suivre sa stratégie de valorisation
Petit mémo pour suivre sa stratégie de valorisationPetit mémo pour suivre sa stratégie de valorisation
Petit mémo pour suivre sa stratégie de valorisationJezabel Roullee
 
Sde lyon 2017
Sde lyon 2017Sde lyon 2017
Sde lyon 2017Neocamino
 
Programme des conférences SDE Lyon 2017
Programme des conférences SDE Lyon 2017Programme des conférences SDE Lyon 2017
Programme des conférences SDE Lyon 2017Neocamino
 
Réussir sa communication sur internet pour les jeunes entreprises
Réussir sa communication sur internet pour les jeunes entreprisesRéussir sa communication sur internet pour les jeunes entreprises
Réussir sa communication sur internet pour les jeunes entreprisesCCI 21
 
Internet pour les métiers de la communication
Internet pour les métiers de la communicationInternet pour les métiers de la communication
Internet pour les métiers de la communicationechangeurba
 
Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Nicolas Malo
 
Info sur le BLOG associatif
Info sur le BLOG associatifInfo sur le BLOG associatif
Info sur le BLOG associatifMélanie DENIZOT
 
Rs Michele Galati coworking republic
Rs Michele Galati coworking republicRs Michele Galati coworking republic
Rs Michele Galati coworking republicNeocamino
 
Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?polenumerique33
 
Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ? Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ? polenumerique33
 
Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?polenumerique33
 
Internet et la recherche d'emploi
Internet et la recherche d'emploiInternet et la recherche d'emploi
Internet et la recherche d'emploimahemard
 

Similaire à CR atelier Créer son site - 26 novembre 2015 (20)

Créer son site internet - Seance 1
Créer son site internet - Seance 1Créer son site internet - Seance 1
Créer son site internet - Seance 1
 
Wiser Tuesday La Ruche Survey Results 2 11 09
Wiser Tuesday La Ruche Survey Results 2 11 09Wiser Tuesday La Ruche Survey Results 2 11 09
Wiser Tuesday La Ruche Survey Results 2 11 09
 
Comment utiliser son reseau pour decrocher un emploi
Comment utiliser son reseau pour decrocher un emploiComment utiliser son reseau pour decrocher un emploi
Comment utiliser son reseau pour decrocher un emploi
 
Stratégie de_promotion_metz
Stratégie de_promotion_metzStratégie de_promotion_metz
Stratégie de_promotion_metz
 
Petit mémo pour suivre sa stratégie de valorisation
Petit mémo pour suivre sa stratégie de valorisationPetit mémo pour suivre sa stratégie de valorisation
Petit mémo pour suivre sa stratégie de valorisation
 
Sde lyon 2017
Sde lyon 2017Sde lyon 2017
Sde lyon 2017
 
Programme des conférences SDE Lyon 2017
Programme des conférences SDE Lyon 2017Programme des conférences SDE Lyon 2017
Programme des conférences SDE Lyon 2017
 
Réussir sa communication sur internet pour les jeunes entreprises
Réussir sa communication sur internet pour les jeunes entreprisesRéussir sa communication sur internet pour les jeunes entreprises
Réussir sa communication sur internet pour les jeunes entreprises
 
Internet pour les métiers de la communication
Internet pour les métiers de la communicationInternet pour les métiers de la communication
Internet pour les métiers de la communication
 
Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009Mercredi des Web Analytics - Lille - 17 juin 2009
Mercredi des Web Analytics - Lille - 17 juin 2009
 
Projet les fees 2014 1
Projet les fees 2014 1Projet les fees 2014 1
Projet les fees 2014 1
 
Info sur le BLOG associatif
Info sur le BLOG associatifInfo sur le BLOG associatif
Info sur le BLOG associatif
 
Gestion de projet digital : startup sharitiz
Gestion de projet digital : startup sharitizGestion de projet digital : startup sharitiz
Gestion de projet digital : startup sharitiz
 
Rs Michele Galati coworking republic
Rs Michele Galati coworking republicRs Michele Galati coworking republic
Rs Michele Galati coworking republic
 
Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?
 
Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ? Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?
 
Cr réunion 21.01.13
Cr réunion 21.01.13Cr réunion 21.01.13
Cr réunion 21.01.13
 
Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?Quelle stratégie adopter sur Facebook ?
Quelle stratégie adopter sur Facebook ?
 
Internet et la recherche d'emploi
Internet et la recherche d'emploiInternet et la recherche d'emploi
Internet et la recherche d'emploi
 
Fanpage Facebook
Fanpage FacebookFanpage Facebook
Fanpage Facebook
 

Plus de webassoc .fr

Book des services webassoc
Book des services webassocBook des services webassoc
Book des services webassocwebassoc .fr
 
Waday2019 Laurent Myoux
Waday2019 Laurent MyouxWaday2019 Laurent Myoux
Waday2019 Laurent Myouxwebassoc .fr
 
Waday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'AtelierWaday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'Atelierwebassoc .fr
 
Waday2019 Les petites pierres
Waday2019 Les petites pierresWaday2019 Les petites pierres
Waday2019 Les petites pierreswebassoc .fr
 
Waday2019 ATDquartmonde
Waday2019 ATDquartmondeWaday2019 ATDquartmonde
Waday2019 ATDquartmondewebassoc .fr
 
Waday2019 Enfant@Hôpital
Waday2019 Enfant@HôpitalWaday2019 Enfant@Hôpital
Waday2019 Enfant@Hôpitalwebassoc .fr
 
Waday2019 Terre des Hommes
Waday2019 Terre des HommesWaday2019 Terre des Hommes
Waday2019 Terre des Hommeswebassoc .fr
 
Formation DataScience
Formation DataScienceFormation DataScience
Formation DataSciencewebassoc .fr
 
Motivations au benevolat : analyses
Motivations au benevolat : analysesMotivations au benevolat : analyses
Motivations au benevolat : analyseswebassoc .fr
 
Les motivations au benevolat
Les motivations au benevolatLes motivations au benevolat
Les motivations au benevolatwebassoc .fr
 
Accessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage HouraAccessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage Hourawebassoc .fr
 
Accessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalitésAccessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalitéswebassoc .fr
 
Accessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légalAccessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légalwebassoc .fr
 
Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !webassoc .fr
 
Comment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake newsComment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake newswebassoc .fr
 
Le rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisationLe rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisationwebassoc .fr
 
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembreCrowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembrewebassoc .fr
 
Qui sont les bénévoles web ?
Qui sont les bénévoles web ?Qui sont les bénévoles web ?
Qui sont les bénévoles web ?webassoc .fr
 

Plus de webassoc .fr (20)

Book des services webassoc
Book des services webassocBook des services webassoc
Book des services webassoc
 
Webassoc : flyer
Webassoc : flyerWebassoc : flyer
Webassoc : flyer
 
Waday2019 Laurent Myoux
Waday2019 Laurent MyouxWaday2019 Laurent Myoux
Waday2019 Laurent Myoux
 
Waday2019 Singa
Waday2019 SingaWaday2019 Singa
Waday2019 Singa
 
Waday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'AtelierWaday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'Atelier
 
Waday2019 Les petites pierres
Waday2019 Les petites pierresWaday2019 Les petites pierres
Waday2019 Les petites pierres
 
Waday2019 ATDquartmonde
Waday2019 ATDquartmondeWaday2019 ATDquartmonde
Waday2019 ATDquartmonde
 
Waday2019 Enfant@Hôpital
Waday2019 Enfant@HôpitalWaday2019 Enfant@Hôpital
Waday2019 Enfant@Hôpital
 
Waday2019 Terre des Hommes
Waday2019 Terre des HommesWaday2019 Terre des Hommes
Waday2019 Terre des Hommes
 
Formation DataScience
Formation DataScienceFormation DataScience
Formation DataScience
 
Motivations au benevolat : analyses
Motivations au benevolat : analysesMotivations au benevolat : analyses
Motivations au benevolat : analyses
 
Les motivations au benevolat
Les motivations au benevolatLes motivations au benevolat
Les motivations au benevolat
 
Accessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage HouraAccessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage Houra
 
Accessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalitésAccessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalités
 
Accessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légalAccessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légal
 
Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !
 
Comment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake newsComment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake news
 
Le rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisationLe rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisation
 
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembreCrowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
 
Qui sont les bénévoles web ?
Qui sont les bénévoles web ?Qui sont les bénévoles web ?
Qui sont les bénévoles web ?
 

CR atelier Créer son site - 26 novembre 2015

  • 1. Transcription des ateliers pratiques du 26/11/2015 Comment (re)créer le site de son association Merci à La Pépinière pour leur accueil ! Merci à tous de votre implication. Comment (re)créer le site de son association Avec Pierre Grateau et Bertrand Flaujac
  • 2. Transcription des ateliers pratiques du 26/11/2015 Comment (re)créer le site de son association Merci à La Pépinière pour leur accueil ! Merci à tous de votre implication. Comment(re)créerle site de son association Animation AssoConnect, Pierre Grateau, pierre.grateau@assoconnect.com Bertrand Flaujac, bertrand.flaujac@assoconnect.com Restitution Laure de Prest, bénévole Webassoc Etape 1 : Définir ses objectifs et destinataires Les grandstypesde destinataires : - Adhérents(actuelsetpotentiels) - Bénévoles - Donateursprivés - Entreprises mécènes - Le grand public - Les pouvoirspublics - Journalistes  définirsacible prioritaire permetde construire lastructure dusite. Quel estl’ADN de monassociation ? - Résumé en1 phrase ce que faitmon association - Qu’estce qui me différencie? - Mon asso. en3 points ?  De sesvaleursdépendentlachartre graphique dusite.  Il faut qu’une personne qui arrive surle site comprenne en1phrase ce que vousfaites.
  • 3. Transcription des ateliers pratiques du 26/11/2015 Comment (re)créer le site de son association Merci à La Pépinière pour leur accueil ! Merci à tous de votre implication. Etape 2 : Faire l’état des lieux 1. Pourquoi changer ? Mauvaise architecture,design,Responsive, ergonomie,personnesresponsablesdusite,ciblage … Design: Il y a desmodesdansle design :aujourd’hui lessitessontsimplesetépurés(cf site Apple)  Demanderà vosenfantsetà desados s’ilsaimentvossites ! Responsive : Aujourd’hui 30%desgensvontvoirvossitespar le mobile :il fautadapterle site à ce support.Ex/Menu en« burger» 2. S’inspirer Cf Themeforestpouravoirdeschartresgraphiques :donne desidéesde ce qu’il se faitence moment – Thème « charity » Etape 3 : Construire la structure Haut de page (avec le call to action) Menu Page Bas de page Importance duCALL TO ACTION Ne pas mettre lesstats« nombre de visites » visible Ne pas mettre tropde menu Bon exemple:site de laCroix-Rouge Aéré,épuré,sobre
  • 4. Transcription des ateliers pratiques du 26/11/2015 Comment (re)créer le site de son association Merci à La Pépinière pour leur accueil ! Merci à tous de votre implication. 3 actionsliésaux cibles :« je m’engage »,« je me forme »,« je donne » Call to action : - doitêtre bienvisible, - couleurqui incite àl’action - Eviterleseffets :ex/boutonqui clignote - Ne doitpas être sur un carrousel,maisil doitêtre fixe - Se voitmême si on scrolle Attentionàne pas mettre desboutonsde partage partout. Il faut 4 ou5 sous-menusmaximum Dans le bas de page : Contact, plandu site,emploi,mentionslégales… Etape 4 : Construire ses pages 1. Organiser l’information Obj. : Fournirà l’Internaute uncontenuorganisé pourque celui ci soitsensibilisé,tenuinformé et/ou passe à l’action Très importantpourorganisersonsite d’analysersesstats=> Google Analyticsindispensable. Il faut savoirquel estl’objectif de mapage pourstructurerl’argumentaire. 3 étapes : - Déterminerle messageque l’onveutfaire passer :brainstormereninterne - Hiérarchiserlesmessages(infosprincipales,infossecondaires) - Les mettre enforme Raconterdeshistoires :dimensionsociale,lesgensaimentqu’onleurraconte deshistoires.
  • 5. Transcription des ateliers pratiques du 26/11/2015 Comment (re)créer le site de son association Merci à La Pépinière pour leur accueil ! Merci à tous de votre implication. 2. Des modèlesde pagesqui fonctionnent Il faut2 ou 3 clics max.pourtrouverl’info.recherchée. A noter: Google Grantestune versiond’AdWords(outilde pubenligne de Google) destinée aux organismesà but nonlucratif.Google leuroffre uncréditpub. Unbounce, permetde créerdeslandingspage (page de redirection) dédiéspourune campagne de pub par exemple. Ex de bonssites : Intercom,airbnb,… Outilspourconcevoirdesmodèlesde page : - LogicielsMockups :balsamiq,cacoo,mockflow - Powerpoint - Et surtout dupapieretun crayon
  • 6. Transcription des ateliers pratiques du 26/11/2015 Comment (re)créer le site de son association Merci à La Pépinière pour leur accueil ! Merci à tous de votre implication. 3. Le contenu « Nous ne lisonspas lespages,nous lesscannons » : Steve Krug Les internautessontfainéantsparnature.  Aidezvousde visuels  Max. 15 mots par ligne  Pas de texte troppetit : min.14 pixels.  Variezlestypesde contenu : o Image o Texte o Contenudynamique  Ex/ Infographie (CF Piktochart) o Video(augmentele tempspassé de 80%)  CF sites Pitchy etReplay : permetde construire vosvidéos  Conseil :hébergerlesvideossuryoutube (enplusc’estbonpourle référencement) CF sitesGraphicBurger,thenounprojet :base d’icones gratuite,il fautjuste citerlesauteurs. 4. Restezsimple Il ne fautpas laisserle doute danslatête de l’utilisateur. Pouréviterlesconfusions,travaillerle texte etle design. 5. Ne réinventezpas la roue - Où afficherle bouton« don» ? o Souventenhautà droite (cf Croix Rouge,Electricitéssansfrontière) - Commentgérerle processde don ? o mettre unfil d’ariane (étapes) 6. lesproblèmesde police o pas trop petite (min14) o pas trop « Word » o éviterplusieurspolices(2max) o Cohérence entre titresetsous-titres CF WhatFontsousChrome
  • 7. Transcription des ateliers pratiques du 26/11/2015 Comment (re)créer le site de son association Merci à La Pépinière pour leur accueil ! Merci à tous de votre implication. 7. Les couleurs Police bleue fatiguante:il fautune couleurplusterne qui ressorte.Ex/grissombre Attentionaucontraste avecle fond CF flatuicolorpickerpourchoisirlescouleurs CF paletton pourdéfinirlesalliancesde couleur Etape 5 : Prestataires et outils 1. Les acteurs
  • 8. Transcription des ateliers pratiques du 26/11/2015 Comment (re)créer le site de son association Merci à La Pépinière pour leur accueil ! Merci à tous de votre implication. - Agence de communication : o Les moins: Environ500 euros/j.de développement 5000 eurosminla création + fraisde maintenance o Les plus : Qualité Tempspassé Le suivi Attentionbiencaleravecl’agencelapropriété ducode etd’avoirlamain sur deschangements. - Freelance o 1500 eurosmi o qualité variable o Attentionausuivi :risque si lapersonne n’estpluslà - CMS (système de gestionde contenu) o 20% de touslessitesdumonde o ex/wordpressetJoomla(completmaispluscompliqué),jimdo,assoConnect(moinsde 1000 euros),WIX o Avantage : prix etamélioration o Inconvénients :qualité (/àune agence) Attentionà: - la propriété ducode - le développeurdoitêtre compétent - le contenufacile àmettre à jour Compositionde l’équipe dédiée ausite idéal: - un cérébral - un rationnel - un créatif - + undestinataire cibleàqui on montre le site encoursde construction 2. Synthèse - Un site Internetn’estjamaisfini - … doitévoluerenfonctiondestechnologies(flash,Googleintègre l’aspectResponsive dansson algorithme) => Facteursà prendre encompte dansle budgetetle choix du développement