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 !
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 ?).
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.
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...
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 !
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é.
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)
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.
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...
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.
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.
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...
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 !
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.
É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.
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...
Pour toute question ou simplement pour parler de votre projet, n'hésitez pas à me contacter :
Création du site du 1er forum jazz en Rhône-alpes : adaptation de la charte graphique au format web, organisation des rubriques et des contenus, formulaire d'inscription et comptes utilisateurs, backoffice de validation...
Services : accompagnement éditorial, création des maquettes fonctionnelles, intégration et développement, mise en ligne, suivi et mises à jours...
Backoffice : limité à la gestion des demande d'inscription
Graphisme : phaSme
Centre des Musiques Traditionnelles Rhône-Alpes
Refonte et gestion du site pour le moderniser : mise en page plus soignée, graphisme plus épuré, mise en avant des images, ajouts de comptes utilisateurs pour participer au recensement d'artistes et structures proches des musiques traditionnelles en Rhône-Alpes, intégration et amélioration de l'agenda...
Services : accompagnement éditorial, création des maquettes fonctionnelles, intégration et développement, migration de centaines d'articles de l'ancien site, mise en ligne, suivi depuis 2015...
Backoffice : à la fois pour les membres qui peuvent ajouter des dates, des fiches artistes... et pour les administrateurs du site qui peuvent administrer les contenus.
Graphisme : phaSme
Song book
Création d'un site de présentation pour le groupe de musique Traviata : graphisme soigné et coloré, site dynamique, navigation fluide...
Services : intégration et développement, mise en ligne.
Graphisme : redsoap
Les festivals de cinéma en Rhône-Alpes
Refonte du site de l'association Festivals Connexion pour l'accorder avec la nouvelle charte graphique de l'association, et épurer les contenus pour les recentrer sur les missions de la structure.
Services : accompagnement éditorial, création des maquettes fonctionnelles, intégration et développement, migration des contenus, mise en ligne, suivi depuis 2007...
Backoffice : à la fois pour les adhérents pour gérer leur festival, et pour les administrateurs du site qui peuvent administrer les contenus.
Graphisme : Chambre Noire
Conseil en gestion de communication
Créer un site de présentation pour décrire de façon succincte mais attractive les prestations proposées par CGC consultant.
Services : accompagnement éditorial, intégration et développement, mise en ligne...
Graphisme : fourni par le client
Tous les festivals en Rhône-Alpes
Création et gestion du site Internet pour recenser tous les festivals de la région Rhône-Alpes. Mise en place d'un espace pour que les organisateurs inscrits puisse librement modifier leurs informations déposer des annonces. Les festivaliers, artistes, pros peuvent aussi ouvrir gratuitement un espace pour mémoriser leurs évènements favoris, déposer une annonce, être averti de leurs mises à jours...
Services : accompagnement éditorial, création des maquettes fonctionnelles, intégration et développement, migration des contenus de l'ancien site, mise en ligne, mises à jour, suivi depuis 2005...
Backoffice : multiple (administrateur du site, organisateurs de festivals, festivaliers, artistes et pros).
Graphisme : phaSme
1er importateur de terres cuites émaillées
Création du site de l'entreprise Colibri Azulejos afin de présenter la gamme de produit importés, avec possibilité de remplir un panier et envoyer une demande de devis.
Services : accompagnement éditorial, création des maquettes fonctionnelles, intégration et développement, mise en ligne...
Backoffice : pour les administrateurs du site afin de mettre à jour les produits.
Graphisme : phaSme
Plateforme des acteurs du jazz en rhône-alpes
Refonte complète du site de l'association JAZZ(s)RA pour présenter ses activités, des actualités, des vidéos, ses membres avec détails (agenda, actualités, photos, vidéos, discographie...).
Services : accompagnement éditorial, création des maquettes fonctionnelles, intégration et développement, mise en ligne, mises à jour et entretient...
Backoffice : pour les administrateurs du site et accès réservé aux membres pour actualiser leurs informations.
Graphisme : phaSme
Entretien toitures, couverture, isolation, zinguerie...
Création du site de présentation de la société AV Toiture, en s'attachant au bon référencement du site selon certains mots clés et en fonction de villes françaises (www.entretien-toiture-lyon.fr...).
Services : accompagnement éditorial, création des maquettes fonctionnelles, graphisme, intégration et développement, mise en ligne, suivi depuis 2011...
Graphisme : webOpoint
Laboratoire de territoires créatifs pour les jeunesses
Création du site de présentation d'un projet culturel porté par 3 théâtres de savoie.
Services : accompagnement éditorial, création des maquettes fonctionnelles, intégration et développement, mise en ligne.
Backoffice : site réalisé avec Wordpress pour que les équipes puissent être entièrement autonomes.
La bonne pression à tout moment
Création d'un site de présentation de la société Téléflow, spécialisée dans la conception de systèmes de gonflage hautes qualités. Un site moderne et fluide était souhaité. Iinitialement prévu en cinq langues, le client n'en a fourni que deux.
Services : intégration et développement, mise en ligne.
Graphisme : redsoap
Association des Structures d'Enseignement Artistique du Rhône
Création du site de l'association ASEAR qui fédère des écoles de musiques dans le Rhône. Un site relativement simple mais coloré était souhaité.
Services : accompagnement éditorial, création des maquettes fonctionnelles, intégration et développement, migration des contenus, mise en ligne, suivi depuis 2011...
Backoffice : à la fois pour les membres qui peuvent ajouter des dates, des offres d'emplois et accéder à des informations privées ; et pour les administrateurs du site qui peuvent modifier tous les contenus.
Graphisme : webOpoint
Une révolution dans l'allumage des barbecues
Création d'un site Internet pour présenter et vendre en ligne le produit Magic Ligther, ustensile breveté pour pré-chauffer du charbon de bois au micro-ondes. Mise en place d'un système de panier et d'un paiement sécurisé en ligne. Site multilingue français, anglais et espagnol.
Services : intégration et développement, migration des contenus, mise en ligne.
Backoffice : limité à la gestion des commandes : validations, facturations...
Graphisme : maquettes fournies par le client
Création du site du festival Saint Fons Jazz pour présenter la programmation, les artistes, l'histoire du festival.
Services : accompagnement éditorial, création des maquettes, intégration et développement, mise en ligne, mises à jour annuelle, suivi depuis 2009...
Backoffice : limité à la gestion de la page d'accueil
Graphisme : webOpoint
Festival international de films d'écoles
Création et gestion du site de Festimaj, un festival pour et par les jeunes, un véritable tour du monde à travers les yeux des jeunes.
Services : intégration et développement, mise en ligne, mise à jour annuelle, suivi depuis 2009...
Backoffice : limité à la gestion des votes pour les films en compétition.
Graphisme : maquette fournie par le client.
Société de production audiovisuelle basée à Lyon
Création du site d'Opossum production, afin de présenter les services et prestations.
Services : intégration et développement, mise en ligne...
Graphisme : maquette fournie par le client.
Pour vivre la musique ensemble
Création du site Internet de l'association AMC2 pour présenter ses services, informer ses membres...
Services : accompagnement éditorial, création des maquettes , intégration et développement, mise en ligne.
Backoffice : gestion des divers contenus pour les rédacteurs, les commerciaux et les responsable des agenda.
Graphisme : webOpoint
French Indie & Electronic Festival
Création d'un backoffice pour gérer les demandes d'accréditations des journalistes, leurs demandes d'interviews et générer des fichiers excels en conséquence ; gérer les inscriptions aux ateliers pros avec listes et fichiers excels générés automatiquement...
Familles Vignon, Bringuier, lacombe et Villedieu
Création d'un site pour présenter les recherches généalogiques en organisant les contenus de façon simple et claire. La valorisation des photos humanise le site et l'utilisation massive de jquery offre une fluidité et un confort de navigation appréciable.
Maquette : création originale
Backoffice : absent, actualisations occasionnelles
De la cave à chez vous, directement et simplement
Réalisation d'un site de présentation de la société Ecovin, afin d'accompagner le lancement de l'entreprise : présentation de l'activité, listes des produits et des tarifs...
Services : accompagnement éditorial, création des maquettes, intégration et développement, mise en ligne.
Backoffice : pour gérer les fiches des produits et choisir ceux à afficher en une du site.
Graphisme : webOpoint
Artiste plasticienne française
Refonte du site de présentation de Aurélie Pétrel, artiste plasticienne. Travail éditorial pour mieux organiser et présenter les œuvres.
Services : accompagnement éditorial, création des maquettes, intégration et développement, mise en ligne.
Backoffice : pour gérer les fiches des produits et choisir ceux à afficher en une du site.
Backoffice : pour modifier toutes les oeuvres, leurs ordres, gérer des espaces clients...Graphisme : webOpoint
Abordez vos voyages l'esprit tranquille
Reprise du site Internet de l'agence de voyage pour appliquer une nouvelle maquette.
Backoffice : pour gérer les actualités, les différentes offres et mettre à jour l'équipe.
Graphisme : Ultramarine Lyon.
De la démarche artitstique au démarchage d'entreprise
Création du site de Damien Béguet, artiste plsticien. La mission se résumait à ntégrer les maquettes papiers complètes fournies par le client.
Services : intégration et développement, mise en ligne.
Backoffice : pour gérer les fiches des produits et choisir ceux à afficher en une du site.
Graphisme : maquette fournie par le client.
Ville candidate au titre de capitale européenne de la culture
Refonte du site Internet de la candidature lyonnaise au titre de capitale européenne de la culture pour 2014. L'objectif était d'avoir une meilleure mise en page et une ligne éditoriale plus claire. Gestion courante du site en fonction de l'évolution de la candidature, création de contenus comme des interviews filmées d'acteurs lyonnais reconnus...
Services : accompagnement éditorial, création des maquettes fonctionnelles, intégration et développement, mise en ligne.
Graphisme : agence Esprit public
L'hebdo des spectacles et du cinéma à Lyon et à Grenoble
Refonte complète du site Internet du journal culturel Le Petit Bulletin (articles, agenda des spectacles et du cinéma, places à gagner). L'objectif était de commencer la mutation du journal pour renforcer peu à peu sa présence sur Internet. qu'à terme, tout passe par le site.
Services : gestion éditorial, création des maquettes fonctionnelles, intégration et développement, mise en ligne, mise à jour quotidienne, développement de nouveaux services.
Backoffice : gestion des divers contenus pour les rédacteurs, les commerciaux et les responsable des agenda.
Graphisme : graphistes du journal