Pierrefonds Retour

Création d'un site pour un livre blanc ?

Présentation du projet

Ce projet a été réalisé en collaboration avec Maxime VAUCHEZ (Lien LinkedIn). Son objet était de créer un site internet sur la thématique de son livre blanc.

La preuve par l'exemple

Ce livre blanc explore les effets bénéfiques que pourrait recevoir une entreprise en intégrant la Gamification (utilisation des mécanismes (et codes) du jeu) à sa stratégie de communication. Dans ce travail, Maxime se concentre en particulier sur la communication dans le secteur immobilier.

L'une des propositions abordées dans le livre blanc pour la communication par Gamification était le support d'un site internet.

Image extraite du livre blanc
Figure 1 - Image extraite du livre blanc

Plateau de jeu adapté aux rues de la ville, cartes de propriétés, couleurs, offre avec lancé de dé; Plusieurs codes et mécanismes du jeu de société Monopoly agrégés au sein d'une unique page web sont présentés dans cet exemple. L'auteur fait ici une revue de certaines possibilités offertes par la Gamification.

Contexte et volonté

L'idée commune était de créer une landing page simple avec un formulaire pour débloquer l'accès au travail. Nous voulions, en plus de proposer cela, permettre une navigation dans le modèle de page web créé précédemment (cf. Figure 1). Ainsi, les intéressés pourraient plus facilement se projeter dans les idées présentées dans son travail. Le site présenterait aussi des éléments connexes au livre blanc.

Cette représentation du modèle sous forme interactive ne pouvait être réalisée sur une unique page commme le rendaient possible des services comme Tally. Nous avons donc utilisé GitHub et son hébergement GitHub Pages nous permettant d'accompagner cette landing page d'un site web complet et navigable.

Deux choix sont offerts aux visiteurs de la page: explorer ou directement télécharger le livre blanc.

Aperçu de la page d'accueil du site
Figure 2 - Aperçu de la page d'accueil du site

Collecte des données

Nous avions réfléchi à l'idée et à la structure du site, il fallait maintenant mettre en place un formulaire permettant de récolter les données des utilisateurs (sous la forme d'une landing page) et un espace pour accèder aux réponses. On a utilisé l'extension "App Script" de Google Sheets pour cela.

Le procédé est le suivant: On lie un script "App Script" à un tableur Google Sheets. Ce script est publié sous la forme d'une application web. L'URL de cette application web est appelée par notre site lorsqu'un utilisateur soumet le formulaire. Les réponses sont ensuite directement transférées dans le tableur.

Sur notre landing page, chaque case du formulaire est associée, dans le code, à une variable et chaque variable est associée à une colonne du Google Sheets. Ainsi, lorsqu'un utilisateur finit de répondre au questionnaire, chaque réponse est séparée en colonnes dans le tableur.

Une envie d'explorer ?

Suggestions de navigation