Le site du Club Nautique de la Croisette à Cannes était ancien et ne répondait plus aux exigences des nouveaux navigateurs web. Il fallait un design plus moderne une navigation plus fluide et intuitive dédiée plus largement aux smartphones. en effet, les touristes sont les premiers ciblés par ce site de loisirs nautiques. La distance avec Nantes n'est pas in frein puisque les réunion en ligne permettent d'échanger facilement même pour former les clients sur leur nouvelle administration.
Site web : https://club-nautique-croisette.fr
Création d’une maquette de page d'accueil
Proposition d’une mise en page de page d’accueil (statique) avec la charte graphique du logo existant. Proposition de visuels, de modules pour optimiser le parcours des visiteurs dans le site et faciliter leurs besoins. La charte graphique est guidée par les couleurs du logo et l'ambiance nautique. La vague et l'animation des titres donnent l'impression de déjà être sur un bateau. Modification et validation par le client avant l'étape de conseption.
Conception du site autours de Wordpress
- Création de la page principale du site (fond du site en Wordpress), mode responsive (s’adapte aux écrans)
- Partie haute du site avec logo et menu déroulant fixe en haut de page
- Partie basse (pied de page) avec les liens internes (Région Sud, Département et Ville de Cannes) et les infos de contact
Création de pages
- Page d’accueil
- Rubriques animées qui renvoient vers les pages importantes
- Présentation des activités : stages d’été, location, régates… (puis, «Lire la suite»)
- Les points forts de l’association avec pictos (écologique, intergénérationnel et convivial)
- Les dernières actualités - Page « Les activités » (remplace «activités/horaires/tarifs»). Menu sans page pour dérouler les pages d’activités:
- Les stages (5 jours). Présentation de l’activité (materiel, âges, compétences…) Paiement en ligne via Hello Asso ou formulaire détaillé pour envoyer les infos par e-mail.
- La location. Choix de matériel sur une grille tarifaire. Demande via un formulaire simple ou à télécharger et à renvoyer complété. 3 types: location, baptême et cours particuliers. (pourra être amélioré par la suite pour intégrer le paiement en ligne).
- La voile à l’année. Page de présentation de l’activité à l’année. Tarifs, conditions. Liens vers la page formulaire pour infos de contact.
- Les événements nautiques en groupe. Page de présentation de l’activité à l’année. Tarifs, conditions. Liens vers la page formulaire pour infos de contact.
- Page « Actualités » (remplace «News»). Page qui affiche des articles classés sous forme de blog. L’administrateur peut en ajouter, en masquer ou supprimer via l’administration. Les tâches sont automatisées. Les 3 premières actualités peuvent être affichées également en page d’accueil. Chaque article comprend un titre (et une photo miniature de résumé). On clique sur ce titre pour accéder au reste de l’article sur une page entière.
- catégorie «vie du club»
- catégorie «Photos»
- catégories à créer par la suite si besoin - Page « Régates ». Page qui affiche des articles classés sous forme de blog. L’administrateur peut en ajouter, en masquer ou supprimer via l’administration. Les tâches sont automatisées. Les 3 premières régates peuvent être affichées également en page d’accueil. Chaque article comprend un titre (et une photo miniature de résumé). On clique sur ce titre pour accéder au reste de l’article sur une page entière.
- Page « Contact » Formulaire à remplir par le visiteur avec retour sur boite de messagerie), informations de contact (e-mail, adresse postal, tél…).
- Page de conditions générales (crédits photos, loi informatique...)
Un bon Référencement pour être trouvé sur le web
Optimisation du site avec des mots clefs pour les meta-tags. Referencement naturel axé sur des mots clef et des descriptions… pour chaque page du site. Redirection des url (les noms des pages sont renommées) pour être mieux indexées par Google. Création d’un compte Google Search control (sitemap + alertes…).
Options retenues
• Formation. 1 à 2 heures de conseils et de formation en visio pour ajouter des réalisations, écrire des articles, les modifier, programmer leur édition, les archiver, ajouter une image, créer des hyperliens… Fourniture d’un document de 8 pages d’aide et mise à jour de l’arborescence du site sur un fichier pdf.
• Boutons de partage via Facebook, Tweeter, Google ; envoyer par e-mail, imprimer… pour que l’information circule sur le web.
• RGPD : affichage d’une fenêtre qui propose aux visiteurs d’accepter les «cookies» + texte pour les formulaires de contact pour être en accord avec la loi du 25 mai 2018.
• Google map : carte pour localiser en page contact