Goals of This Study
Practice working within an existing design system
Deep dive into a brand thats new to me and learn about it's customers
Discover user interaction painpoints and improve UX with the intent of increasing conversion rates
Constraints
I time boxed 2 weeks for this project
No access to existing design files
No access to internal research
Refrain from creating new design system patterns.
The Problem
My hypothesis was that e.l.f's drawer menu & navigation had confusing hierarchy, interaction, and typography. This can potentially prevent users from finding what they need, which could lead to churn and lower conversion rates.
MY PROCESS
Typography Changes
Try it for yourself!
Conclusion
I believe these two prototypes both perform better than the existing, without increasing complexity or introducing major new design system patterns. I learned about constraints that e.l.f. has in their visual design language, and I have improvements that I suggest to them. I enjoyed practicing making prototypes that I can test against each other, and an existing solution to determine which one might be most effective.
I also enjoyed the opportunity to focus on typography to make the navigation easier to use and read. I found there was a lot of nuance in text can be weighted, spaced, indented, etc., in how it can help the customer in their ability to navigate the website.
Working within a strict time constraint proved to be a valuable exercise. It pushed me to prioritize effectively and focus on the most pressing issues. The time pressure helped me stay on track and avoid getting sidetracked by less critical aspects of the project. I found that having a deadline actually improved my decision-making process, as I had to quickly assess which solutions would be most impactful within the given timeframe. This experience reinforced the importance of time management in design work and showed me how constraints can sometimes lead to more focused and efficient outcomes. Overall, it was a practical lesson in balancing quality with time limitations
If I Had More Time
I would love to conduct a usability research session testing the two solutions against the existing one. Ideally 5-6 participants in a 20-30 min qualitative research study, so that I can better understand why certain changes may/may not help the user in their goals. This would also give an opportunity for me to ask follow up questions to learn more about their behaviors and expectations around some of these UX patterns.
Also I have a hypothesis that embedding New/Best Sellers style into sub categories instead of the existing top level “New” and “Best Sellers” would perform better in converting customers. I didn’t want to increase the scope of this study for this specifically, but I would be interested to learn more about this as it could potentially increase conversion rates.
Prototype to follow!