Journey Capital (anciennement OnDeck Canada)

Notre designer a présenté des maquettes à Journey Capital, qui ont sélectionné la mise en page visuelle qu'ils préféraient pour chaque application web. Nous avons combiné ces choix dans un design hybride et créé un référentiel complet de système de design pour appliquer la nouvelle identité visuelle aux deux applications web. Cela comprenait une bibliothèque de composants et de modèles ainsi qu’un guide de style. Par exemple, nous avons conçu des nuances spécifiques de couleur pour différents états de boutons—comme activé, survolé, en focus, et désactivé—et avons introduit des couleurs système pour des scénarios non couverts initialement—comme les états d'erreur et d’avertissement. Nous avons également conçu et développé une hiérarchie pour l'affichage des contenus et des éléments tels que les bannières d'applications, les étiquettes, les champs de saisie, les tableaux et les tuiles. De plus, nous avons établi des directives pour l'espacement, la taille des polices et l’utilisation des boutons, assurant ainsi que le design soit adaptable aussi bien pour les plateformes de bureau que mobiles.

Pour la bibliothèque d'icônes, nous avons utilisé Untitled UI, qui correspond à la nouvelle identité visuelle de la marque et a facilité son intégration pour nos développeurs. Nous avons rédigé des descriptions pour chaque élément et scénario, créant une documentation complète pour une utilisation future. Cela permet à tout développeur ou designer d'avoir des lignes directrices et des meilleures pratiques claires. En utilisant la méthodologie du design atomique, nous avons conçu et développé des éléments UI réutilisables et les avons intégrés dans des composants plus complexes—comme des cartes—afin d’assurer la cohérence, l'évolutivité et l'efficacité.