Création d’un site OnePage
L.Chalumeau - Moules décoratifs & objets d'art en Mayenne
Le projet en quelques mots
L’objectif : allier narration et identité visuelle pour toucher un public de passionnés et de professionnels. Ce projet a été une vraie immersion dans un univers riche en histoire, où j’ai pu mêler créativité, réflexion stratégique et sens du détail. Le site met en valeur ses collections, des moulages professionnels, des objets de cinéma et des pièces uniques accumulées tout au long de sa carrière.
Les grandes étapes du projet
Posons les bases !
L’étape des fondations. Une étape primordiale pour la structure de la page. C’est à ce moment qu’est défini les sections, l’emplacement du contenu (texte, image...). C’est le squelette du site.
Optimisation de l’identité visuelle
Nous sommes partis d’une couleur dominante qui identifie le client. À partir de cette couleur, une palette de 8 couleurs a été produite. Ensuite, l’étape des polices. Une police de titre, et une police de contenu. L’idée est que la police de titre ait un maximum de personnalité ; la police de contenu quant à elle à un objectif de lisibilité, tout en se mariant avec la police de titre. Une favicon a été créée ; vous savez la petite icône qu’on a dans l’onglet du navigateur ! Tous ces éléments renforcent l’identité visuelle de votre site, et sont essentiels au webdesign.
Rédaction des textes
En se basant sur la structure du site, voici l’étape de la rédaction du texte. Avec un objectif : que ce soit compréhensible et parlant pour les visiteurs. C’est souvent une étape qui demande pas mal d’aller-retour.
Mise en place technique
Ici c’est une partie plus technique, la mise en place du CMS WordPress. Cela concerne, dans les grandes lignes, à mettre en place un thème (Astra ici), un constructeur de page (Elementor ici), des extensions indispensables, la préparation côté hébergement….
Conception de la page
Ça y est, le moment était venu de tout assembler ! On a notre structure, notre contenu (texte, images…), notre identité visuelle (couleurs, polices). Place à la construction de la page ! Et bien sûr, on n’oublie pas que la page s’adapte à toutes les tailles d’écran (d’un écran 4k à un iPhone 7), notion de responsive. Mais ne mettons pas encore en ligne le site, il nous reste quelques étapes ! Une fonctionnalité importante ici, était de pouvoir partager des albums photos des collections.
Optimisations SEO (titres, descriptions et optimisation lexicale)
Il est temps de penser au référencement, pour que le site soit trouvé par les visiteurs avec les bons mots-clés. Il faut se mettre dans la peau d’un visiteur, que peut-il rechercher pour tomber sur le site ? Et à partir de ce moment-là, on optimise le titre SEO, la meta description de la page ; et on n’oublie pas d’être cohérent dans notre champ lexical de notre contenu pour gagner des points sur les recherches Google. Le but ici est de grimper dans les résultats de recherches naturellement. On parle de référencement naturel ici.
Prêts ? Mise en ligne !
Ça y est tout est bon ! On passe à la mise en ligne ! On n’oublie pas de prévenir Google en faisant une déclaration auprès de Google Search Console, pour que le référencement commence à se mettre en place !
Gardons un suivi !
Nous installons Matomo ; qui est un outil de mesure d’audience conforme à la RGPD ; étique, qui permet de voir quel est le comportement des visiteurs sur notre site ; de voir le nombre de visites… Une bonne manière de voir ce qu’il y aurait à améliorer à l’avenir sur le site, et de voir sa fréquentation.