First phases to creating an emotionally-aware design
The first iteration
Based on desk research, the emotional journey mappings, and with some ideation help using Figma Make and Claude, we designed the first version of The Right Fit.
The web app of The Right Fit:


The browser extension of The Right Fit:

Uncovering points of emotional friction through cognitive walkthroughs and inclusive personas
To evaluate the prototype, we conducted 3 cognitive walkthroughs focused on emotional friction rather than functional learnability, asking participants to narrate what they were feeling at each screen of the experience. A few pieces of feedback we received were:
- To redesign the Fit Meter language, as "slim" doesn't make sense
- To improve visual interest to make it seem less like a clinical sizing utility
- Include the sizing verdict on the overlay for a more cohesive experience
We also wanted to address a missing element from our initial context setting phase: diversity in bodies and styles. Our participants so far have ranged in body sizes and styles, but not to a great extent. So, we created inclusive personas to help us think through what improvements could be put in the next iteration of our experience.



Based on the needs, goals, and constraints presented from our personas, we knew that we wanted to introduce:
- Neutral and inclusive language, especially in the browser extension overlays
- The ability to update garment information