Cadre

The world of fintech 💸

by John Canelis, Product Designer

2019 – 2023

The browse experience for Cadre's investment platform.

The browse experience for Cadre's investment platform.

Cadre was a financial technology startup acquired by Yieldstreet that made it possible for people to invest in real estate investments that have historically been difficult for the general public to access.

I was the lead designer for the investor experience. This included the browse and portfolio experiences, where users viewed available opportunities and the state of their investments.

Browse Desktop Large — Desktop full view

Artboard — Browse and filter.

Artboard-1 — Compare and learn more.

Needs and themes

Business Needs — Business needs

User needs

Data Sources — Data sources

Requirements

Iterations — Layout considerations.

Structure — Proposed page structure.

Notes

Notes - 2 — Promotions, education, flexible layout, and design system

Notes - 5 — Flexible layout

Notes - 8 — Usability and education

Notes - 3 — Promotions

Notes - 1 — Promotions

Portfolio

Compare investments

Select to compare

Compare Light — Compare layout structure

Offering Light Mode — Offering page

Design system

Cadre — A look into our design system files.

Cadre-2 — More design system styles, including shadows and colors.

Cadre-6 — A high level view of our design system file.

Cadre-1 — A look at our form components and variants in Figma.

Results — Results from the updated designs.

Experiments

Experiment — Example experiment

Experiment-1 — Example experiment

Experiment-2 — Example experiment

Experiment-3 — Concepts for the future