Journey Capital (formerly OnDeck Canada)

Our designer presented mockup options to Journey Capital, who selected their preferred visual layout for each web application. We combined these into a hybrid design and created an extensive design system repository to apply the new visual identity in the two web applications. This included a component and pattern library as well as a style guide. For example, we designed specific shades of colour for different button states—such as enable, hover, focus, and disabled active—and introduced system colours for scenarios not initially covered—like error and warning states. We also designed and developed a hierarchy for various content displays and designed elements including app banners, labels, input fields, tables, and tiles. Additionally, we established guidelines for spacing, font size, and button usage, ensuring the design is adaptable for both desktop and mobile platforms.

For the icon library, we used Untitled UI, which matches the brand’s new look and ensured smooth integration for our developers. We wrote descriptions for each element and scenario, creating comprehensive documentation for future reference. This ensures that any developer or new designer has clear guidelines and best practices to follow. Utilizing the atomic design methodology, we designed and developed reusable UI elements and integrated them into more complex components—such as cards—to ensure consistency, scalability, and efficiency.