E-Commerce Redesign

The established Heritage Fortune 500 giant Macy's has grown stagnant, not only in its digital branding but also in its customer perception. The look and feel of its online presence are outdated and lacking. Propose a revamped e-commerce user experience for Macy's to appeal to a younger demographic while also retaining its current customer base.

Background

Objective

Revamp Macy's e-commerce user experience to attract audience under the age of 40, while also maintaining existing ones.

Product type

Homepage, landing page, category page, PDP, quick shop, shopping cart, browse page, navigation & etc.

Platform

Responsive E-Commerce Website desktop & mobile

Timeline

10 Weeks - Sketch, Wireframes, Flow, Testing

18 Weeks - Development execution

Problem

Rethink based on User’s Journey to make a more inspiring and easier to use experience overall

When

Spring 2020

User Testing

8 Participants of 10 sessions

Process

User Feedback Analytics

Initially, as we browse Macys.com, several immediate impressions and paint point came to our mind which shaped our strategy.
  • Overly cluttered interface. How can we simplify both the UI and the path to browsing and conversion? Why does the site structure appear this way? Should we reconsider the user's exploration and browsing experience?What essential information does the user require for browsing or swift conversion?

  • Is there potential to simplify the UI or develop a more cohesive design library? The current appearance seems outdated and lacks consistency.

  • Emphasis solely on sales which reduced user engagement and satisfaction: Without personalized recommendations or content tailored to individual preferences, users may feel less connected to the website and less likely to return.

  • Excessive clicks required to reach desired items. Experiencing an overload of unnecessary information during cart/checkout. Can we prioritize the most crucial information for the user?

  • Research indicates that a significant portion of Millennials do not view the Macy’s brand as innovative or trendy. The brand over-reliance on flash sales undermines product value perception.
    Targeted buyer are female, ~42+ years, lacks millennial shoppers; competitors target younger demographics.

Current State Competitor

Amazon Marketplace

Walmart + Jet

Competitive Analysis

Amazon

Nordstrom

Walmart

Competitive Research

Ideation Analysis & Strategy

  • The Fortune 500 giant's heritage has stagnated not only its digital brand but also its reputation among customers. The feel and online experience are outdated and lackluster.

  • Nordstrom, Amazon, Zara, Walmart, Kohls, JCPenny, and many other department stores.

  • "Users perceive the website as unattractive, difficult to navigate, and cluttered. It's challenging to move from start to finish, and there's an overwhelming amount of advertisements. Improvements are needed to enhance the overall user experience, making it easier to access and digest content, including processes, products, copy, checkout information, and promotions."

  • Rethink the wheel (based on User’s Journey) and make a more inspiring and easier to use experience overall by making the main necessities digestable.

  • Address each page iteratively, incorporating user feedback and ideation to reimagine every detail and requirement. Strive for an inspiring and enjoyable shopping and browsing experience that prioritizes ease of use. Conduct frequent iterations and testing to refine Macy's.com towards the optimal user experience.

  • 10 Weeks;
    4 Designers,
    2 Directors,
    2 VPs,
    2 Project Managers,
    2 Developers

Competitive +
Non Competitive Market

(”Screen is the competition”)

"After extensive research and focus groups, we identified three primary personas: a younger browser (Elle), a working woman in her 30s, and an older woman aged 50-70. Given the tight 8-week deadline and the approaching Prom season, we opted to prioritize Elle, the younger persona."

Persona

Architecture

Wireframes & Flow

User Interface

High Fidelity UI for User Testing

User Testing

Focus group testing

“New Macys”

KPI Results
(Browse page)

“New Macys”

KPI Results
(Product Description Page)

“New Macys”

KPI Results
(Check Out)

“New Macys”

Demo at a glance

KPI Results (Homepage)

Customer Feedback

Current Macys
(Browse Page)

Customer Feedback

Current Macy’s
(Product Description Page)

Customer Feedback

Current Macys
(Check Out)

Next
Next

Flower Show Dior