Personalization

In 2024, I redesigned the Personalization modal for BrüMate using Figma to create a thoughtful, mobile-friendly user experience that breaks down the personalization process. This project is being reviewed for budget approval and won't go live until 2025.

All information in this case study is my own and may not reflect the views of BrüMate.

Role:

UX/UI Design

Date:

Aug 2024

Prototype Link:

Project Overview

With 90% of BrüMate's Web traffic shopping on mobile, the redesign created an intuitive mobile experience with less scrolling and the ability to see your design decisions live with a fixed product view. I also created visual navigation and a structured user flow. Because the final user interface was so different, I conducted a moderated usability test with a small group of users to receive further design feedback and observations.

Project Kickoff

In preparation for the modal redesign, I collaborated with our Director of Digital Experience to review competitor audits. Together, we identified key experiences from our competitors that we believed would best serve our users. To ensure our decisions aligned with user needs, we agreed to conduct a usability test with a small group of users. This would give us valuable insights and confidence in our design choices before moving forward.

Learnings

Through observing users during the usability study, I discovered the critical importance of maintaining consistent navigation throughout the experience. Users became confused when the 'Go Back' button moved position, especially when they reached the final step of the process. Additionally, adding a clear title to indicate they were on the final step before adding to the cart proved helpful in guiding users more effectively.

Technical & Business Limitations

Before beginning the initial designs, I collaborated with our Dev Team to fully understand the limitations of the third-party widget used for the personalization modal. It was essential to design around the requirement that users must upload a logo with a minimum quantity of 24. Additionally, due to budget constraints, we were unable to incorporate search functionality within the icon galleries.

Let’s create your next big idea.

Let's Connect

© 2024 Erin Summerlin

Let’s create your next big idea.

Let's Connect

© 2024 Erin Summerlin

Let’s create your next big idea.

Let's Connect

© 2024 Erin Summerlin

Let’s create your next big idea.

Let's Connect

© 2024 Erin Summerlin