Pour découvrir de design et savoir comment utiliser efficacement tous les outils qu’il contient.
C’est quoi le système de design ?
C’est une référence pour guider tout ce qui concerne la conception sur le site Web d’Hydro-Québec. Il rassemble différents outils et conseils pour créer facilement des interfaces cohérentes, qui respectent l’identité numérique de la marque.
Ampère est composé de deux ressources principales, une théorique et une pratique.
La documentation
(site Web)
C’est la base théorique de tout le système de design. On y retrouve les règles et les grands principes pour utiliser les composants et gabarits. Elle contient aussi plusieurs références et ressources à propos de la rédaction de contenu, de l’accessibilité et de l’expression de la marque sur le Web.
L’espace de création
(Figma)
C’est la portion pratique du système de design. Elle contient, entre autres, la trousse de design qui sert à créer des maquettes et des prototypes à partir d'éléments normés. Cette portion permet d'augmenter la rapidité de production et d'assurer la cohérence des interfaces Web et des parcours utilisateurs.
Restez à l’affût de l’évolution d’Ampère
Abonnez-vous à nos différents fils de nouvelles pour tout savoir sur les nouveautés, les principaux changements et les actualités du système de design.
Les outils indispensables
De la conception au développement en passant par la rédaction, voici quatre outils essentiels pour mener à bien chaque projet numérique.
Les conseils de rédaction
Publiés en ligne, ces conseils et outils aident à planifier, structurer et écrire différents contenus numériques de manière cohérente et efficace.
La trousse de design
Disponible dans Figma, elle rassemble tous les composants et les modules normés pour créer des maquettes ou des prototypes.
La trousse d’illustrations
Accessible dans Figma, elle contient la documentation pour utiliser les illustrations, ainsi qu’un répertoire de ces images.
Le proto-kit
Site externe réservé à l’équipe de développement, il rassemble le code de tous les composants, pour faciliter le développement des interfaces.