In 2018 I collaborated with Narrow Content Inc to design and develop a responsive website and brand refresh for Lysander Funds Ltd. We implemented a component based design system in order to allow development to happen concurrently. I prototyped high fidelity designs in InVision for user testing purposes and tested component designs by building them in Webflow to ensure that my vision was technically possible. Webflow also allowed me to work closely with developers to establish a component based backend and allowed for easier developer handoff. Additionally, the website needed to AA compliant in accordance with the Canadian governments accessibility guidelines.
As an investments centred company the content of the website was often dense and informational. Card components were implemented to help with readability and hierarchy of information.
I found ways to insert brand colours and imagery through small UI elements such as badges, highlighted text, labels, colour overlays, and data visualization cards on fund profiles.
Screenshots of previous website designs