Design

Cadre

The world of fintech ๐Ÿ’ธ

by John Canelis, Product Designer
Project Topics
  • fintech
  • product design
  • design systems
  • usability testing
  • investing
  • finance

Easier access to transparent real estate investments.

The browse experience for Cadre.

Working on a team with just two designers at Cadre allowed me to have an impact on almost all areas of the product. One of the most impactful projects involved leading the design for an updated browsing experience.

Cadre Browse Experience
The Cadre browse experience.

Cadre offering page
A live example of an offering page.

Cadre images grid mobile
An example of browsing investments on mobile.

Problems

๐Ÿ“ˆ Financial products can be difficult to understand. It was clear that users needed additional information to explain what we were offering.

๐Ÿ“ˆ The previous โ€œbrowseโ€ experience prominently displayed pieces of information that just weren't important for people when making an investment decision.

๐Ÿ“ˆ While plenty of users were completely new to real estate investing, some users knew exactly what they were looking for. There was no functionality to quickly get them to the right content.

๐Ÿ“ˆ Users expressed the desire to compare offerings. We didnโ€™t have that.

๐Ÿ“ˆ The UI needed to be overhauled. It looked outdated, pages used several button styles, and the mobile implementation was lacking polish.

Goals

๐Ÿ’ธ Increase users' understanding of the available investments.

๐Ÿ’ธ Allow people to compare investment options so they can make informed decisions with confidence.

๐Ÿ’ธ Prioritize the most critical information. Remove content that isnโ€™t important for making an investment decision.

๐Ÿ’ธ Implement our new design system. Focus on the quality of the mobile experience. Modernize the look and feel.

Updated browse card
Updated browse card using new design system.

Compare
An example (with placeholder data) of the compare functionality.

The previous experience

Original Cadre Browse
An example of the previous browse experience.

Offering Page
The previous offering page layout.