Praticable

À propos

En octobre 2022, Collectif Bam (lien externe) devient Praticable (lien externe). Ce changement d'identité s'accompagne de la création d'un nouveau site internet, conçu comme un projet de design à part entière.

J'ai été en charge de l'ensemble du projet, de la stratégie au développement front-end, en passant par le diagnostic et l'UX/UI design. Le projet a été mené en collaboration avec Morgane Chevalier pour le design et Adrien Payet pour le développement.

Le site de Praticable n'est ni une vitrine ni un simple outil de communication. Il est pensé comme un espace de recherche et d'expérimentation. Il concrétise nos convictions en matière d'autonomie, d'accessibilité et de sobriété numérique.

Démarche

1. Cadrage et site provisoire
Lors du séminaire annuel de novembre 2021, nous avons décidé de changer de nom. Un mini-site temporaire a été réalisé pour accompagner l'annonce de cette transformation.
1. Diagnostic et positionnement
Nous avons analysé notre ancien site (lien externe) ainsi que nos outils et pratiques numériques. Ce diagnostic critique s'est accompagné d'entretiens et de l'écriture d'une note d'intention : Qu'est-ce que présenter ?.
1. Expérimentations techniques
Nous avons testé des intégrations techniques via des APIs (lien externe) (Notion (lien externe), iframes (lien externe)), explorant les possibilités d'un bodyless CMS (lien externe).
1. Parti-pris formel et fonctionnel
Le site est structuré en trois niveaux : l'espace (grille), les blocs (texte, image, représentants), et l'interface (4 boutons d'options). Cette structure favorise la modification, la composition et la présentation, sans fioritures.
1. Design de l’interface
Un soin particulier a été apporté à l'interface de contrôle : affichage des options, égalité d'accès entre lecture et édition, suppression des front/back habituels. L'interface permet à tout moment d'éditer, réorganiser, filtrer, télécharger ou ajouter du contenu.
1. Identité, composants et prototype
Trois fichiers Figma (lien externe) ont été créés : Design graphique (lien externe) (styles et éléments graphiques), Design system (lien externe) (composants du site) et Maquettes (lien externe) (prototype de l'interface).
1. Développement
Le site a été développé avec le CMS Kirby (lien externe). Il utilise une partie du travail réalisé sur culturesvisuelles.org , par Timothée Goguely et Adrien Payet.