Website Redesign

Uline Website Redesign

  • SponsorUline
  • RoleUX Designer
  • Timeline5 Months
The Uline website with the Favorites page highlighted

Rethinking Favorites: Designing a more modern consistent experience
that makes reordering favorites feel effortless.

Problem Scope

Uline’s Favorite Items page was built to help customers save their preferred products. In practice, however, customers mostly use it to revisit their past ordered items, revealing a gap between the feature’s intended purpose and how users utilize it. This resulted in wasted time, confusion, and a less intuitive experience.

The project aims to eliminate the friction the page is currently causing, through modernizing and creating an intuitive interface.

Three cards, Favorite Items, Shopping List and Order History, with arrows between them and a question mark above

Process

Phase 01

Research

  • Secondary Research

    • Create visual hierarchy and reduce cognitive load.
    • Checkout strategies and affects on consumer actions.
  • Competitive Analysis

    Analyzing competitors and categorizing to gain insight

    UniqueBestSamePoor

  • Interface Audit

    Gain full understanding of site to create distinction between three pages.

    Favorite ItemsShopping ListOrder History

Interface audit of the three pages
1 of 5

Key Decisions

Reducing Clicks

Completing an Interface Audit allowed us to understand that the core functionalities of the page were present but hidden. It helped us aim the redesign at UX priorities such as minimizing overload by reducing clicks.

“Add to Favorites” on Products Page

Usability testing showed that most users’ first instinct when adding an item to “Favorite Items” was to go to the products page, which allowed us to redesign according to that finding.

Navigation

Testing also showed us that navigation was a more prominent pain point that users encountered. The page was not located in an area that was intuitive, which could contribute to users not utilizing the “Favorite Items” feature.

Research Insight

To better understand user flows and key functions we performed several activities.

  • Usability Testing

    Interviewed 6 students to complete tasks and only intervened when the tasks weren’t able to be completed. The activity showed us common pain points that led to the misuse of the page.

  • Multivariate Testing

    Tested with 21 participants through observational notes and questions to gauge accessibility, visibility, utility and compare one feature to another. The activity allowed us to narrow down different designs and choose the most intuitive one.

FigJam of research activities

Takeaways

Creating Opportunities for Discoverability

Testing revealed that discoverability correlates with usage of the feature. Creating more touch points within the site can bring more usage of the feature and also increase accessibility for users. This highlights the usage of “Favorite Items” as a shortcut feature and becomes intuitive as a shortcut.

User Feedback Focused Design

Designing can often be clouded by the designer’s subjective opinion on what looks good. UX designing proved similar, and at some points it was difficult to let go of my subjective opinion. This project led us to use activities like Affinity Diagramming that pushed us to set our ideas aside, focus on findings from research and feedback, and find redesign opportunities.

Interface audit board: Order History, Favorite Items and Shopping List, each with screenshots, location in the site, function and notes
Affinity diagram on a whiteboard: sticky notes grouped under Visibility, Error messages, Adding to / searching Favorite Items, Add to cart / order, Getting to Fav Items page, and Errors / quirks
Whiteboard sketches: the product page with an “Add to Favorites” heart, the pop-up after clicking it, and two options for the dashboard navigation
Final high-fidelity Uline screens: Favorite Items page and its states, add-to-favorites pop-ups, table settings, home page, product pages and shopping cart
FigJam board of the research activities: interface audit, competitive analysis, usability study, affinity map, multivariate testing and design recommendations