Bienvenue dans l'univers passionnant de la création de web documentaires ! Que vous soyez journaliste, enseignant ou graphiste, le web documentaire est un format exceptionnel pour captiver votre public à travers une narration immersive, interactive et visuellement impressionnante. Toutefois, les contraintes techniques, le manque de compétences ou de ressources financières peuvent parfois freiner la création d'un webdoc.

C'est ici que nous intervenons avec cet article ! Nous allons vous guider pour transformer votre idée en un web documentaire sans nécessiter de compétences techniques, en utilisant la plateforme no-code PandaSuite. PandaSuite offre une liberté de création totale et une simplicité d'utilisation qui en font un allié parfait pour la réalisation de votre projet. De plus, les tarifs s'adaptent à tous les budgets.

Dans les prochains paragraphes, vous découvrirez comment donner vie à votre projet, de la conception de l'idée à l'intégration de contenus multimédias dans PandaSuite, en passant par la construction de la structure narrative et la publication en ligne. Des liens vous seront fournis pour approfondir votre lecture selon vos besoins.

Vous avez une première trame d’histoire à raconter ? Vous avez produit des premiers contenus ? C’est parti mon kiki !!! 😊

Dans cet article : - Qu’est-ce qu’un web documentaire ? - PandaSuite comme outil de création de web documentaire - Concevoir l’histoire et la structure narrative - Démarrer avec PandaSuite - Ajouter du contenu multimedia - Personnaliser l’apparence et l’interactivité - Créer une expérience non linéaire - Prévisualiser le projet - Publier sur le web

Qu'est-ce qu'un webdocumentaire?

Un webdocumentaire est une forme de narration numérique qui utilise des médias pour raconter une histoire de manière interactive. Il peut inclure du texte, des images, des vidéos, de l'audio et des éléments interactifs pour engager le public et offrir une expérience de narration captivante.

Les web documentaires ont connu un succès particulier dans les domaines du journalisme et de l'éducation, car ils offrent une nouvelle façon de partager des informations et de raconter des histoires. Ils permettent aux créateurs d'adopter une approche non linéaire, laissant aux spectateurs la liberté de choisir leur propre chemin à travers le contenu.

Voici quelques exemples de web documentaires qui ont suscité un vif intérêt :

• Prison Valley : une immersion dans la ville-prison de Cañon City aux États-Unis, réalisée par David Dufresne et Philippe Brault.

• Alma, une enfant de la violence : il raconte l'histoire d'une ancienne membre de gang au Guatemala, réalisé par Miquel Dewever-Plana et Isabelle Fougère.

• Fort McMoney : un jeu documentaire qui plonge les utilisateurs dans l'univers de l'industrie pétrolière au Canada, réalisé par David Dufresne.

Note : La plupart de ces anciens web documentaires reposent sur la technologie Flash, désormais obsolète. Toutefois, avec PandaSuite, votre webdoc sera réalisé en HTML5.

PandaSuite, votre outil de création de webdocumentaire

Plusieurs outils sont spécialisés dans la création de web docs, comme Klynt et Racontr. Bien que PandaSuite soit une plateforme no-code plus généraliste, nous la recommandons vivement. Son orientation axée sur l'expérience utilisateur, sa tarification abordable (compte gratuit avec des réductions possibles) et ses mises à jour régulières en font un choix idéal. L'équipe de support est également à votre disposition pour répondre à vos questions.

Disclaimer : vous êtes sur le blog de PandaSuite, ce qui signifie que cet article a été rédigé par … l’équipe de PandaSuite 😅 C’est après avoir découvert de superbes webdocs réalisés par nos utilisateurs que nous avons pris l’initiative de créer cet article qui pourra accompagner les plus hésitants d’entre vous !

Avec son éditeur WYSIWYG simple et intuitif (PandaSuite Studio pour MacOS, Linux et Windows), vous pouvez créer des écrans personnalisés et une navigation adaptée à votre narration. PandaSuite offre une multitude de fonctionnalités conçues pour l'interactivité et le non-linéaire, ainsi que divers formats d'exportation (web ou applications natives) compatibles avec plusieurs plateformes.

Des professionnels reconnus ont déjà utilisé PandaSuite pour leurs projets, tels que l'Université d'Ottawa pour le webdoc "Les infirmières de la folie", Anthony Liefooghe (Canasucre Production) pour le projet transmédia "Teufel" ou encore Sophie Taboni et Nicolas Catherin pour leur récit de voyage interactif primé "Ici tout va bien".

“PandaSuite s’est vite imposé à moi. Les composants sont intuitifs et n’ont pas vraiment de limitations créatives ou d’usages. C’est aussi l’interface de conception la plus agréable, stimulante et sérieusement ludique que j’ai pu utiliser.” Anthony Liefooghe, créateur du conte interactif Teufel

