MAKING OF

Benchmark et Recherche Visuelle

  • Analyse des sites de salons de beauté pour identifier les tendances visuelles et les éléments design.
  • Sélection d’une palette de couleurs apaisantes et élégantes, typiques des salons de beauté modernes.
  • Recherche d’inspirations visuelles : choix de typographies élégantes et de mises en page épurées.

Création et Configuration Initial

  • Benchmark et création des 5 pages : Notre institut, nos prestations, nos équipements, contact, making-of.
  • Téléchargement et insertion du logo du site dans l’onglet du navigateur et le header du site.
  • Création du Why – How – What pour la page d’accueil.
  • Création de « modèles »
  • Affection des modèles aux différentes pages souhaitées

Paramétrage de la Page d’Accueil

  • Réglages -> Lecture -> Changement de « les derniers articles » à « Page Statique » Accueil.
  • Création du menu de navigation et liaison avec les pages : insertion des noms des pages et des rubriques.

Contenu et Design

  • Personnalisation des caractéristiques de “styles” pour étendre l’image sur toute la largeur :
    • Styles -> Mise en page -> Augmentation de la taille du contenu et suppression de la marge -> Ajout d’un bloc -> Mise en fond de l’image du bloc + ajout de texte.
  • Insertion de fond dégradés pour agrémenter le site en couleur, rappelant l’image sélectionnée (fonction “styles”).
  • Personnalisation du template une fois le contenu terminé.
  • Téléchargement de l’extension “Meta Slider” pour ajouter des carrousels au site (non supporté par la version actuelle de wordpress)

Création des Paragraphes et Recherche Visuelle

  • Rédaction de contenus spécifiques :
    • Why : « Chez Lashance institut, nous croyons que chaque femme mérite de se sentir en confiance et belle dans sa peau. »
    • How : « Nous proposons notre expertise dans les soins du corps et du visage pour vous aider à embrasser et sublimer votre beauté naturelle. »
    • What :
      • Corps : Lipocavitation (perte de centimètres grâce à la dissolution des amas graisseux), radiofréquence (traitement du relâchement cutané), drainage lymphatique (aide à la circulation lymphatique).
      • Visage : Variété de soins beauté et anti-âge grâce à notre machine innovante.
  • Recherche et insertion d’images en adéquation avec l’univers des salons de beauté, choix de visuels doux et professionnels.

Insertion et Mise en Page

  • Création des pages et insertion de contenu :
    • Pages créées : Notre institut, nos prestations, nos équipements, contact, making-of.
    • Ajout d’espacement : Utilisation de marges et de padding pour aérer le contenu et améliorer la lisibilité.
    • Insertion de titres : Utilisation de titres H1, H2, H3 pour structurer le contenu et améliorer le SEO.
  • Personnalisation des blocs et du modèle de page :
    • Apparence -> Pages -> Sélection de la page -> Modification de la page -> Création des blocs -> Modification du modèle dans “Réglages” pour inclure les blocs créés.

Résolution de Problèmes et Ajustements

  • Problème de page introuvable pour “Nos prestations” : création d’une nouvelle page à l’aide de notre page d’accueil et adaptation du contenu.
  • Modification des modèles de pages : tableau de bord -> Pages -> Modification rapide -> Changement de “modèle par défaut” à “page with wide image”.
  • Ajustement des blocs de contenu :
    • Apparence -> Pages -> Sélection de la page -> Modifier la page -> Création des blocs -> Modification du modèle dans “Réglages” pour inclure les blocs créés.
  • Retrait des blocs gênants pour une apparence harmonieuse du site.

Récapitulatif des Contenus Créés

  • Why : Chez Lashance institut, nous croyons que chaque femme mérite de se sentir en confiance et belle dans sa peau.
  • How : Nous proposons notre expertise dans les soins du corps et du visage pour vous aider à embrasser et sublimer votre beauté naturelle.
  • What : Nous offrons une gamme de soins esthétiques non invasifs, alternatifs à la chirurgie esthétique :
    • Corps : Lipocavitation, radiofréquence, drainage lymphatique.
    • Visage : Soins beauté et anti-âge.
  • Pourquoi Lashance ?
    • Expertise : Visons l’excellence avec de nombreuses certifications et formations.
    • Technologie à la pointe : Dernières technologies et techniques pour des résultats sûrs et efficaces.
    • Accompagnement : Traitements individualisés et bilans personnalisés.
    • Expérience client : Expérience sophistiquée axée sur la valorisation de la femme et la découverte de soi.

Problème d’URL et de serveur et résolution

À la fin de notre travail, nous avons rencontré le problème d'URL qui a causé la déconnexion au serveur créé par Monsieur Frey, et la perte des accès au back-end WordPress du site qui était prêt à être envoyé.

Comme solution alternative, nous avons entrepris la création d'un site web local grâce au document XML qui avait été sauvegardé 5 minutes avant l'incident. Celui-ci comportait toutes les informations du site créé, nous permettant d'importer les données dans le site local et de transmettre les captures d'écran des pages de notre site à Monsieur Frey.

Ayant pris contact avec une connaissance spécialisée en informatique, celui-ci nous a expliqué que la récupération de l’accès au serveur em-strasbourg créé par le professeur s'avérerait compliquée. Il s'agirait pour le professeur de retrouver le document relatif à notre site dans son serveur, ce que nous avons trouvé laborieux.

Nous avons pensé à effectuer la migration du site vers un serveur en ligne. L'informaticien avait un site en pause, et l'hébergement associé n'était pas utilisé pour le moment. Il nous a proposé de faire l'importation du site dans son serveur et de l'associer au lien du site qui était déjà en ligne. Nous avons créé des identifiants pour nous et aussi pour le professeur, qui pourrait ainsi naviguer dans le back-end de notre site pour effectuer son évaluation sans différence avec le site créé sur son serveur.

Nous avons essayé deux méthodes pour la mise en place de la solution :

1. Nous sommes allés dans le tableau de bord WordPress et avons téléchargé l’extension UpdraftPlus, qui permet de faire des sauvegardes et de migrer le site.

Il nous a fallu aller dans le menu Réglages pour envoyer le backup sur Google Drive car la boîte mail est limitée pour recevoir ce type de document lourd. Pour le lancement du backup, nous avons aussi choisi les différents fichiers à inclure dans le backup. Le but étant que nous ayons une sauvegarde de tous les fichiers et que cela les envoie automatiquement dans le Drive.

2.Voyant que cela mettait du temps à charger, nous avons donc procédé plus simplement. J’ai pu transmettre le fichier XML à l'informaticien qui a intégré le document dans un back-end qu’il n’utilisait pas actuellement. Il a pu nous attribuer le lien du domaine du site en maintenance afin que nous puissions avoir notre site accessible en ligne.

Nous avons créé des identifiants pour l’occasion afin de pouvoir nous connecter et effectuer les corrections des éléments déplacés et modifiés lors de la migration. Les identifiants ont également été créés afin que le professeur puisse se connecter et naviguer sans problème dans le back-end, semblable à celui qui a été créé pour nous sur le serveur em-strasbourg.

Cette circonstance nous a donc appris comment récupérer un site après une erreur d'URL.

LASHANCE INSTITUT

LA BEAUTE, POUR VOUS

Réseaux sociaux