Refonte WordPress d’un site vitrine pour une PME française

Intuitive et évolutive, la solution SAAS Zeendoc est conçue et développée pour répondre aux besoins de recherche et de partage des informations dans les entreprises et collectivités.

Secteur

Informatique

Localisation

Planning

6 semaine(s)

Période

mai 2021
Objectifs
 Le challenge

Promotion d'une application 100% française de geD

Disposez de l’information recherchée en quelques secondes puis la partagez avec vos collaborateurs en toute sécurité : voilà la promesse de Zeendoc. Ce système de GED performant fournit une information structurée, disponible et dynamique. En d'autres termes, Zeendoc vous simplifie votre travail au quotidien et vous permet de gagner en productivité.

La société qui édite la solution SaaS Zeendoc avait un site internet réalisé à l'aide du CMS eZ Publish. La solution technique WordPress et le thème Divi de Elegant themes avaient déjà été identifiés par l'équipe marketing pour la refonte du projet. 

oaka revient sur ce projet réalisé en collaboration avec les équipes métier du client sous la forme d'une étude de cas.

Illustration avec le logotype de Zeendoc
Femmes regardant des documents sur une tablette

Faire la refonte complète du site internet d'une PME du domaine du digital grâce à WordPress et Divi

Les enjeux du projet de refonte du site web avec WordPress

L'objectif de ce projet est de réaliser un site Responsive Web Design moderne et attractif pour les internautes intéressés par obtenir des informations sur la solution Zeendoc. Le site web est utilisable aussi bien sur leur ordinateur de bureau que sur leur smartphone ou tablette, avec un parcours utilisateur pensé comme un entonnoir de conversion.

Une réflexion sur l’ergonomie et sur la bonne architecture de l’information à adopter ont été mises en place afin de fluidifier la lecture et l’organisation des informations importantes. De plus, un mega-menu a été imaginé pour répondre aux attentes du client et à l’ensemble des sous-pages de chaque rubrique. Non recommandé sur smartphone, le mega-menu est transformé en menu standard.

Capture vidéo du méga-menu du site WordPress Zeendoc

Aperçu du mega-menu du site WordPress Zeendoc réalisé à l'aide de Divi

Ce projet digital ergonomique et complet met en valeur les fonctionnalités du gestionnaire électronique de documents Zeendoc tout en modernisant l’image qu'il véhicule. Il était donc important d'optimiser les informations présentes sur les différentes pages du site Zeendoc, mettre en valeur les entrées importantes, sans les surcharger, tout en gardant une charte graphique épurée.

Un travail d'équipe entre oaka et l'équipe webmarketing

Zeendoc et oaka ont mis en place un dispositif d'accompagnement flexible afin que nous puissions répondre aux besoins du client au fur-et-à-mesure que le projet avance. Au travers d'un forfait conseil / formation, oaka a pu former l'équipe marketing digital de Zeendoc à la prise en main de Divi dès la conception du projet.

Utilisation du design System de Divi pour faciliter les évolutions

Utilisation des presets Divi : grâce à la personnalisation des presets, nous avons créé toutes les variantes graphiques pour les modules utiles ! L'équipe webmarketing a de ce fait la capacité de mettre en page rapidement les contenus tout en ayant la possibilité de modifier massivement les styles de ses modules.

Utilisation des composants Divi : l'utilisation d'un template Divi a permis de capitaliser sur les styles du template déjà appliqués à la cinquantaine de modules natifs de Divi proposés par Elegant themes. Après analyse des typologies de contenus de l'ancien site, nous nous sommes uniquement concentrés sur une sélection de modules jugés les plus intéressants pour ce projet afin d'en ajuster les styles.

Fonctionnalités majeures

Le besoin exprimé par le client était relativement simple : avoir un site internet modulable pour donner au équipe interne le contrôle sur les contenus (textes, vidéos et photos) mais aussi sur la mise en page.

L'agence web oaka a donc mis en place le CMS WordPress comprenant des outils simple à prendre en main pour les administrateurs du site. Le système modulaire de Divi permet également et rapidement de mettre en ligne des fonctionnalités avancés pour les visiteurs avec une mise en page maitrisée.

La rubrique Actualités a été repensée pour permettre de classer les informations par sous-catégories afin de maintenir le référencement naturel existant. Le tout ayant été remontée automatiquement sur la page d’accueil du site internet ainsi qu'à d'autres points clés.

Un moteur de recherche suggestif a également été mis en place et permet une recherche plus rapide et sans page de résultats sur différentes typologies de contenus (Actualités, FAQ, etc.).

Enfin, Zeendoc a un programme environnement avec Ecotree qui permet notamment de reboiser et entretenir nos forêts. Un compteur et une carte des arbres plantés ont ainsi été intégrés dans le site au travers d'une API fournie par Ecotree. Les données sont récupérées de façon asynchrone pour ne pas altérer les performances du site.

