Soumis par ilefevre le lun 21/09/2020 - 11:51

Introduction

 

CmonSite est un outil qui vous offrira un site web moderne pensé pour vos utilisateurs. Afin de vous proposer le meilleur outil possible, nos équipes se sont mobilisés et ont travaillé sur une solution clé en main qui vous permette de générer un site à votre image et qui soit à la fois sécurisé et adaptatif pour tous les écrans.

 

 

Présentation générale

 

 

 

 

Qu'est-ce que CmonSite ?

 

CmonSite est composé de deux parties :

  • d’un espace de travail (backoffice) pour la  gestion du contenu basé sur Drupal
  • d’une version publique (frontoffice) qui génère une version statique de votre site (Gatsby).

Le tableau de bord du système de gestion de contenu regroupe les différentes fonctions telles que la configuration générale de votre site, la gestion de votre menu, l’ajout de contenu, une médiathèque pour les images et fichiers de type PDF, etc.

L’affichage de votre site est réalisé au travers de Gatsby. Celui-ci récupère tous les éléments et les déploit en prévisualisation en les optimisant. A votre demande vous pouvez déployer une version en ligne visible par vos administrés.

Schéma explicatif du fonctionnement Drupal - Gatsby

 

 

Les avantages de Gatsby

 

Ordinateur avec images en lazyloadLes images sont optimisées pour un affichage rapide de votre site web. Elles s’adaptent en fonction de la taille de l’écran du visiteur et sont chargées au fur et à mesure de la visite du site. Cela améliore le temps de chargement de la page et il n’y a pas d’impact pour le visiteur, qui ne s’en aperçoit pas.

La performance est l’atout majeur de Gatsby. Un site utilisant cette technologie supporte un grand nombre de visiteurs et se charge beaucoup plus rapidement qu’un site équivalent utilisant un système de gestion de contenu.

Un point crucial lorsque l’on sait qu’aujourd’hui, à l’heure du numérique, qu’un site dont les pages se chargent en plus de 3 secondes est considéré comme lent. De plus, la première impression d’une personne qui visite votre site est très importante. La vitesse de chargement joue un rôle important dans la perception.

L’affichage progressif des différents éléments, sans attendre le chargement complet de la page, améliore aussi l’expérience des utilisateurs ayant un très faible débit.

 

 

La sécurité au coeur du générateur V2

 

Ordinateur sécurisé

L’utilisation de Gatsby apporte une protection supplémentaire. En effet, lors de la publication du site, Gatsby crée une image du site, comme s’il créait un second site figé, déconnecté de celui sur lequel se trouve votre gestionnaire de contenu Drupal. Votre site est donc protégé des attaques puisqu’il n’y a pas de lien vers votre contenu lorsqu’il visite votre site.

 

 

 

 

 

 

 

Un travail privilégié en interne

 

Mise en ligne en un clic

Comme nous l’avons vu précédemment, vous travaillez sur votre site depuis Drupal, sur une version non mise en ligne. Une fois votre site finalisé, vous pourrez librement envoyer le lien de la prévisualisation à une personne de votre choix (Par exemple : pour relecture ou pour validation auprès d’un élu). Après validation, vous pouvez, en un clic, déployer la version corrigée de votre site. Ceci permet aux utilisateurs ne pas voir un site en construction ou en cours de modification. Ils consulteront une version finalisée et/ou corrigée de votre site.

Plus besoin de page « en construction » ou « en maintenance » ; le visiteur a toujours accès à votre site et la dernière version sera disponible lorsque vous l’aurez publiée.

 

 

 

Un site web nativement responsive (adaptatif)

 

 

Les appareils numériques se multiplient depuis quelques temps et les tailles d’écran également. De plus, les utilisateurs sont maintenant aussi à l’aise depuis leurs ordinateurs fixes que depuis leurs téléphones mobiles ou leurs tablettes. Un site web doit donc s’adapter à tous les formats : c’est ce que nous vous proposons avec CmonSite. La structure de votre site a été pensée et conçue de façon à être flexible. Les contenus textes et images, et le design du site s’ajustent automatiquement à l’écran du visiteur sans que vous ayez à gérer toutes les configurations.

Vous n’aurez pas à réfléchir ni à paramétrer ce mode responsive puisqu’il est intégré dans chaque thème de CmonSite. Vous pourrez donc prendre le temps nécessaire pour alimenter votre site en contenu de qualité, choisir de belles illustrations. Les thèmes sauront les mettre en valeur en fonction de chaque type d’écran et permettront aux visiteurs une meilleure expérience de navigation.

 

Site présenté sur ordinateur fixe et portable, tablette et mobile

 

< Découvrir CmonSite en 4 mn Retour au sommaire Faire le point sur son projet >