Mstar Indexes

Role

UX Strategy

UI Design

Interactive Design

Prototyping

Timeline

Jan 24 - Oct 24

Tools

Figma

Principle

Miro

A Modern Experience for Market Benchmarks

Morningstar Indexes provide easy-to-use benchmarks that help track how different parts of the market are performing. They cover everything from stocks and bonds to ESG, themes, and global markets—so investors can measure performance, build portfolios, and create products like ETFs.

What?

Challenge: Complex financial content made it difficult for users to quickly find and understand the information they needed—especially across desktop, tablet, and mobile experiences.

Solution:  Designed a clear, intuitive experience that works seamlessly across all devices, simplifying complex content, improving discoverability, and guiding users to the right information faster.

Early on, we saw that users were struggling to find what they needed. The content felt heavy, the navigation wasn’t clear, and the site didn’t quite match the trust and clarity you’d expect from a modern financial platform.

We simplified the experience from the ground up—cleaning up the content structure, making navigation easier, and refreshing the design to feel more open and approachable.

The result is a responsive, flexible system that helps users get to the right information quickly on any device, while setting things up to scale over time.

The experience was refreshed with a clean, modern look—using plenty of white space for clarity and scannability, with bold pops of color to guide attention and add energy. The result feels approachable and makes complex information easier to navigate on any device.

Mobile users needed to get to information fast. The content was streamlined, simplified navigation, and surfaced key actions so everything important is easy to find at a glance.

Previous

Draypal Mobile App Redesign
Next

Peloton for Business Web Redesign