Capture d'écran du système d'affichage asynchrone des données fournies par l'API Ecotree

Capture d'écran du système d'affichage des données fournies par l'API Ecotree

Fonctionnalité sur-mesure d'offres d'emploi

Faisons maintenant le focus sur l'une des nombreuses fonctionnalités qui a demandé un développement sur-mesure afin de permettre d'adapter l'outils web aux besoins : l'affichage des offres d'emploi.

En effet, il était nécessaire de pouvoir afficher, classifier et filtrer les offres. La création d'un type de contenus personnalisés a permis d'isoler les traitements graphiques et fonctionnelles des autres types de contenus du site internet comme les articles, les conseils, la FAQ, etc.

N'ayant aucun enjeux SEO sur le positionnement des pages filtrés, il était plus facile de développer un système de filtres CSS / JS. Les filtres sont générés dynamiquement et appelez au sein d'une page spécifique grâce à un shortcode préalablement conçu par les soins de l'équipe de développement de oaka.

Capture vidéo du système de filtres personnalisé sur les offres d'emploi Zeendoc

Démonstration du fonctionnement des filtres sur les offres d'emploi du site Zeendoc

Foire aux questions

Les questions fréquentes sur la refonte d'un site vitrine avec WordPress

Comment refaire un site wordpress ?

Nous n'allons pas pouvoir vous expliquer ici comment refaire un site wordpress et le publier sur un serveur web mais vous pouvez consulter les astuces WordPress sur notre blog !

Pour la refonte d'un site WordPress, il est fortement recommander de s'entourer ou de s'adresser à un professionnel du digital qui saura vous accompagner. Faire appel à un prestataire vous permettra de déléguer tout ou partie du projet tout en ayant un accompagnement de qualité et des conseils.

En amont du projet, vous pouvez tout de même faire plusieurs choses. Il peut être très intéressant...

  • d'analyser vos visiteurs actuels,
  • de bien (re)définir l'identité de marque de votre entreprise,
  • de déployer une stratégie de contenus de qualité,
  • de définir l'arborescence de contenus, les wireframes et le maillage interne entre les pages,

Tout cela permet de faciliter la navigation au sein d'un site, d'optimiser le référencement du site WordPress sur les moteurs de recherche comme Google et de favoriser la génération de nouveaux leads.

Comment organiser ou faire faire la refonte d'un site internet ?

