Reflekt Me: Product Design

Overview

Reflekt Me is a revolutionary SaaS web app dedicated to reshaping the online shopping experience. By enabling online retailers to feature products on real people across various sizes, skin tones, and hair types, it provides a relatable shopping environment. This lets customers visualize products on body types similar to theirs, leading to better purchase decisions.

‍

Problem Identification

after launching in 2022, Reflekt Me end-users and clients provided feedback that lead our product team to embark on a client portal and end-user UX/UI redesign. As the person tasked with leading this project I began with some user research to fully understand the problem and potential solutions.

User Feedback & Design Flaws

Client Feedback:

• Accessibility: 65% expressed difficulty with font size, color palette, and font-weight.
• Confirmation Needs: 73% desired confirmation for completed actions.
• Content Management: 40% wanted to save content changes without immediate publishing.
• UI Challenges: 80% found action buttons and toggles challenging.

End-User Feedback:

• Model Data: 80% wanted detailed model size and body type information for a better comparison.

Client Portal Design Flaws

• Accessibility: 65% expressed difficulty with font size, color palette, and font-weight.

‍

• Confirmation Needs: When users navigate the system they are not getting any confirmations or indications that task have been completed or processing.
• Content Management: When uploading content users are not able to save their work without forcing the application to update content while publishing.
• UI Challenges: While working with large amounts of content users complained that the approve and ording buttons were hard to use and too small.

PDP Window Design Flaw

• Missing Model Data: 80% wanted detailed model size and body type information for a better comparison.

‍

Redesign Goals

• Improve the Client Portal's usability: Clients should navigate and manage the portal autonomously.
• Create Comparison Tool for End-Users: Equip shoppers with intuitive tools to compare themselves with showcased models.

‍

User Personas

The user research and paint-points allowed me to develop the following personas to guide our redesign efforts.

• The Associate: Responsible for adding and updating imagery.
• The Buyer: Ensures only brand-aligned content goes live.
• Online Shopper: The end-user keen on relatable product visualization.

User Testing

Through a series of preference tests, time to completion test, and user feedback sessions, we assessed:

• Button colors and placement.
• Overall design feedback from end-users.
• Task completion times.

Client Portal Test Impact on design: Once the client portal was redesigned with improved accessibility and functionality I lead a series of preference test to understand how the users would emotionally respond to the status bars and buttons. We focused on the associates persona here because that person spends a lot of time in the application.

We discovered that the cognitive load involved with uploading and managing content was high and the UI needed to be lighter without prioritizing all the actions that can be taken. Consequently design be was chosen as the final design.

‍

Online Shopper Test Impact on Design: Once we figured out how to show the models information as a point of comparison for the online shopper I conducted a series of preference test to understand which option created the best experience.

We discovered that online shoppers want to see the information without having to click additional buttons. Having the model information overlayed on the hero image made the comparison process seamless and occur without much thought. Consequently, we chose design "A".

‍

Updated Designs

Comparing our old portal to the new design revealed enhancements in both aesthetics and functionality. Every redesign aspect prioritized accessibility. Meanwhile, content changes focused on facilitating productive interactions for clients and enriching product visualization experiences for end-users.

‍

Challenges and Solutions

• Client Participation: Engaging clients for feedback was challenging but essential.
• Balancing Design and Utility: Marrying functionality with aesthetics was crucial. Striking this balance meant creating an intuitive yet attractive interface.
• End-User Comparison Tools: Ensuring that product comparison inspired positivity and not insecurity was pivotal.‍

Conclusion

The Reflekt Me redesign journey was one of discovery and innovation. From improved accessibility to better user comparison tools, the project's success lies in its holistic approach to both client and end-user needs. For a SaaS platform like Reflekt Me, feedback is the bedrock of improvement. Instituting mechanisms for regular feedback collection and analysis will be crucial. Determining whether feedback calls for system-wide updates or niche enhancements will be the challenge ahead.