Sandrine L.

- Création de la maquette webdesign du site à partir du logo existant.

- Analyse sémantique pour identifier les mots clés et expressions sur lesquels à travailler lors de la création et optimisation SEO des contenus

- Installation et paramétrage du site sur un serveur mutualisé

- création des pages et déclinaison de la maquette sur l'ensemble du site

- Intégration des contenus textuels et optimisation des images

- Test su site sur l'ensemble des navigateurs et supports (tablettes et mobiles) avant la mise en ligne

- déclaration du site sur la Google search console

- Formation de la cliente (en visio avec écran partage) sur la mise à jour des contenus du site pour être complètement autonome sur la modification du site existant, en s'appuyant sur un tuto crée sur-mesure.

-- 📋 CONTEXTE --

Stéphane Maury est un artiste peintre spécialisé dans l’art abstrait. Cela fait plusieurs années qu’il peignait pour le plaisir. Après plusieurs retours très positifs et demandes de la part de son entourage, il s’est décidé à créer une boutique en ligne pour présenter ses œuvres, son univers et offrir la possibilité aux personnes éloignées de les acheter en ligne.

-- 🎯 OBJECTIFS --

- Présenter l’artiste et son univers.

- Mettre en avant ses œuvres via une galerie filtrable selon la couleur, le prix ou la taille de la toile.

- Relayer toutes les infos qui permettent de le suivre sur les réseaux sociaux

- Possibilité de le contacter via un formulaire de contact simple et facile à remplir.

- Faire en sorte que sur le long terme, des personnes s’intéressants aux peintures abstraites, puissent le trouver sur internet.

-- 🧰 RÉDACTION DU CAHIER DES CHARGES --

Il ne savait pas du tout par où commencer. Il s’est donc complètement reposé sur mon expérience pour pouvoir définir un cahier des charges et mettre sur papier ses attentes. Je lui ai donnait quelques recommandations et conseils pour observer les bonnes pratiques dans son domaine, et identifier des artistes-confrères ayant la même démarche que lui.

-- 🎨 RÉFLEXION GRAPHIQUE --

Il souhaitait quelque chose d’ultra simple et moderne. Il voulait également opter pour un « mode sombre ». Je me suis donc basé sur son logo qu’il a lui-même dessiné. Puis, nous avons repris les deux couleurs de bleu de son logo et utilisé sur les boutons, titres et autres éléments qui rythment la navigation et les appels à l’action présents sur le site.

-- 👩‍💻 INTÉGRATION WORDPRESS ET WOO COMMERCE --

Après validation de la maquette, je l’ai ensuite intégré sur wordpress. Le site a été entièrement conçu pour être responsive. L’affichage étant adapté selon s’il s’agit d’un affichage sur mobile, tablette ou desktop. Certains éléments disparaissent en version mobile pour faciliter la navigation de l’internaute. Au site vitrine classique, j’ai rajouté les fonctionnalités classiques d’une boutique via Woocommerce, telles que l’ajout au panier, la gestion de son compte, de ses favoris et le paiement sécurisé en ligne via stripe.

-- 🚀 RÉFLEXION ET OPTIMISATION DES CONTENUS --

Après avoir beaucoup échangé sur le fonctionnement des algorithmes de Google, nous avons défini une structure de contenus (gabarit) pour chaque toile à me fournir. Pour cela, j’ai crée un tableau avec les différents champs qu’il me fallait, que j’ai partagé sur Google drive. Ainsi, il pouvait le renseigner simplement de n’importe quel support (ordinateur, tablette ou mobile).

-- 👩‍🎓 FORMATION --

Nous avons installé l’application Woocommerce sur son portable pour qu’il puisse mettre en ligne régulièrement toutes ses nouvelles toiles, accompagnée de photos et autres descriptions nécessaires. Il peut également en un clic mettre à jour les stocks des toiles vendues.

-- ✔️ RÉSULTAT --

Une boutique responsive, simple et épurée qui reprend les codes du e-commerce pour faciliter la navigation des internautes.

-- 📋 CONTEXTE --

Le PCCEI est une unité de recherche spécialisée en infectiologie, composée de scientifiques de l’INSERM, de l’EFS et d’universitaires. Ils avaient un site vitrine vieillissant qu’ils souhaitaient refondre.

-- 🎯 OBJECTIFS --

- Présenter l’histoire, la philosophie et la stratégie de leur unité de recherche

- Mettre en avant leurs différents partenaires via un carousel sur la page d’accueil.

- Relayer les différentes publications qui sont faites par les scientifiques de leur unité.

- Présenter l’organigramme et quelques photos de l’équipe.

- Proposer la possibilité de se mettre en relation directement avec les différents scientifiques, présents dans un annuaire filtrable selon leur spécialité et/ou nom de famille

- Mettre à disposition des membres internes à l’unité un espace documentaire accessible uniquement par mot de passe.

-- 🎨 RÉFLEXION GRAPHIQUE --

En me basant sur la charte graphique de PCCEI, et plus particulièrement leur nouveau logo, j’ai réalisé une maquette de l’ensemble du site, que j’ai ensuite intégrée sur wordpress.

-- 👩‍💻 INTÉGRATION WORDPRESS --

Après validation de la maquette, je l’ai ensuite intégré sur wordpress, tout en tenant compte du fait qu’une personne interne à la société serait formée pour mettre à jour les contenus du site. J’ai donc fait en sorte que les différents modules et fonctionnalités soient accessibles à une personne débutant sur Wordpress. Le site a été entièrement conçu pour être responsive. L’affichage étant adapté selon s’il s’agit d’un affichage sur mobile, tablette ou desktop. Certains éléments disparaissent en version mobile pour faciliter la navigation de l’internaute.

-- 🖥️ INTÉGRATION DU CONTENU --

La société m’avait fourni la totalité des contenus en version numérique et uniquement en anglais. J’ai ensuite créé un compte « éditeur » pour que la personne en charge de la mise à jour des contenus du site puisse être autonome pour modifier les contenus textuels et visuels en toute sécurité, sans impacter la structure du site. Elle peut s’appuyer sur un document « pas a pas » que j’ai entièrement conçu pour faciliter la prise en main de l’outil. Je lui ai également fourni un récapitulatif de toutes les informations dont elle peut avoir besoin pour la maintenance du site.

-- 🧰 FONCTIONNALITÉS --

Le PCCEI souhaitait mettre à disposition des chercheurs de leur unité des documents accessibles uniquement avec un mot de passe. J’ai donc crée cet espace sécurisé pour qu’ils puissent télécharger des documents sans devoir passer par une personne ressource en interne.

J’ai également crée un « annuaire » regroupant tous les chercheurs de l’unité. Cet annuaire est filtrable selon le nom de famille de la personne ou de sa spécialité. Ainsi, il est possible de rentrer en contact directement avec eux, sans devoir passer par une personne ressource en interne.

-- 🚀 RÉFÉRENCEMENT --

Il n'y avait pas de prestation de référencement.

-- 👩‍🎓 FORMATION --

Nous avions prévu une formation de 2h afin qu’une personne en interne puisse prendre la main sur l’outil WordPress et être autonome pour mettre à jour les contenus de son site.

-- ✔️ RÉSULTAT --

Un site responsive, simple et épuré qui permet de trouver rapidement l’information cherchée.