Concevoir l’histoire & la structure narrative

L'étape fondamentale de la création d'un web documentaire est la définition de l'histoire, de votre public cible et de la manière dont vous souhaitez raconter cette histoire. Cette étape cruciale ne nécessite aucun outil particulier, juste de la créativité et un papier-crayon. La structure narrative détermine la manière dont l'histoire sera présentée et dont les utilisateurs interagiront avec le contenu.

Votre webdoc se compose généralement de plusieurs séquences indépendantes. La création d'une carte ou d'un storyboard vous permettra de visualiser ces séquences et les liens qui les relient. Vous pouvez opter pour une navigation linéaire ou en étoile, en fonction de la structure narrative que vous souhaitez adopter.

Une fois que vous avez posé la structure, vous pouvez commencer à produire les contenus qui seront nécessaires : texte, images, son ou le faire en parallèle de l’intégration du projet.

Démarrer avec PandaSuite

Pour commencer avec PandaSuite, vous devrez d'abord télécharger PandaSuite Studio, l'éditeur visuel WYSIWYG. Ce logiciel est compatible avec Windows, Linux et MacOS.

Rendez-vous sur cette page pour télécharger PandaSuite Studio. Avant de pouvoir utiliser PandaSuite Studio, vous devrez créer un compte gratuit sur le site. Vous devrez fournir une adresse e-mail valide et créer un mot de passe pour votre compte. Une fois que vous avez confirmé votre adresse e-mail, vous pouvez vous connecter à PandaSuite Studio avec votre nouveau compte.

Une fois l'installation terminée et votre compte créé, vous pouvez commencer à créer votre premier projet. Ouvrez PandaSuite Studio, puis cliquez sur Nouveau Projet pour créer un nouveau projet vide. Donnez un nom à votre projet et choisissez les dimensions de l'écran (en pixels) que vous souhaitez utiliser pour votre webdoc.

Le choix du format de votre projet est une étape importante, car il détermine l'orientation de votre web documentaire. Si vous prévoyez que votre web documentaire sera principalement visualisé sur des ordinateurs, vous voudrez peut-être choisir une orientation paysage. Si vous prévoyez que votre web documentaire sera principalement visualisé sur des appareils mobiles, vous voudrez peut-être choisir une orientation portrait.

La gestion du responsive vous permet de vous assurer que votre mise en page s’affichera correctement sur les différentes tailles d’écran. Vous pouvez ajouter un nouveau layout à tout moment pendant le processus de création. Cependant, cela nécessitera des ajustements pour s'assurer que votre contenu s'affiche correctement dans le nouveau format.

Ajouter du contenu multimedia

Une fois votre projet créé, il est temps d'ajouter du contenu multimédia pour construire votre narration interactive. PandaSuite vous permet d'intégrer une grande variété de médias, tels que des images, des vidéos, des sons, des fichiers PDF et bien d'autres. Pour ajouter du contenu, il suffit de cliquer sur l'icône Fichiers dans le menu supérieur de l'interface PandaSuite Studio.

En fonction de votre histoire, vous pouvez découper votre contenu en écrans individuels ou choisir de combiner plusieurs éléments dans un seul écran. Chaque écran peut contenir des éléments interactifs comme des boutons, des liens, des zones interactives, des diaporamas et bien plus encore. Ces éléments interagissent avec le contenu multimédia pour offrir une expérience immersive aux utilisateurs.

Personnaliser l'apparence et l'interactivité

PandaSuite vous permet de personnaliser intégralement l'apparence de votre webdoc. Faites attention à l’ergonomie et au design de vos écrans : les utilisateurs doivent ressentir un confort de navigation et être en capacité de répondre efficacement à leurs attentes. Par exemple, les éléments cliquables doivent être clairement identifiés. Pensez utilité, esthétique et simplicité.

L'interactivité est l'un des éléments clés d'un web documentaire. Avec PandaSuite, vous pouvez ajouter des interactions simples et avancées pour donner vie à votre narration. Chaque élément peut devenir déclencheur d’une action et avec les états, vous pouvez simplement créer des animations. Par exemple, vous pouvez créer des boutons qui révèlent du texte supplémentaire, des images ou des vidéos lorsqu'ils sont cliqués. Vous pouvez également mettre en place des mécanismes de navigation, des éléments glisser-déposer et même des questionnaires interactifs pour impliquer davantage votre public.

Si vous avez besoin d’afficher un contenu au-dessus de l’écran et sans impacter la navigation, vous pouvez utiliser des Pop-ups Elles sont généralement utilisées pour afficher des informations contextuelles, comme un formulaire d'inscription ou un message d'accueil.

