prénom Francois-David nom Seguin

PROJETS / RÉALISATIONS

🔎 Retrouverez ici plus d'infos sur le projet sélectionné (site ou application web)





LE SITE ESAM INGENIERIE

Refonte complète du site Web d'Esam Ingénierie :


image de la page d'accueil du site Esam Ingenierie

Sur ce projet, j'ai créé et mis en ligne le site Web de l'entreprise Esam Ingénierie. A savoir qu'ils disposaient déjà d'un site mais celui-ci n'était plus du tout au goût du jour: En plus du design à repenser, leur site utilisait des technologies obsolètes (comme FlashPlayer...) et proposait des résolutions d'écrans inadaptées et non-responsives. J'ai donc été sollicité pour effectuer une refonte complète de leur site Internet.


J'ai été seul en charge de toute la partie développement et mise en ligne du site. Mais le cahier des charges, le design et la conception ont été établis en étroite collaboration avec l'Agence BDSA (Le Havre, 14). Cette agence de communication, ayant déjà travaillé avec Esam Ingénierie, connaissait bien l'entreprise. Ainsi, ils ont pu les conseiller judicieusement sur l'architecture à privilégier et redéfinir les contenus à implémenter sur le nouveau site. Cette collaboration sur la phase de conception du site a été d'une grande aide pour mieux cerner et répondre aux besoins de l'entreprise.


L'utilisation d'un CMS m'a semblé évidente pour offrir à l'entreprise une facilité d'accès et d'utilisation, avec la possibilité de faire évoluer (en autonomie) le site après son lancement. J'ai donc opté pour un développement en WordPress (sur leur solution d'hébergement Ionos existante).

image de la page d'accueil du site Esam Ingenierie

C'est un site web de type "vitrine" dont la principale fonction est de renseigner les clients et partenaires existants sur le domaine d'expertise d'Esam (dans un milieu assez spécifique). Néanmoins, même si ce n'est pas sa fonction première, le site peut également servir à promouvoir l'entreprise auprès de nouveaux acteurs. Il peut aussi servir à la prise de contact, à relayer l'actualité Esam et à diffuser des offres de recrutement.


En outre, ce site met en avant l'entreprise, son historique, son activité et ses engagements. Il présente aussi ses pôles et secteurs d'expertises ainsi que les principales prestations proposées. Bien que la plupart des clients se situent en France, Esam agit aussi à l'international. Ainsi, le site ne devait pas se contenter d'une traduction automatique approximative mais il a été prévu de manière totalement bilingue (chaque page, menu ou section a été prévu en français et en anglais).

image montrant des pages du site Esam Ingenierie

L'entreprise utilise régulièrement LinkedIn pour centraliser sa communication. Elle s'en sert notamment pour publier des offres d'emploi. Ainsi, une section simple relayant les principales offres a été ajoutée au site. Cette section ne contient pas de détails sur les offres mais juste un intitulé et un bouton renvoyant directement sur l'offre qui a été publiée sur le réseau. L'actualité de l'entreprise est également publiée via des posts sur LinkedIn. Afin de ne pas doubler le temps de travail de publication et d'éviter de devoir créer des articles de news sur le site, un module sert à importer automatiquement les publications du flux LinkedIn sur la page "Actualités" du site.


Le site dispose bien entendu d'une page de contact. Celle-ci permet d'afficher les coordonnées de l'entreprise et des boutons raccourcis pour appeler, envoyer un mail ou voir le Linkedin de l'entreprise. Une carte Google Map y est proposée ainsi qu'un formulaire de contact.


Un catalogue de produits simple a été créé. Ce n'est pas une fonctionnalité de vente en ligne qui a été mise en place mais juste un catalogue qui sert à montrer quelques références parmi les machines crées. La liste des références n'est pas exhaustive mais montre ainsi un pannel varié des principales solutions développées par l'entreprise.

image montrant des pages du site Esam Ingenierie

Ce site Wordpress a été construit sur la base d'un thème Astra. La version (plus complète) d'Astra Pro souscrite, couplée au builder Spectra, ont permis de personnaliser ce site conformément à la charte graphique et aux maquettes crées en phase de conception. Le plugin Polylang a permis de son côté de configurer plus aisément la gestion bilingue des pages et menus du site.


La sécurité d'un site étant un point de vigilance primordial (même s'il ne contient pas de données sensibles), le plugin Wordfence a été installé et paramétré pour offrir entre autres une protection WAF et agir contre les failles de sécurité les plus courantes.


Pour une meilleure visibilité, le référencement d'un site est primordial. Cet objectif a donc été anticipé dès la conception et le plugin Yoast SEO a été l'un des outils contribuant à un meilleur référencement. Pour ne pas forcément devoir utiliser d'outils externe à cette fin, le plugin WP Statistics a été implémenté et réglé pour offrir une vision globale sur le traffic du site et sur les profils utilisateurs etc... Celui-ci a été sélectionné plus qu'un autre car il répond parfaitement aux règles sur la protection des données de la RGPD européennes.



Le site est compatible avec tous les navigateurs et a été pensé "mobile-first". Il est donc parfaitement responsive et s'adapte à tous les supports :

visuels des pages du site Esam Ingenierie sur smartphones

Vous pouvez aller visualiser le site directement en cliquant sur le bouton ci-dessous:





Depuis la mise en ligne du site, le plugin UpdraftPlus a été ajouté. Il a permis de sauvegarder de manière permanente plusieurs versions du site fini. Il est également paramétré pour enregistrer automatiquement de manière périodique les dernières sauvegardes du site. Mais lors de la phase de développement, c'était l'utilitaire de versionning GIT qui a été utilisé pour sauvegarder et gérer toutes les versions du site. Malgré les fichiers volontairement ignorés dans Git, je garde son répertoire privé. C'est donc pour des raisons de confidentialité et de sécurité que je ne partage pas avec vous ce repo Git. Merci de votre compréhension.





Pour plus d'infos sur ce projet, contactez-moi...