SUMMARY

Redesigned Disney Movie Club e-commerce site to reduce cart abandonment. Defined Brand and CX Strategy to clarify value proposition and establish relevance alongside their Disney+ service, and optimizing for both mobile and desktop.

KEY FEATURES

  • Clarified and communicated value proposition
  • Utilized Live Suggest Search for more responsive browsing
  • Implemented sticky cart design for desktop and mobile
  • Simplified checkout process with progressive disclosure
  • Image o
    Browsing Process, Desktop

    Image o
    Browsing Process, Mobile

    Image o
    Checkout Process, Desktop

    Image o
    Checkout Process, Mobile

    Image o
    Landing Page Promo animation

    Image o










    DEVELOPMENT PROCESS

    SITE AUDIT & AUDIENCE DISCOVERY

    I was assigned as UX Lead on this project and my immediate first steps were to gather data on customer pain points and audit the site to identify opportunities for improvement.

    Analytics and customer feedback

    Available data included page dropoffs, engagement, time-on-page, and customer feedback comments. These helped identity core problem areas:

  • High dropoff rates during checkout
  • Confusion selecting Blu-Ray vs. DVD
  • Confusion about OVERALL process

    Audit of the old site

    My audit of the existing site confirmed my various hypotheses that overall branding needed to clarify the value proposition and the ordering / payment processes needed to be drastically clarified and streamlined. Key areas of interaction needed improvement:

  • The browsing process and its overwhelming number of buttons
  • The checkout process and its number of form fields
  • The site messaging / program branding and its confusing explanations
  • Image o

    Image o

    DEFINING THE CX STRATEGY & CUSTOMER JOURNEY

    To stay on schedule, I used rapid whiteboarding sessions to make a Customer Journey and Task Analysis for quickly defining the CX strategy, content hierarchy and customer priorities. These were centered around a clear customer mental model with proper cognitive "scaffolding".

    My biggest learning was the "Bonus Movie" as part of the regular checkout process was too confusing to customers and I suggested making the "Bonus Movie" a separate value-add AFTER the primary purchase had been completed.



    Image o

    PROTOTYPING AND IMPLEMENTATION

    Wireframes

    Based on the overall Customer Journey, my redesign improved the experience in 5 key ways by:

  • Reducing the number of form fields
  • Using progressive disclosure to only display relevant fields
  • Including progress indicators to inform user of process
  • Visually highlighting content to demonstrate value
  • Improving shopping cart visibility by making it a sticky component

  • Image o

    Image o

    Image o

    Image o

    Image o

    Image o

    Image o

    Image o


    Meeting & Writing Specifications with Devs

    As wireframes were completed and being sent to Disney, I met with their developers to begin writing and logging requirements documentation and user stories in Jira and Confluence.



    Image o

    FINAL DESIGN AND HANDOFF

    Final UI & Flow Diagrams

    In tandem with designing the final UI, I made flow diagrams that I submitted to Disney's devs and continued meetings with them to ensure proper implementation of the designs. I incorporated my final UI design comps into the flow diagrams to ensure the devs were absolutely clear on functionality, with final comps delivered via Zeplin for style specifications.



    Image o

    Key UI Elements

    The final designs were relatively simple in that the majority of the heavy design work was on the main landing page. The Browsing pages and Checkout pages leveraged simple design patterns and elements, relying primarily on the dynamic display of the movie titles themselves.

    Specific UI elements were crucial to resolving the problems we were tasked with solving:

    "Value-Add" sections



    "Live Suggest" Search



    Sticky-Footer Cart



    Streamlined Checkout



    CONCLUSION

    We launched successfully on a rapid turnaround. Amidst the simultaneous launch of Disney+, our rebranded Disney Movie Club site extended longevity for 8 more years, in part due to a branding shift focusing on a collectible-minded audience. Our new core UX interactions made a huge impact:

    Sticky Cart & streamlined Checkout

    reduced cart abandonment

    CX Strategy improvements

    clarified the value proposition

    Live Suggest Search

    made browsing more responsive



    Next Project: ST Math Game Design →