-
webOpointdes sites bien pensésbien faitsdans les délais -
Des langages de programmation innovantsPour des sites modernes et dynamiques !
-
Quelques structures qui ont faits confiances à webOpoint pour leur site :- CMTRA Centre des Musiques Traditionnelles Rhône-Alpes- Festivals Connexion Les festivals de cinéma en Rhône-Alpes- AV Toiture Entretien toitures, couverture, isolation, zinguerie...- JAZZ(s)RA Plateforme des acteurs du jazz en rhône-alpes- Nos Festivals Tous les festivals en Rhône-Alpes- Saint Fons Jazz les festivals de cinéma en Rhône-Alpes- Festimaj Festival international de films d'écoles
Vous souhaitez (re)faire un site ?
C'est un projet important pour assurer la pérénité de votre activité. Faire appel à des professionnels pour mener à bien cette tâche est l'assurance d'un site bien pensé, bien fait, dans les délais. Avec une bonne organisation et une bonne méthode c'est facile !
-
1Bien préparer
-
2Faire des maquettes
-
3Intégrer, mettre en ligne
-
4Faire vivre son site
Bien préparer
La création ou la refonte d'un site Internet commence par une étape trop souvent négligée : une bonne préparation. Bien préparer consiste à :
- établir un planning réaliste (mieux vaut être en avance qu'en retard)
- en cas de refonte, réunir les données existantes : audience, statistiques internes, retour des internautes...
- définir les objectifs et leurs priorités
- déterminer les cibles afin de dégager des personas
- réunir tous les contenus (textes, images, vidéos...) disponibles à ce moment là
- étudier l'environnement concurrentiel
- anticiper des évolutions possibles
Cela peut paraitre évident mais cette étape préparatoire est importante, mettre ces éléments en relations permettra de définir l'architecture de l'information, de lister les fonctionnalités, de définir des plans de vie, d'optimiser l'expérience utilisateur pour obtenir un bon taux de conversion (vaut-il mieux 1000 utilisateurs assidus et investis ou 10 000 qui utilisent rarement votre site ?).
Faire des maquettes fonctionnelles et graphiques
L'architecture de l'information nous a permis d'établir une arborescence, le squelette du site. Les contenus de chaque page et les fonctionnalités sont aussi définis. Il est temps de créer les maquettes fonctionnelles (représentation schématique de la structure des différentes pages du site, les différentes zones de contenu prévues, ainsi que l’emplacement des différentes fonctionnalités) en commençant par un zonning grossier pour disposer les différents blocs, la navigation constituant la contrainte de base pour positionner ensuite les autres éléments. Il ne faut pas hésiter à faire plusieurs zonnings différents pour s'assurer de la pertinence de celui qui sera retenu.
Une fois les maquettes fonctionnelles réalisées et validées pour toutes les pages du site, elles sont envoyées au graphiste afin d'appliquer la charte graphique. Même si le papier peut difficilement représenter certains éléments (survols, animations...), on une aura une vision précise et fidèle de ce que sera le site. Il peut être intéressant de montrer ces maquettes à des personnes n'ayant pas suivi le projet et pouvant être des utilisateurs potentiels. Ensuite, le webmaster les récupère pour passer à la phase d'intégration.
Intégration et développement
La phase d'intégration consiste à reproduire les maquettes graphiques au format web, créer le site proprement dit. Une bonne préparation et des maquettes bien faites facilitent ce travail d'intégration, même si quelques validations intermédiaires avec le client sont bienvenues.
La création du site se fait avec des langages de programmation : HTML5, CSS3, PHP, SQL, JQUERY, XML...
Avant la mise en ligne du site, une phase de validation, d'ajustement et de test est indispensable : faire le tour du site avec le client pour vérifier qu'elles correspondent bien aux maquettes graphiques, ajuster certains aspects perçus différemment sur Internet, bien tester les différentes fonctionnalités.
La mise en ligne s'accompagne de quelques manipulations, notamment pour le référencement : validation du site auprès de Google, création du fichier sitemaps.xml, du fichier robots.txt, supprimer les fichiers inutiles sur le serveur...
Mises à jour : faire vivre son site
Une fois votre site en ligne, que faire mise à part suivre le bon référencement du site ?
Certains sites "vitrines" ne nécessitent pas de suivi particulier, ils sont des plaquettes en ligne : pas de comptes utilisateurs, pas de nouveaux contenus ajoutés régulièrement, ni de vente en ligne. Un point après quelque mois, ou tous les ans afin d'évaluer la nécessité de le faire évoluer, peut suffire.
Mais beaucoup de sites sont "vivants" car regroupent une communauté d'utilisateurs qui ajoutent du contenus, qui viennent chercher des informations, acheter des produits... il est donc important de veiller à leurs satisfactions en améliorant certains aspects de la navigation, certaines fonctionnalités, en ajouter... tout simplement faire vivre le site pour qu'il continue à répondre à leurs attentes !
-
Backoffice
-
Responsive design
-
Facebook, Gmap...
-
Référencement
-
Emailing
-
Statistiques détaillées
- si un site dispose de comptes utilisateurs, il peut être intéressant de savoir combien de personnes se connectent chaque jour, chaque mois ; avoir une liste d'utilisateurs qui ne se sont plus connectés depuis x mois pour les solliciter par mail ; connaitre la durée de connexion moyenne ; connaitre les utilisateurs les plus actifs...
- si un site fait de la vente en ligne, il sera utile de connaitre le taux d'abandon (internautes qui ne vont pas au bout de l'acte d'achat) par étape afin d'ajuster certaines pages, certains messages ou fonctionnalités du site.
- si un site génère des mails il sera intéressant de connaitre le taux d'ouverture.
-
Comptes utilisateurs
-
Un webmaster
-
CMS, gabarits...
-
Et aussi
- Contrôle des formulaires : mise à part contraindre la saisie de certains champs, d'autres outils sont utiles, comme n'autoriser que des chiffres dans un champ (code postal par exemple), limiter le nombre de caractères à saisir en affichant un décompte... l'objectif étant d'avoir des données entrantes les plus fiables possibles, ce qui réduit le travail de contrôle de ces informations.
- Générer des pdf automatiquement peut aussi s'avérer utile, non seulement pour générer une facture, mais aussi pour exporter des listes ou fiches avec une mise en page. De la même manière, des exports automatiques au format excel sont utiles pour certains projets.
exemples de Services et compétences :
Backoffices : mettre soi même son site à jour
Pouvoir gérer soi-même la totalité de son site quand on le souhaite est une demande récurrente, dans les faits une partie des contenus n'est jamais actualisée, ou très peu (pages contacts, qui sommes-nous, mentions légales...), et souvent la mise en page en pâtit (éditeur de texte pas assez précis, manque d'expérience...). Et le développement d'un backoffice personnalisé pèse sur les coûts. Il est donc judicieux de bien identifier les zone qui feront l'objet de modifications régulières (des actualités par exemple) pour les gérer via un backoffice, et de laisser les modifications ponctuelles au webmaster.
Utiliser un CMS comme wordpress est une solution pour réduire les coûts de développement, mais cela n'enlève pas les problèmes de mise en page. Et bien que wordpresse dispose d'une multitude de plugin, certains projets ont des besoins tellement spécifiques qu'il faudrait modifier le code source du CMS, ce qui s'avère bien plus fastidieux que de réaliser un backoffice personnalisé.
Responsive design
Depuis l'apparition des smartphones, de plus en plus de personnes l'utilisent pour naviguer sur Internet. Il est donc important d'avoir un site lisible sur un téléphone. Le responsive design permet d'adapter la mise en page en fonction de la taille de l'écran. L'usage du mobile est généralement plus spécifique, les gens "flânent" moins sur mobile, ils savent ce qu'ils veulent trouver (des horaires, une adresse, la biographie d'une personne...). En conséquence la version mobile d'un site doit ôter le superflu afin de simplifier l'accès à l'information.
Exemples
> Le site du CMTRA est en responsive design (diminuez la taille de votre navigateur jusqu'au changement)
> Le site de Festivals Connexion a une version mobile (à consulter depuis votre smartphone)
Facebook, Google map... vive les API !
De nombreux site offrent des services d'échanges de données, des API, qui permettent de "brancher" son site avec des services tiers.
Publications automatiques sur Facebook
Il est possible de faire des copier/coller de votre site sur votre page facebook, mais il est plus confortable d'automatiser cette tâche à des moments choisis : un fichier xml crée sur votre site est récupéré par une api de facebook, et les contenus sont automatiquement publiés sur votre page !
Exemple : les nouvelles photos postées sur le site www.nosfestivals.fr, les festivals qui commencent, les appel à bénévoles... sont automatiquement publiés sur la page facebook
Une carte dynamique sur votre site avec Google Map
Si par exemple votre site possède un agenda d’événements avec des adresses, vous pouvez les afficher sur une carte grâce à cette API. Google offre de nombreuses possibilités pour intégrer et personnaliser une carte sur votre site : marqueurs personnalisés, regroupements de marqueurs, couleur de la carte...
Exemple : le site du CMTRA présente des événements de la région Rhône-alpes sur une carte (onglet cartographie).
Il existe de nombreuses API, se sont les besoins de votre site qui déterminent celles à utiliser.
Remarque : les api évoluent et changent de version, il faut donc parfois intervenir pour adapter le code en conséquence.
Référencement
Le référencement doit être pris en compte dès la conception du site : choix du nom de domaine, des noms de dossiers, des titres des pages et des url...
L'étape d'intégration du site est également importante : avoir un code propre, utiliser les bonnes balises...
Référencer un site n'est pas une science exacte, même s'il existe des méthodes, c'est un travail continu et minutieux.
Bien entendu, la complexité de la tâche est fonction de la popularité des mots clés sur lesquels on désire être bien placé.
Une fois le site en ligne, le référencement peut se prolonger à l'infini en multipliant les liens entrants, en étudiant l'évolution du positionnement de certains mots clés, en modifiant la densité de certains mots clés dans les pages, ajout de nouveaux contenus pertinents...
Emailing
La newsletter est la forme la plus répandue du e-mailng, mais reste-elle pertinente lorsque l'on en reçoit des dizaines par semaine ? Si celle-ci est bien faite et cohérente, oui.
Les alertes mails constituent également un bon moyen de fidéliser ses internautes, s'ils désirent être prévenus lors d'ajouts de contenus spécifiques (nouvelles annonces par exemple, ou recevoir l'agenda de la semaine).
Il es possible d'utiliser des services payants comme Mailchimp afin de rédiger les newsletter et de disposer de statistiques précices concernant le taux d'ouverture. Il est également possible de développer un système de composition, d'envoi et de statistiques, ces dernières seront moins précises mais il n'y a alors pas d'abonnement mensuel.
des statistiques personnalisées et très détaillés
La mise en ligne d'un site s'accompagne d'une souscription à un service de mesure d'audience, comme Google Analytics. Cela permet d'avoir des informations sur l'audience : nombre de visiteurs, de pages vues, origines géographiques, matériel utilisé... Ces données peuvent suffire mais peuvent être complétées par des statistiques personnalisées sur des aspects particuliers d'un site, par exemple :
Beaucoup de choses sont possibles mais l'important est d'avoir des statistiques qui répondent à des problématiques spécifiques d'un projet.
des comptes utilisateurs
Beaucoup de sites disposent de comptes utilisateurs, facultatifs ou obligatoires, que se soit pour acheter des produits ou services en ligne, laisser des commentaires, déclarer ses impôts, poster des photos et vidéos...
webOpoint a l'expérience dans ce domaine pour réaliser votre projet : formulaire d'inscription, validation de l'adresse mail déclarée, connexion au compte, demande du mot de passe, paiement en ligne et facturation en cas de vente en ligne...
Un webmaster pour améliorer et faire évoluer votre site
Une fois le site en ligne, reste à le faire vivre. Tous les sites n'ont pas les mêmes besoins à ce niveau : un site de présentation simple pourra se contenter d'un audit semestriel ou annuel alors qu'un site ajoutant régulièrement du contenu, avec des comptes utilisateurs, nécessitera un suivi plus régulier.
Dans tous les cas il est recommandé de suivre le degré de réalisation des objectifs du site grâce aux statistiques générales et/ou personnalisées. Et d'ajuster certaines pages, certains contenus si nécessaire.
Aussi, pour les sites importants, avoir un webmaster qui "flâne" sur le site quelques heures par mois (selon le budget) est un vrai plus : il repérera des améliorations possibles, des petits bugs, des évolutions possibles... un site qui vit est un gage de sérieux pour les internautes !
CMS, gabarit... des outils utiles pour certains sites
Il existe de nombreux Content Management System (CMS) même si le plus populaire est Wordpress. Ils permettent de réaliser facilement un site, sans rentrer dans le code source, et les nombreux plugin disponibles sont capables de créer des sites plus complexes. Mais attention, il faut pour cela rentrer dans le cadre de ce qui a été prévu par les développeurs des CMS et des plugin. Car dès qu'on a à faire à quelque chose de plus particulier, spécifique à un projet, il faut alors rentrer dans le code et là les choses se compliquent sérieusement ! Il faut donc bien connaitre son projet et savoir où l'on va avant de retenir cette solution.
Les CMS proposent des backoffices "intuitifs" mais là encore, la prise en main peu s’avérer fastidieuse pour des non avertis.
Dans le même esprit, des sites vendent des gabarits prêts à l'emploi, c'est à dire une coquille qu'il ne reste plus qu'à remplir. Même si les codes sources de ces gabarits sont largement plus simples à modifier que ceux d'un CMS, il faut aussi bien choisir son gabarit en fonction de son projet, pour avoir le moins de modifications à faire.
Ces solutions sont intéressantes pour limiter les coûts d'un projet.
Et aussi de nombreuses possibilités techniques
Énormément de choses sont possibles sur internet, mais le plus important est que les fonctionnalités déployées soient pertinentes au regard d'un projet donné.
Se ne sont là que des exemples, le travail du webmaster est de vous proposer les meilleurs choix en fonction de vos problématiques.
exemples de réalisations
Charly Villedieu
A propos
Après l'obtention d'un DESS "gestion éditoriale et communication internet" en 2005, j'ai été salarié au journal Le Petit Bulletin pour la création et la gestion du site Internet du journal, puis au sein de la ville de Lyon pour animer le site de la candidature lyonnaise au titre de capitale européenne de la culture pour 2013. Depuis 2009, je travaille en tant qu'indépendant à la création et la gestion de sites Internet, avec une pause d'une année pour travailler au sein de la société Intrazik (logiciel de gestion de projets dédié au spectacle vivant).
De par ma formation, mes expériences et ma sensibilité, j'attache un soin particulier aux aspects éditoriaux d'un site Internet. J'utilise au quotidien les langages de programmation utiles à la réalisation d'un site (html5, css3, php, sql, jquery et xml). Malgré ma polyvalence, je collabore avec d'autres professionnels pour mener à bien mes projets : des grahistes (phaSme, Chambre noire...), Cyclop éditorial pour la rédaction des contenus...
Et si on en parlait ?
Pour toute question ou simplement pour parler de votre projet, n'hésitez pas à me contacter :
- Responsable : Charly Villedieu
- Mail: charly@webopoint.com
