Création d'un site web "sur mesure" pour OwlEyes

Owl Eyes c'est le "nom de scène' d'une Lash Artist à Toulon, comprenez par là une personne experte en extension de cils. Comme vous, ce mot ne faisait pas parti de notre vocabulaire, nous n'avions jamais créé de site sur cette thématique. Ce nouveau projet s'accompagne d'un demande encore jamais traitée, la prise de rendez-vous en ligne pour plusieurs prestations avec des durées différentes et des temps entre chaque prestations à personnaliser.

Avant toute chose, il faut un devis pour ce site web sur mesure

La thématique n'influx en rien le tarif du site internet, mais bien la recherche d'un module de réservation en ligne : Prix de la licence, complexité de configuration, ...
Pour ce projet nous allons utiliser WordPress comme base et donc fait des recherches de modules proposant la réservation en ligne avec les conditions suivantes :

Réservation simple, sous forme d'étape

Horaire de "travail" personnalisable d'un jour à l'autre

Gestion de plusieurs prestations avec des durées différentes

Gestion de temps "tampons" avant et/ou après chacune des prestations

Multilingue, le site aura une version Française et Anglaise

Paiement en ligne pas uniquement limité à Paypal ou Stripe

Administration facile pour la cliente

Bonus : Une fonction "facture"

Bonus : Une fonction "code de réduction"

Bonus : Une fonction "carte cadeau"

Après pas mal de recherche, d'analyse de site proposant ce genre de fonction, de test, nous arrivons à une conclusion SANS APPEL, le plugin BookingPress

Maintenant que nous avons tous les éléments en mains, nous sommes revenus vers la cliente, lui demander des exemples et/ou des exigences particulières qui pourrai influer le devis avant de le finaliser. Passons à l'étape suivante !

La création du site web : owleyes.fr

Continuons sur notre lancé avec les nouveautés, la cliente souhaite un site "différent" : Pas de menu, pas de formulaire de contact, un contenu très épuré et le tout optimisé pour les mobiles et bien visible sur Google du fait qu'elle n'a pas pignon sur rue...

D'habitude nous partons d'un exemple, soit un site que nous avons réalisé, soit un modèle, soit le site d'une consœur, mais là, rien de tout ça il faut partir d'une page blanche ! Alors c'est parti !

Après quelques aller / retour, normaux, le site est finalisé, pour la cliente seulement, en effet il faut maintenant travailler le responsive et contrôler que tous les éléments soient bien visible sur les 6 modèles d'écrans testés.

Nous mettons un point d'honneur à contrôler la lisibilité des sites web que nous créons sur différents support.:

GRAND écran

Ordinateur portable

Tablette en mode paysage

Tablette en mode portrait

Téléphone en mode paysage

Téléphone en mode portrait

Un dernier contrôle complet du site web, avant la mise en production. Lors de la mise en ligne, il n'y avait qu'une seule page, les autres sont venues après, pour le SEO.
Il est prêt, nous prévenons Google qu'il peut venir le référencer et pendant ce temps, nous allons nous occuper du module de réservation et de la version multilingue du site.

PS : Google met plusieurs semaines, mois à positionner un site dans les résultats de recherche, d’où le choix d'une mise en ligne rapide.

BookingPress : L'extension pour prendre des rendez-vous en ligne

Place aux choses sérieuses, il est temps de se concentrer sur la configuration du module BookingPress, il est complet, mais simple à configurer et d'autant plus à administrer.

Après une configuration du module en version "payante", nous lui ajoutons les extensions complémentaires pour répondre aux demandes de la cliente :

Staff Member : Permet d'ajouter plusieurs collaborateurs auxquels on peut liés une ou plusieurs prestations, mais aussi d'avoir une console d'administration simplifiée

Coupon Management : Permet la génération de code de réduction, code promo, ...

Deposit Payment : Permet aux clientes de déposer un acompte afin de s'assurer que le rendez-vous sera honoré.

Invoice : Permet de créer des factures PDF

Multi-Language Addon : Permet de proposer le module de réservation dans plusieurs langues. Dans notre cas Français et Anglais.

Gift Card Addon : Permet de aux clientes d'acheter des cartes cadeaux à offrir. Il génère de manière automatique des PDF, prêt à imprimer.

Google Calendar Integration : Permet de récupérer votre planning sur Google Agenda pour bloquer les disponibilités sur BookingPress et inversement afin de centraliser votre planning sur une seule application mobile.

Tout comme le reste de BookingPress, les extensions complémentaire se configure très simplement, mais sans pour autant être limité en terme de fonction, c'est même impressionnant ! Tout ce gère depuis la console d'administration, il est même possible de personnaliser la version minimaliste pour les "STAFF MEMBER".

Toutefois, une erreur à ne pas reproduire, si vous avez un site en multilingue, installez l'extension avant de traduire tous les textes du module qui est par défaut en Anglais, faite simplement un copier / coller.

Aucune surprise concernant l'activation de l'API Google Agenda, mais l'équipe de BookingPress n'y est pour rien, peut être qu'un jour Google pensera à simplifier cette étape.

Polylang : L'extension indispensable pour un site multlingue

Qui connais pas ce module de traduction ? Polylang, en plus d'être, développé par une entreprise Française est LE MEILLEUR module de traduction pour WordPress. Il est hyper simple à configurer et à gérer, d'un coup d’œil on voit aisément ce qui est traduit ou reste à traduire.

SeoKey : L'extenion SEO de WordPress

Encore aujourd'hui, beaucoup de site utilise YoastSeo, mais nous il y a bien longtemps que nous l'avons abandonné, au profit de SeoPress dans un premier temps, puis RankMath qui nous permettais de gagner du temps en configuration SEO "basique".
En effet, par défaut tous les sites créés par l'agence web SitinWeb sont optimisés pour le SEO et l'installation d'une extension SEO est la base.

Aujourd'hui, nous utilisons et recommandons SeoKey pour plusieurs raisons, mais surtout l'assistant d'installation / configuration qui permet de tout faire en seulement "2 clics", il va se charger d'optimiser tout, de corriger les problèmes SEO de WordPress. Bien entendu, une mode manuel existe pour les puristes ou des besoins spécifiques.

Deuxième argument fort, cette extension de WordPres est développé par une entreprise Française et nous avons pour habitude de promouvoir des plugins Français.

D'un site OnePage à l'ajout de contenu pour le SEO

Le projet initial se contentait d'une seule page, mais du fait que la cliente n'a pignon sur rue et qu'elle à plusieurs consœur proposant de l'extension de cils à Toulon, nous avons conjointement décidé d'ajouter du contenu : Une page à propos, une page FAQ, et trois pages pour présenter 3 prestations.
Chacune des pages cible un mot clés différent et est optimisée pour le référencement naturel (SEO) avec un maillage interne travaillé.

Voilà, vous savez tout sur sur ce projet, nous vous invitons à visiter le site de Sarah,
Lash Artist à Toulon et à prendre rendez-vous si vous souhaitez une pose d'extension de cils.