Design System

Le Design System, qu’est-ce que c’est ?

Dans le cas de la plateforme régionale de Bourgogne Franche Comté Tourisme, l’amorce du projet s’est effectuée par la constitution d’un Design System, soit la création d’une boîte à outils de tous les composants nécessaire pour la création d’un site issu de la Fabrique à Site.

 

Il s’agit de règles d’application pour assurer l’évolution de la charte graphique et éditoriale du produit.

 

Outre, l’UI ( l’aspect graphique final ), la composition des éléments du Design System Bourgogne Franche Comté assure une réflexion UX quant à l’expression des besoins.
Ainsi donc tout contenu qui sera nécessaire à la création d’un site comporte une harmonisation au niveau de la structure et de la composition, ce qui permet de faciliter toute intervention ultérieure pendant la vie du site et assurer les évolutions. Le Design System assure une cohérence et harmonisation graphique sur l’ensemble des sites de la Fabrique à Site et permet aussi une souplesse d’intervention au niveau du développement. Dans le cas d’interventions ou d’amélioration des composants, l’ensemble de l’écosystème sera mis à jour.

 

Le Design System réfléchi par l’agence Thuria pour la plateforme régionale de Bourgogne Franche Comté Tourisme se base sur une galerie de composants à savoir :

Les gabarits & modèles

Ils présentes des besoins UX particuliers, permettant de mettre en évidence une information importante et spécifique à un modèle de page donnée.

Les strates

Ce sont des éléments définis et communs à toutes les pages du site tel qu’un header ou un pied de page.
Sans être complètement figée, une strate à vocation à être un élément qui s’inscrira dans la durée de vie d’un gabarit. Elles sont réparties en 2 groupes : strates fonctionnelles ( Header/ footer) et strates optionnelles ( newsletter, comment venir ?, publicités… )

Les blocs

Les blocs de contenus viennent alimenter les gabarits afin de réaliser les divers types pages dont le futur site aura besoin. Chaque bloc répond à un besoin. Une exhaustivité de blocs est présentée pour répondre à une liberté et flexibilité au niveau des contenus

 

Pour chaque composant (chaque besoin), l’agence Thuria propose jusqu’à trois types de présentation possédant des variations d’affichage. Ceci permet donc de proposer des sites aux affichages divers et variés.
Un surclassage peut être appliqué (dans le respect du Design System) que ce soit au sein de l’équipe technique BFCT ou d’une agence externe.

 

Chaque site comportera donc un thème de base constitué de ces divers composants interdépendants.

 

Les overlays

Des overlays fonctionnels & optionnels viennent compléter les modèles de page et permettent d’accueillir des informations telles qu’un formulaire, des contenus ou des informations fonctionnelles.