Créer une expérience non linéaire

L'un des attraits majeurs des web documentaires est la possibilité de choisir son propre chemin à travers l'histoire. PandaSuite vous permet de créer des structures narratives non linéaires en utilisant des boutons de navigation, des liens internes et des éléments interactifs. Vous pouvez concevoir des embranchements dans votre histoire, où les utilisateurs décident de l'ordre dans lequel ils consomment le contenu.

Pour créer une expérience non linéaire, utilisez des boutons ou des liens pour diriger les utilisateurs vers différentes parties de votre webdoc. Vous pouvez également ajouter des points de décision où les utilisateurs doivent faire un choix qui les mène à des contenus différents. Cette approche engageante encourage les utilisateurs à explorer différentes perspectives de votre histoire.

Utilisez l’avant-plan pour ajouter des éléments persistants, comme un menu ou un logo.

Scrollytelling

C’est le moment de mettre en lumière le concept de scrollytelling, une technique narrative qui exploite le défilement pour raconter une histoire. Les projets tels que Phallaina (Smallbang) ou Ici tout va bien illustrent parfaitement cette approche.

Ici tout va bien est un exemple de journal de voyage au format scrollytelling

Pour réaliser un scrollytelling, insérez un composant Zone de défilement et intégrez-y les éléments que vous souhaitez faire défiler, tels que des blocs de texte ou des images. Vous avez la liberté de choisir entre un défilement horizontal ou vertical, en ajustant la taille de la zone de défilement selon vos préférences. Cette technique narrative apporte une dynamique particulière à votre web documentaire, invitant les utilisateurs à explorer votre récit de manière fluide et engageante.

Prévisualiser le projet

Avant de publier votre web documentaire en ligne, il est essentiel de le prévisualiser et de le tester pour vous assurer que tout fonctionne correctement. PandaSuite Studio vous permet de prévisualiser votre projet en temps réel en cliquant sur le bouton Aperçu dans l'éditeur. Cela vous donne une idée de l'expérience que les utilisateurs auront lorsqu'ils interagiront avec votre webdoc.

L’application PandaSuite Viewer vous permet de tester sur iOS & Android (mobile et tablette). Utilisez le lien de partage pour impliquer vos collègues et collecter des retours.

Passez en revue chaque séquence, interaction et lien pour vous assurer qu'ils fonctionnent comme prévu. N'hésitez pas à faire des ajustements en fonction de vos tests pour améliorer l'expérience utilisateur.

Publier sur le web

Une fois que vous êtes satisfait du résultat, il est temps de publier votre web documentaire en ligne et de le partager avec votre public. PandaSuite vous offre plusieurs options de publication, notamment :

• Web : Cette option génère une version web de votre webdoc, que vous pouvez héberger sur votre propre site web ou sur les serveurs PandaSuite. Vous générez une URL que vous pourrez partager avec votre public.

• Applications Natives : PandaSuite vous permet de créer des applications natives pour les appareils iOS et Android. Cela offre une expérience plus fluide et permet aux utilisateurs d'accéder à votre webdoc hors ligne.

Choisissez l'option de publication qui correspond le mieux à vos besoins et suivez les instructions de PandaSuite pour finaliser le processus. Une fois votre web documentaire publié, assurez-vous de le promouvoir sur les réseaux sociaux, les forums pertinents et tout autre canal qui pourrait intéresser votre public cible.

Conclusion

La création d'un web documentaire captivant et interactif n'a jamais été aussi accessible grâce à des outils comme PandaSuite. Que vous soyez un professionnel du journalisme, de l'éducation ou un créateur passionné, vous avez maintenant les bases pour donner vie à votre histoire de manière immersive et engageante. N'oubliez pas que la clé du succès réside dans une histoire bien racontée et dans l'utilisation créative des fonctionnalités interactives de PandaSuite.

N'hésitez pas à explorer davantage les ressources de PandaSuite, y compris notre documentation en ligne, pour tirer le meilleur parti de la plateforme et créer des web documentaires exceptionnels. Profitez de cette opportunité pour repousser les limites de la narration numérique et offrir à votre public une expérience inoubliable.

Concernant les tarifs, vous pouvez créer gratuitement votre webdoc et le partager via un lien PandaSuite. Si vous choisissez le compte Pro (29€/mois), vous pouvez gérer un nombre illimité de projets, ouvrant ainsi un vaste champ de possibilités. Pour une publication en marque blanche sur le web, la formule Web est à 790€. Notez que des réductions sont disponibles pour les étudiants et les associations, à hauteur de 50%. Pour toutes vos questions, notre équipe est à votre disposition, n'hésitez pas à nous contacter !