Âme

Âme est un concept store bordelais dédié au végétal et au minéral. Il propose une sélection soignée de plantes d’intérieur, de fleurs séchées et d’objets de décoration artisanaux réalisés par des artistes européens.

Avant la conception du Design System, nous avons identifié plusieurs problèmes d’accessibilité et de structure sur le site actuel :


Un Design System bien structuré offre plusieurs avantages à la marque :

Les Tokens sont des valeurs simples et réutilisables qui définissent les éléments fondamentaux du design, comme les couleurs, les tailles de texte, les espacements, ou encore les ombres. 

Ils permettent de garantir la cohérence visuelle à travers tout le système en facilitant les mises à jour globales.
Voici un exemple des couleurs du design système.

Les Components sont des blocs de construction préfabriqués du design system, comme des boutons, des cartes ou des formulaires. 

Ils sont conçus pour être réutilisés dans différentes parties du projet afin de maintenir une expérience utilisateur cohérente et rapide à développer.
Voici un exemple de composant avec le bouton.

Les Do's & Don’ts dans un Design System définissent les bonnes et mauvaises pratiques d’utilisation des composants pour garantir une expérience utilisateur cohérente et accessible.

Les recommandations, quant à elles, apportent des conseils plus flexibles pour adapter l’usage des composants selon le contexte et les besoins spécifiques du projet.

Tous les Tokens, Composants et Templates présents dans le Design System nous ont permis de réaliser de nouvelles maquettes pour le site Âme, en intégrant des interactions améliorées, comme un chargement skeleton, rendant l'affichage des pages plus fluide et clair.