App Banner Redesign

Logo of the company Nordstrom

Client: Nordstrom

Project Type: UX Design

Skills: brainstorming, collaboration, competitive analysis, wireframing, high-fidelity mockups

What and Why

Nordstrom was trying to increase customer usage of the Nordstrom and Nordstrom Rack apps. The goal was to encourage visitors to the mobile site to either download or open the app as this resulted in a higher ROI for the company. A third party tool was used to replace the native app banners, since the messaging and design of these could not be customized.

Native App Banners

Problem

Nordstrom struggled to customize users’ experience on the mobile site, since the majority were not logged into their accounts. Users of the mobile site returned to the site less frequently and spent far less than app users. In the apps, Nordstrom is better able to: provide the high level of customization and customer service the brand is known for, increase customer retention, and increase conversion.

Approach

Competitive Analysis

One of the first things I did with the Content Designer with which I was paired, was collect examples of app banners from other sites. This gave us a sense of what styles were being used during different stages of the purchase funnel.

Stakeholder Presentation

Based on this, we put together some recommended styles for each page of the planned test and included the necessary context along with our reasoning for each of our recommendations.

Hi-Fidelity Mockups

Once the stakeholders were on board with the different design choices for each page, I crafted high-fidelity mockups to show the team what the banners would look like in context. The Content Designer crafted messaging for each example to drive the appropriate behavior and align with each brand.

Design Iteration

The designs went through multiple rounds of iterations based on the team’s feedback until consensus was reached and both style and messaging were finalized.

Struggles and Successes

The team had never worked with UX before so we had to provide a little extra context upfront about why they should trust our expertise. The timeline for this project was also quite condensed. We had a month to finalize the designs before the test was supposed to run.

Outcome

The launch was incredibly effective. There were 10 times the number of iOS app downloads for both Nordstrom and Rack, resulting in around 2500 new app downloads for each brand in only a week. The numbers for customers opening an already downloaded app from the mobile site were even higher.

Redesigned Banner