Markets redesign

Project length

4 months

My role

Lead designer

Problem area

Clients find the current experience to be overwhelming and difficult to navigate. Additionally, our existing product doesn’t offer the breadth of tools users are accustomed to having on competitive products.

Solution

A restructured and redesigned experience that adds functionality while reducing cognitive load through the use of proximity and Mobile-specific offloading techniques.

Define

The product

E*TRADE Mobile is an award winning app that aims to simplify investing and trading.

We offer our 2.5MM+ MAU a comprehensive financial product that offers investing, trading, banking and research services.

The experience

The Markets tab is the 3rd most trafficked experience in the app. It’s highly visible and accessed via a bottom navigation tab.

The tab acts as a central hub for clients to research Stocks, Bonds, ETFs and Mutual Funds.

The strategic approach

Problem area(s)

  • Clients (particularly new ones) have difficulty navigating and understanding the current experience.

  • Competitive products are significantly more robust, offering more insights, tools and raw data.

Design strategy

  • Restructure the IA/Navigation to be less daunting for new clients

  • Offer customization features that help clients narrow the broad scope of Markets data to suit their individual needs.

  • Conduct a competitive audit and fill feature gaps.

  • Thoughtfully integrate ET Web features to expand our overall Mobile offering.

Design

Competitive analysis

We audited the ‘Markets’ experiences of 4 competitors to identify gaps that we could seamlessly integrate into the ETM experience.

Feature prioritization

Next, we made a list of all of the possible features we could design for and prioritized them based on our platform strategy, capabilities and competitive insights.

Information architecture

Knowing users found the existing IA confusing, we set out to restructure the page, starting with the Overview tab.

The goal here was to make more feel like less. To accomplish this, we applied the principle of ‘proximity’, grouping related content within condensed cards.

Design challenges & solutions

Starting with the ‘Indices and Yields’ card, we faced 2 major design challenges:

  1. A scalable selector that would allow us to fit the 7 different categories of indices/yields into a Mobile card.

  2. A pattern that enabled users to swap indices in and out of their view.

After a few rounds of iterations we decided to utilize a native menu for both interactions.

The indices would be edited using an ellipses icon, while the views could be changed by a trailing dropdown in the header.

This approach proved to be scalable while offloading irrelevant content, further focusing the user’s attention and reducing cognitive load.

We then applied the same pattern to the rest of the page.

Once the ‘Overview’ page was complete, we dove into the 3 remaining tabs, sticking to our overarching strategy of reducing cognitive load while filling feature gaps.

Before

After

After

Before

After

Before

Deliver

Strategic wrap-up

When delivering the final designs, it was important to tie each of our design decisions back to our overarching strategy.

Strategy

Redesign the information architecture to be less daunting for new clients.

Solution

Grouped previously scattered modules into condensed cards with related content.

Strategy

Offer customization features that help clients narrow the broad scope of Markets data to suit their needs.

Solution

Introduced the ability to set default tabs on the ‘Overview’ page and remove/reorder cards.

Strategy

Fill competitive feature gaps.

Solution

Conducted a competitive audit and designed accordingly.

Added an ‘E*TRADE’s Most Popular’ section, similar to Robinhood’s ‘Trending List’.

Added sector and industry specific data, similar to Fidelity’s experience.

Strategy

Thoughtfully integrate ET Web features to expand our overall Mobile offering.

Solution

Added new content such as Podcasts and ‘Behind the Move’ to further enhance our entertainment and news offerings.

Expanded our indices and yields data to include foreign currencies, commodities, and treasury bills, thus allowing us to accommodate a wider range of clients.

Design delivery

Lastly, we delivered native designs for each of the respective operating systems, including tablet and dark mode.

Android Date Picker

iOS Date Picker

iOS Half Sheet

Next steps

Phase 1 of the Markets experience is expected to be released in October 2025, with the remaining work being delivered in 2026.

Since the completion of this work, we have integrated Crypto trading and market data within the app. The scalable foundation of this design proved to be useful, as it easily scaled to accommodate our new Crypto specific requirements.