Retour aux projets numériques

Digital garden : un espace en évolution

UX/UI design

Identité graphique

Un Digital Garden est une forme de blog qui permet de voir l'évolution des écrits. Lors de ce projet fictif, j'ai expérimenté une représentation nodale dans une métaphore de ciel étoilé.

  • Date

  • Contexte

  • Secteur

  • 2025

  • Projet de Master

  • Blog

Interface avec une constellation

Qu'est-ce qu'un Digital Garden ? Ma métaphore galactique.

C’est une constellation vivante dans l’univers de vos idées, où chaque pensée brille comme une étoile, connectée aux autres, révélant des galaxies de sens à explorer et à partager.

Chaque élément est représenté dans le ciel étoilé avec une forme qui lui est associée. Les références sont de simples ronds, tandis que les documents sont des étoiles aux différents nombres de branches, indiquant leur niveau d'aboutissement. Les éléments sont reliés entre eux en fonction de leurs tags communs ainsi que de leurs liens internes.

Interface avec une constellation Explications une étoile est un document, un point est une référence, un cercle est un tag

Mes références

⊹ Zotero : logiciel libre de gestion bibliographique qui permet de collecter, d'organiser, de citer et de partager facilement des références et des ressources de recherche.

⊹ Obsidian : logiciel de prise de notes basé sur des fichiers Markdown, conçu pour créer un réseau dynamique de connaissances grâce à des liens internes et une visualisation intuitive des connexions entre les idées.

Interface de Zotero
Interface d'Obsidian

Les Fonctionnalités

⊹ Visualisation en carte personnalisée

⊹ Édition, lecture et annotation des documents

⊹ Classification des documents par niveau de finition, thèmes et dossiers

Trois profils pour la consultation des documents

⊹ Édition : écrire et structurer le travail grâce à un plan (à gauche). Les liens internes, en rose, sont consultables via des aperçus, tandis que les liens externes se distinguent par une couleur différente.

⊹ Annotation : à droite, les notes sont accessibles, servant à chaque étape de la conception du document pour mettre en lumière la progression et la réflexion qui y sont liées.

⊹ Lecture seule : l'interface est épurée pour laisser place à la concentration

Mockup de l'interface
Revenir en haut