UI/UX, Branding
2019 — Freelance

Lysander Funds

Website and brand refresh for Canadian investment fund management company, Lysander Funds Ltd.

Website

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.

Homepage mockup
Card components for News (left) and Fund Profile (right)

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.

Header design for Fund Nav page
News page header

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.

Search results landing page

Screenshots of previous website designs