Vous avez décidé de refaire votre site internet et vous vous demandez comment organiser la refonte d’un site WordPress ? Nous allons évoquer ensemble quelques étapes que vous devrez suivre pour réussir votre refonte de site wordpress de A à Z.

    • Établissez un cahier des charge de vos besoins et de vos objectifs,
    • Rassemblez les accès de votre site web actuel et de vos outils de statistiques,
    • Analysez ce qui fonctionne bien et ce qui est à revoir par rapport à votre site existant,
    • Réalisez un benchmark de votre concurrence aussi bien sur la partie graphique que fonctionnel,
    • Produire des Wireframes ou des schémas de l'interface que vous imagineriez,
    • N'hésitez pas à collecter les idées de vos équipes métiers et de vos utilisateurs finaux,
    • Consultez une agence digitale ou une agence web qui est en phase avec vos valeurs,
    • Prévoyez de dégager du temps à la personne qui sera en charge du suivi de la refonte du projet.

    Comment publier un site wordpress en pre production ?

    Vous avez un site WordPress dans un environnement de pré-production et vous ne savez pas comment le passer en production ? La procédure peut être assez technique et demande des connaissances en développement. Si des termes comme FTP, base de données, plugins, nom de domaine, outils de versioning, etc. ne vous parle pas, c'est qu'il est très certainement préférable de faire appel à votre partenaire digital pour s'occuper de cela.

    Cependant, vous trouverez des extensions WordPress qui peuvent vous permettre d'exporter / importer tout ou partie de votre site WordPress (All-in-one WP Migration par exemple). Ces plugins peuvent également faire une sauvegarde complète de votre site actuel tous les mois par exemple.

    Comment modifier un site wordpress en ligne ?

    Une fois votre projet de refonte finalisé, vous chercherez peut-être à modifier le site WordPress que vous avez acheté pour votre entreprise. Vous vous demandez comment modifier un site WordPress en ligne ? C'est relativement simple puisque la majorité des modifications devraient pouvoir se faire au travers de l'espace d'administration de WordPress, appelé aussi Back-Office.

    Attention, vous devrez parfois avoir un accès administrateur de haut niveau pour avoir les droits suffisants à la réalisation de certaines tâches (installation de plugins par exemple). Avec un rôle éditeur standard, vous ne pourrez pas installer de thème graphique ou éditer la configuration de certains plugins mais vous pourrez tout de même intégrer les nouveaux contenus dans votre site WordPress.

    Quel avantage présente les thèmes wordpress lorsqu'on fait développer un site ?

    Pour la refonte d'un site wordpress, il est vivement recommandé d'utiliser un thème éprouvé avec un constructeur de pages pour la création des contenus. Divi est l'un des pages builder les plus populaires en 2021 car il propose une véritable (r)évolution par rapport à un thème standard WordPress.

    Un thème builder permet tout aussi bien qu'avec une refonte graphique sur-mesure d'optimiser l'expérience utilisateur. La différence est cependant qu'avec un constructeur de page, c'est votre équipe de communication qui peut s'occuper des évolutions.

    Il est cependant très important de se faire accompagner et former étape par étape à l'utilisation d'un thème comme Divi. Vous pourrez procéder vous même à l'amélioration visuelle et éditoriale de votre site.

    Demander un devis pour une refonte d'un site internet WordPress ? Quel prix ? Quel Tarif ?

    Plus votre cahier des charges sera précis, plus vous obtiendrez une estimation de la charge de travail la plus juste possible. Puisque la réalisation d'un site internet est généralement une prestation de service sur-mesure, l'estimation de la charge vous permettra de calculer le prix de la prestation en fonction du tarif journalier de l'agence digitale avec laquelle vous envisagez de travail.

    Si vous n'avez pas les capacités ou le temps de produire un cahier des charges, il est possible de se faire accompagner par un consultant digital qui va le réaliser pour vous. Enfin, sachez qu'il existe d'autres modèles économiques qui permettent de réaliser un site internet, voire de l'amortir dans le temps !

    Peut-on refaire son site web sans perdre son référencement SEO ?

    Une refonte du site WordPress est une étape importante pour améliorer le design et la visibilité de votre site. C'est également l'occasion d'optimiser le référencement naturel qui est un défi important pour de nombreuses d'entreprises : gage de visibilité et de développement de l'image de marque.

    Le référencement naturel est un moyen simple de se faire connaître sur internet. En effet, le référencement, ou SEO, désigne l’ensemble des techniques permettant de faire apparaître sa page internet dans les résultats des moteurs de recherche.

    Lors de la refonte de votre site WordPress, prenez garde à mettre en place des redirections des anciennes urls vers les nouvelles urls afin de maintenir le trafic de votre ancien site web vers votre nouveau site WordPress.

    Nous avons contacté l'agence oaka afin de réaliser la migration d'un ancien CMS (EZ Publish) vers un WordPress (DIVI). Rigoureux, organisé, sympathique et force de proposition, l'agence nous a satisfait pleinement.

    Le rendu de la mission s'est fait dans les temps et le coût de la prestation s'est vu diminuer grâce à un travail agence - annonceur synergique et régulier.

    Nous recommandons cette agence et continuerons à faire appel à eux. Merci Yoann !

    Favicon de SCAN Center Ajaccio

    Sébastien CLOATRE

    Chargé de Marketing Digital

    En résumé pour Zeendoc

    L'Agence web oaka a apporté son expertise technique à Zeendoc pour déployer un nouveau site internet tout en mettant en oeuvre les bonnes pratiques de Divi. L'équipe marketing digital de Zeendoc a pu saisir les contenus et de faire évoluer plus facilement la mise en page du site WordPress afin de promouvoir leur solution.

    Ainsi, en collaborant étroitement dès le départ, oaka et Zeendoc ont pu réaliser la refonte d'un site eZ Publish sous WordPress, développer de nouvelles fonctionnalités et mettre en place une stratégie de redirection d'urls afin de maintenir le trafic existant.

    On en parle ensemble ?

    Nous nous ferons un plaisir d'échanger avec vous sur votre projet digital. Afin de simplifier la gestion de votre demande, veuillez compléter le formulaire. Nous reprendrons rapidement contact avec vous.

    Nous utilisons Plezi comme plateforme marketing. En remplissant ce formulaire, vous acceptez que oaka prenne contact avec vous dans le cadre d'une démarche commerciale et que vos informations seront transférées vers Plezi pour qu'elles puissent être traitées par nos soins. A tout moment, vous aurez la possibilité de vous désinscrire de notre base de données via les procédures qui vous seront transmises. En savoir plus sur le traitement des données par oaka.

    Nous utilisons Plezi comme plateforme marketing. En remplissant ce formulaire, vous acceptez que oaka prenne contact avec vous dans le cadre d'une démarche commerciale et que vos informations seront transférées vers Plezi pour qu'elles puissent être traitées par nos soins. A tout moment, vous aurez la possibilité de vous désinscrire de notre base de données via les procédures qui vous serons transmises. En savoir plus sur le traitement des données par oaka.

    Le A Coeur blanc et transparent de la marque Alsace

    oaka, Implantée au coeur de l'Alsace

    Pin It on Pinterest